9 WordPress-codes om uw blog op te fleuren en UX te verbeteren

WordPress is eenvoudig te configureren en te installeren, klaar voor gebruik zodra u uw blog publiceert.


Maar vertrouwen op de standaardopties van WordPress kan namens u tot verlies leiden:

  • Minder functionaliteit
  • Verveelde gebruikers (die dezelfde dingen zien op elke WP-site die ze tegenkomen)
  • Dalingen in de rangschikking van zoekmachines.

Je hebt een flexibele tool in handen, die je kunt aanpassen om er iets prettigs van te maken en efficiënt op te vertrouwen. Waarom zou u uw gebruikers (en uzelf) niet opfleuren??

Dit artikel wil u helpen uw op WordPress gebaseerde website leuk en nuttig te maken voor uw gebruikers door interessant toe te voegen codefragmenten dat zal ook uw SEO verbeteren.

Hulp nodig Spice Up Your WordPress Blog?
WHSR is nu partner van Codeable.io om gebruikers te helpen die professionele WP-ontwikkelings- / aanpassingsservices nodig hebben.

Vul dit aanvraagformulier in om een ​​gratis offerte te ontvangen.

Probeer ze eens en laat me weten hoe ze voor u hebben gewerkt! ;)

9 codes om uw WordPress-blog te verbeteren

Ik zal u in dit bericht twee soorten codefragmenten aanbieden:

  1. Codex codes
  2. Codefragmenten en widgets

Codex-codes zijn PHP-fragmenten die ik zelf heb geschreven (met de hulp van mijn verloofde, Simone) waarbij ik de WordPress.org Codex strikt als referentie gebruikte.

Codefragmenten en widgets zijn kant-en-klare stukjes PHP-code (of WordPress-plug-ins) die gratis beschikbaar zijn op andere websites en op WordPress.org, maar ik heb ook fragmenten van mijn verloofde opgenomen en ik heb helemaal opnieuw geschreven met behulp van open en Codex-referenties.

Beide soorten codes zijn eenvoudig te implementeren en te installeren, maar misschien wilt u beginnen met widgets en plug-ins als u niet zeker weet hoe u code moet manipuleren.

Ik begrijp dat 9 codefragmenten misschien niet genoeg zijn voor degenen onder u die graag met heel veel verschillende code willen experimenteren, dus ik weet zeker dat onze 25 handige codefragmenten van Robert Ludrosky voor WordPress-ontwikkelaars uw honger zullen stillen (tenminste voor een terwijl). ;)

Codex-codes

1. Onderscheid Sticky Posts

Om WordPress te laten controleren of uw huidige bericht een plakkerig bericht is – en dienovereenkomstig weer te geven – kunt u de Codex booleaanse functie gebruiken:

<?php is_sticky (); ?>

De functie alleen retourneert alleen WAAR of ONWAAR waarden, dus wat u hier kunt doen als u een voorwaardelijke constructie schrijft (indien / anders) om uw plakkerige berichten te beheren. Een voorbeeld:

<?php als is_sticky () {
de titel();
the_time (‘M, d, Y’);
the_excerpt ();
}
anders {
‘post-template.php’ opnemen;
}

In dit voorbeeldgebruik heb ik de plakkerige post weergegeven als een vak met alleen de titel, de postdatum en het uittreksel (niet de hele post), terwijl de standaardsjabloon voor de andere berichten is opgenomen in post-template.php.

Elk type bericht heeft zijn eigen CSS-stylesheet, maar we definiëren hier geen stijlen; alleen sjablonen.

Single.php is uw standaardsjabloon voor afzonderlijke berichten (u vindt het bij elk standaard WP-thema).

Als je je eigen WP-thema hebt ontwikkeld, maar geen sjablonen voor afzonderlijke berichten hebt ingesteld, kun je de Codex-gids hier volgen.

2. Post-URL weergeven

Deze is misschien leuk om aan je sjabloon toe te voegen. Als u wilt dat uw lezers de URI voor elk van uw pagina’s (of berichten) krijgen, gebruikt u gewoon de volgende tag in uw single.php-, page.php- of zelfs index.php-sjabloon:

"><?php echo get_page_link (); ?>

In plaats van the_permalink te gebruiken, dat is de meest voor de hand liggende keuze en werkt voor alle gevallen, met WP kunt u twee alternatieve formulieren gebruiken voor berichten en pagina’s:

<?php echo get_post_permalink (); ?>
<?php echo get_page_link (); ?>

Uw paginasjabloon kan bijvoorbeeld het volgende bevatten:

Koppeling: "><?php echo get_page_link (); ?>

3. Ophalen en weergeven van post ID-nummer

Zelfs wanneer u uw permalink-structuur instelt om gebruikers- en SEO-vriendelijk te zijn, kunt u uw bezoekers nog steeds de post-ID tonen door deze eenvoudige functie aan uw meta-lijn toe te voegen:

<?php the_ID (); ?>

Voorbeeldgebruik:

Geplaatst door de naam van de auteur. Post-ID is <?php the_ID (); ?>

4. Lijst Categorieën op ID

De standaardfunctie van WordPress is:

<?php get_all_category_ids () ?>

Hier is een voorbeeld dat ik heb gebruikt op een van mijn blogs, geschreven met code uit de Codex en een onderwerp op StackOverflow:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids as $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // we hebben de kattenlink nodig om de URL te laten werken!
echo "{$ cat_id}: {$ cat_name}
";
}
?>

… en hoe het wordt weergegeven:

categorie WP-code

Opmerking: get_all_category_ids () is nu een verouderde functie, maar je kunt het nog steeds zonder problemen gebruiken, zoals ik op mijn blog doe (screenshot hierboven). Als je echter de nieuwe functie voor dit fragment wilt gebruiken, bezoek dan de get_terms () pagina van de Codex.

Wat doet deze code?

De code krijgt alle categorie-ID’s en de categorienaam voor elke ID, vervolgens koppelt hij de ID aan de categorielink, terwijl de categorienaam wordt weergegeven na de “:” – vandaar de echo () -uitdrukking {$ cat_id}: {$ cat_name }
.

5. Een gedetailleerde gebruikers- / auteurspagina voor uw blog

Heb je ooit een aangepaste pagina willen bouwen waarop al je blogauteurs of gebruikers zouden worden weergegeven zonder op een plug-in te hoeven vertrouwen?

Welnu, u kunt uw eigen aangepaste pagina Auteurs / Gebruikers maken met alleen een teksteditor, een FTP-uploader en uw geliefde WordPress-dashboard.

Allereerst moet u een kopie van uw page.php-bestand maken. Hernoem uw kopie in een willekeurige naam – ik heb de naam mine users.php genoemd.

Voeg de sjabloontag toe aan de bovenkant van deze sjabloon zodat WordPress deze kan herkennen als een sjabloon en ga vervolgens naar uw Dashboard -> Pagina’s -> Voeg Nieuw toe en maak een pagina voor uw lijst met gebruikers / auteurs. Ga terug naar de lijst met pagina’s, klik op Snel bewerken onder de titel van uw nieuwe pagina en selecteer uw nieuwe sjabloon in het vervolgkeuzemenu Sjabloon. Sla uw wijzigingen op.

Open nu het bestand users.php (of hoe je het ook noemde) en pas de volgende code toe:

<?php
$ result = count_users ();
echo ‘Er zijn’, $ resultaat [‘total_users’], ‘totaal gebruikers’;
foreach ($ result [‘Avail_roles’] als $ role => $ count)
echo ‘,’, $ count, ‘are’, $ role, ‘s’;
echo ‘.’;
?>

Deze code maakt gebruik van de functie count_users die wordt vermeld als “standaardgebruik” in de Codex. Je kunt een live voorbeeld van deze code bekijken op http://robocity.in/users/.

Laten we na die code iets toevoegen over de blogbeheerder:

<?php printf (__ (‘Aantal door gebruiker gepubliceerde berichten "Leiders":% d ‘,’ text-dom-here ‘), count_user_posts (1)); ?>

Ik heb hier de functie count_user_posts gebruikt, volgens de gebruiksindeling die door de Codex wordt voorgesteld.

De functie get_userdata is goed om de correlatie tussen een bepaalde gebruikersnaam en de echte naam van de persoon die deze gebruikt te laten zien. Zie hieronder:

<?php $ user_info = get_userdata (1);
$ gebruikersnaam = $ user_info->gebruiker login;
$ first_name = $ user_info->Voornaam;
$ last_name = $ user_info->achternaam;
echo "$ first_name $ last_name logt in op hun WordPress-site met de gebruikersnaam van $ gebruikersnaam.";
?>

Dit is nu de meest interessante functie die u kunt gebruiken op uw pagina Auteurs / Gebruikers – de functie get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&rol = beheerder ‘);
// Array van WP_User-objecten.
foreach ($ blogusers als $ gebruiker) {
echo ”. esc_html ($ gebruiker->gebruiker login) . ‘-‘. esc_html ($ gebruiker->user_email). ‘
‘;
}
?>

Deze functie haalt een lijst met gebruikers op volgens bepaalde parameters die u in de code kunt configureren. In het bovenstaande voorbeeld (afkomstig van de Codex-pagina en bewerkt om op mijn gebruikerspagina op Robocity.in te passen), wil ik een lijst met beheerders krijgen voor blog-ID 1 (huidige blog) gesorteerd op ‘nicename’, en voor elke gebruiker, Ik wil gebruikersnaam en e-mail weergeven in een zin van het type “Gebruikersnaam -“.

Als u ingelogde gebruikers iets over zichzelf wilt laten zien, kunt u de functie get_currentuserinfo gebruiken om bijvoorbeeld de naam en het adres van de gebruiker op te halen. Ik heb deze functie niet gebruikt in mijn voorbeeld, maar creativiteit kent geen grenzen, toch? ;)

Codefragmenten & Widgets

6. Alternatieve … archieven!

mooiere blogarchievenStel je voor dat je je oude zijbalk Archieflijst zou kunnen vervangen – die blijft groeien naarmate je blog groeit en gebruikers dwingt te scrollen – met een fragment zoals je hier rechts kunt zien.

Zou het uw lezers niet gemakkelijker maken om uw blogleeftijd en archiefdiepte in één oogopslag te zien? :)

Mijn verloofde en ik hebben dit eenvoudige fragment geschreven met behulp van de get_post van de Codex en een eenvoudig vervolgkeuzemenu voor de lijst met archieven. We hebben onze eigen functies gemaakt om het idee goed te laten werken.

<?php
functie formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime ($ format, strtotime ($ post->post-datum));
$ output teruggeven;
}

functie getLastPostID () {
list ($ post) = get_posts (array (‘posts_per_page’ => 1));
$ post retourneren->ID KAART;
}
?>

Deze blog heeft sindsdien berichten <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
Laatste bericht is gepubliceerd op <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Wilt u een specifiek archief bezoeken??

<?php echo esc_attr (__ (‘Select Archive’)); ?>
<?php wp_get_archives (array (‘type’ => ‘maandelijks’, ‘formaat’ => ‘option’, ‘show_post_count’ => 1)); ?>

Wat doet deze code?

De functie formatPostDate neemt het ID- en datumnotatie van de post en retourneert een datum in een formaat naar keuze. De tweede functie, getLastPostID, neemt een reeks berichten met slechts één bericht en retourneert de ID.

Om de eerste post van de blog te krijgen – over het algemeen met ID = 1, schrijven we echo formatPostDate (1, ‘% B% e,% Y’) in de eerste alinea: deze code gebruikt de functie formatPostDate en neemt als parameters de post-ID aan # 1 en een standaard Engels formaat voor de datum, en retourneert de datum.

Om het laatste bericht van de blog te krijgen, gebruiken we formatPostDate (getLastPostID (), ‘% B% e,% Y’) om de ID van het laatste bericht en een datumnotatie (opnieuw, in het Engels) te krijgen en de datum af te drukken op scherm.

7. Controleer of de bezoeker een mobiel apparaat gebruikt

Muneeb op WP-Snippets.com heeft een interessant codefragment (een functie) gedeeld om te controleren of een bezoeker op uw site een mobiel apparaat gebruikt.

De code is hier beschikbaar.

Deze functie helpt bij mobiele optimalisatie, omdat het handig is als u bepaalde functies alleen aan mobiele gebruikers wilt tonen of mobiele gebruikers wilt uitsluiten van bepaalde websitefuncties.

8. Gebruik de constructie if / else om de inhoud van uw zijbalk op de pagina te manipuleren

Dit codefragment is gebaseerd op de Codex van WordPress, maar ik heb het in deze sectie geplaatst omdat het veel creativiteit mogelijk maakt en u mogelijk kant-en-klare fragmenten op internet kunt vinden.

Stel dat u meerdere zijbalken op uw site wilt gebruiken. U kunt uw zijbalk vullen met divs en secties, maar hoe meer dat bestand groeit (zelfs als u widgets gebruikt), hoe zwaarder het wordt.

De Codex komt je redden met de functie get_sidebar ($ name). Het gebruik is simpel:

  1. Maak (zeg) een zijbalk voor uw Quotes-fragmenten. Noem het sidebar-quotes.php
  2. In het hoofdbestand sidebar.php (of het header- of indexbestand, volgens uw WP-themastructuur) schrijft u get_sidebar (“quotes”); om het bestand “sidebar-quotes.php” op te nemen.

Je krijgt een slankere zijbalk met aanroepen naar andere subzijbalken, die je kunt optimaliseren met if / else constructs als je een beetje PHP-codering voor WordPress kent.

U weet dit misschien niet, maar als u de generieke code get_sidebar () gebruikt, bevat die “sidebar.php” omdat u geen argument $ name hebt toegevoegd. Dit is het standaardgebruik. Wanneer u een “-name” toevoegt na “sidebar * .php”, kunt u die naam-add-on aanroepen met de $ name arg.

Als u advertenties, speciale aanbiedingen of zijbalkfuncties heeft die u wilt weergeven op bepaalde pagina’s van uw blog of code die uw standaardzijbalk overbelasten, zult u merken dat dit codefragment een levensredder voor UX is.

9. Een tool voor het integreren van codefragmenten in uw WordPress-site

screenshot van codesnippets

Code Snippets is een gratis WordPress-plug-in gemaakt door Shea Bange waarmee je eenvoudig codefragmenten aan je blog kunt toevoegen.

Het leuke van deze plug-in is dat je niet langer je functies.php-bestand hoeft te bewerken, maar je kunt aangepaste code rechtstreeks vanuit je WordPress-dashboard toevoegen. Kortom, u kunt codefragmenten toevoegen zoals u een nieuwe post of pagina zou toevoegen.

Tom Ewer van WPMUDev.org schreef een interessante inleiding tot deze plug-in, maar de nuttigste bron die ik tot nu toe heb gevonden voor Code Snippets is het plug-in-ondersteuningsforum op WordPress.org.

Terug naar jou!

Deel uw WordPress-coderingsexperimenten in de onderstaande opmerkingen! En stel gerust vragen over de fragmenten die in dit bericht zijn geïntroduceerd.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map