9 WordPress Codes om uw blog te verfraaien en UX te verbeteren

Bijgewerkt: 26 oktober 2020 / Artikel door: Luana Spinetti

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

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

  • Minder functionaliteit
  • Bored gebruikers (die dezelfde dingen zien op elke WP-site waar ze op stuiten)
  • Valt in de rangorde van zoekmachines.

Je hebt een flexibel hulpmiddel in handen, dat je kunt aanpassen om er iets leuks van te maken en efficiënt om op te vertrouwen. Waarom zou u de dingen niet opfleuren voor uw gebruikers (en uzelf)?

Dit artikel wil je helpen je WordPress-website leuk en nuttig te maken voor je gebruikers door interessante dingen toe te voegen codefragmenten dat zal ook je SEO verbeteren.

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

Om een ​​gratis offerte te krijgen, vul dit aanvraagformulier in.

Geef ze een kans en laat me weten hoe ze voor jou hebben gewerkt! ;)

9-codes om uw WordPress-blog te verbeteren

Ik zal je twee soorten codefragmenten aanbieden in deze post:

  1. Codex codes
  2. Codefragmenten en widgets

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

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

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.

Codex codes

1. Onderscheid plakkerige berichten

Om WordPress te laten controleren of je huidige bericht een plakkerig bericht is - en het dienovereenkomstig weer te geven - kun je de Codex booleaanse functie gebruiken:

<?php is_sticky(); ?>

De functie alleen retourneert alleen TRUE- of FALSE-waarden, dus wat u hier kunt doen, is als u een voorwaardelijk construct (if / else) schrijft om uw plaknopities te beheren. Een voorbeeld:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

In dit voorbeeldgebruik heb ik de plakkerige post weergegeven als een vak dat alleen de titel, de datum en het fragment (niet de volledige post) bevat, terwijl de standaardsjabloon voor de andere berichten zich in post-template.php bevindt.

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

Single.php is je standaardsjabloon voor enkele berichten (je vindt het bij elk standaard WP-thema).

Als u uw eigen WP-thema hebt ontwikkeld maar geen sjablonen voor afzonderlijke berichten hebt ingesteld, kunt u de Codex-handleiding volgen hier.

2. Post-URL weergeven

Deze kan leuk zijn 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:

">

In plaats van de_permalink te gebruiken, is dat 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_page_link(); ?> 

Uw paginasjabloon kan bijvoorbeeld het volgende bevatten:

Koppeling:

3. Ophalen en Post-ID weergeven

Zelfs als u uw permalink-structuur gebruikers- en SEO-vriendelijk maakt, kunt u uw bezoekers nog steeds de post-ID laten zien door deze eenvoudige functie toe te voegen aan uw meta-regel:

<?php the_ID(); ?>

Voorbeeld gebruik:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Lijstcategorieën op ID

De standaardfunctie van WordPress is:

<?php get_all_category_ids() ?>

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

{$ 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 u de nieuwe functie voor dit fragment wilt gebruiken, bezoekt u de get_terms () pagina van de Codex.

Wat doet deze code?

De code haalt alle categorie-ID's en de categorienaam voor elke ID op, en vervolgens wordt de ID aan de categorielink gekoppeld, 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 maken die al je blogauteurs of gebruikers zou laten zien zonder afhankelijk te zijn van een plug-in?

Wel, jij wel maak je eigen aangepaste pagina Auteurs / Gebruikers met alleen een teksteditor, een FTP-uploader en je geliefde WordPress-dashboard.

Allereerst moet u een kopie maken van uw page.php-bestand. Hernoem je kopie in een willekeurige naam - ik noemde mijn users.php.

Add de sjabloon tag naar de top van deze sjabloon voor WordPress om het te herkennen als een sjabloon, ga dan naar je Dashboard -> Pagina's -> Nieuwe toevoegen en maak een pagina voor uw lijst met gebruikers / auteurs. Keer 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 noemt) en pas de volgende code toe:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Deze code gebruikt de count_users functie wordt vermeld als "standaardgebruik" in de Codex. U kunt een live voorbeeld van deze code bekijken op http://robocity.in/users/.

Laten we na die code iets toevoegen over de blogbeheerder:

Ik gebruikte de count_user_posts functie hier, volgens het gebruiksformaat voorgesteld door de Codex.

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

gebruiker login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name logt in op hun WordPress-site met de gebruikersnaam $ gebruikersnaam."; ?>

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

'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). ' '; }?>

Deze functie haalt een lijst met gebruikers op volgens bepaalde parameters die u in de code kunt configureren. In het bovenstaande voorbeeld (overgenomen van de Codex-pagina en aangepast om te passen op mijn gebruikerspagina op Robocity.in), 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-mailadres weergeven in een zin van het type "Gebruikersnaam - [e-mail beveiligd]'.

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

Codefragmenten en widgets

6. Alternatief ... Archief!

leukere blogarchievenStel je voor dat je je oude archievenlijst in de zijbalk - die blijft groeien naarmate je blog groeit en gebruikers dwingt te scrollen - zou kunnen vervangen door een fragment zoals je hier rechts kunt zien.

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

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

post-datum)); retourneer $ output; } functie getLastPostID () {lijst ($ post) = get_posts (array ('posts_per_page' => 1)); retourneer $ post-> ID; }?> Deze blog heeft sindsdien berichten . Laatste bericht is gepubliceerd op . Wilt u een specifiek archief bezoeken?  'Monthly', 'format' => 'optie', 'show_post_count' => 1)); ?>

Wat doet deze code?

De functie formatPostDate neemt de ID van de post en de datumnotatie en retourneert een datum in een indeling naar keuze. De tweede functie, getLastPostID, neemt een reeks berichten met slechts één bericht en geeft zijn ID terug.

Om het eerste bericht van de blog te krijgen - meestal 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 # 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 (nogmaals, in het Engels) te krijgen en de datum op scherm.

7. Controleer of 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 beschikbaar hier.

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

8. Gebruik de if / else-constructie om de inhoud van uw paginazijbalk te manipuleren

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

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

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

  1. Maak (laten we zeggen) een zijbalk voor uw Quotes-fragmenten. Noem het zijbalk-quotes.php
  2. In het hoofdzijbalk.php-bestand (of het header- of indexbestand, volgens je WP-themastructuur) schrijf get_sidebar (“aanhalingstekens”); om het bestand "sidebar-quotes.php" op te nemen.

Je krijgt een slankere zijbalk met oproepen naar andere sub-zijbalken, die je kunt optimaliseren met if / else-constructies als je een beetje PHP-codering kent voor WordPress.

Je weet dit misschien niet, maar als je de generieke get_sidebar () code gebruikt, zal dat "sidebar.php" bevatten omdat je geen $ name argument hebt toegevoegd. Dit is het standaardgebruik. Als je een "-name" toevoegt na "sidebar * .php", kun je die naam addon noemen met de $ name arg.

Als u advertenties, speciale aanbiedingen of zijbalkfuncties hebt die u op bepaalde pagina's van uw blog of code wilt weergeven die uw standaardzijbalk overbelasten, vindt u dit codefragment een reddingprogramma voor UX.

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

codesnippets screenshot

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

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

Tom Ewer op WPMUDev.org heeft een interessante inleiding tot deze plug-in geschreven, maar de handigste bron die ik tot nu toe heb gevonden voor codefragmenten is het ondersteuningsforum voor plug-ins 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.

Over Luana Spinetti

Luana Spinetti is een freelance schrijver en kunstenaar gevestigd in Italië, en een gepassioneerde student Computer Science. Ze heeft een diploma van een middelbare school in Psychologie en Educatie en volgde een 3-jaars cursus in Comic Book Art, waar ze haar diploma op 2008 behaalde. Als een veelzijdige persoon zoals zij is, ontwikkelde ze een grote interesse in SEO / SEM en Web Marketing, met een bepaalde neiging tot sociale media, en ze werkt aan drie romans in haar moedertaal (Italiaans), die ze hoopt te indie publiceert binnenkort.