WordPress Theme Cheatsheet voor beginners

Bent u op zoek naar een spiekbrief met WordPress-thema om snel uw thema aan te passen of een nieuw eigen thema te maken? WordPress wordt geleverd met veel ingebouwde sjabloonlabels die u kunt gebruiken om een ​​voorsprong te krijgen. In dit artikel zullen we een spiekbriefje voor WordPress-thema voor beginners delen.

Voordat u begint

WordPress wordt geleverd met een krachtige templating-engine waarmee themaontwikkelaars prachtige ontwerpen kunnen maken voor websites met WordPress-technologie. Er zijn zowel premium als gratis WordPress-thema's die u op uw website kunt installeren.

Elk WordPress-thema wordt geleverd met een aantal aanpassingsopties. Met deze opties kunt u kleuren wijzigen, koptekstafbeeldingen toevoegen, navigatiemenu's instellen en meer.

U bent echter nog steeds beperkt tot welke functies uw thema ondersteunt. Soms wilt u mogelijk kleine wijzigingen in uw WordPress-thema aanbrengen die enige codering vereisen. Om dat te doen, moet je wat basis PHP, HTML en CSS weten.

Het eerste wat u zou willen doen, is uzelf vertrouwd maken met hoe WordPress achter de schermen en WordPress themasjablonen werkt.

Daarna zijn er enkele praktische tips die u misschien wilt volgen. U kunt bijvoorbeeld een kindthema maken in plaats van uw wijzigingen rechtstreeks in uw themabestanden in te voeren.

U kunt ook oefenen op uw thema door WordPress op uw computer te installeren.

Dat gezegd hebbende, laten we een duik nemen in onze WordPress thema-spiekbrief voor beginners.

Basis WordPress-themasjablonen

Elk WordPress-thema bestaat uit verschillende bestanden die sjablonen worden genoemd. Alle WordPress-thema moet een stylesheet en een indexbestand hebben, maar meestal komen ze met veel andere bestanden.

Hieronder staat de lijst met basisbestanden die elk thema heeft:

• style.css
• header.php
• index.php
• sidebar.php
• footer.php
• single.php
• page.php
• comments.php
• 404.php
• functions.php
• archive.php
• searchform.php
• search.php

Als u een eigen thema maakt, kunt u beginnen met een van de WordPress-startthema's. Deze thema's worden geleverd met kant-en-klare WordPress-sjabloonbestanden en CSS waarmee u een kader kunt opbouwen.

Sjabloonlabels in koptekst

WordPress wordt geleverd met veel handige functies die kunnen worden gebruikt om verschillende dingen uit te voeren doorheen uw thema. Deze functies worden template-tags genoemd.

De eerste en waarschijnlijk de belangrijkste functie die vereist is in alle standaard compatibele WordPress-thema's wordt wp_head genoemd en ziet er als volgt uit:

Deze code haalt alle belangrijke HTML WordPress-behoeften op die moeten worden toegevoegd in de sectie van elke pagina op uw website. Het is ook essentieel dat veel WordPress-plug-ins correct werken op uw website.

Hierna volgt een lijst met sjabloontags die u vaak zult vinden en gebruiken in het header.php-bestand van uw thema. Ze kunnen echter ook elders op uw thema worden gebruikt wanneer u ze nodig hebt.

 // Titel van de blog of blognaam // Titel van een specifieke pagina // Exacte URL voor de site // Beschrijving van de site // Locatie van het themabestand van de site // Link naar de locatie Style.css // URL van RSS-feed voor de site // Pingback-URL voor de site // Versienummer van WordPress  

Sjabloontags die worden gebruikt in andere themabestanden

Laten we nu eens kijken naar enkele andere veelgebruikte sjabloontags en wat ze doen.

Volgende sjabloontags worden gebruikt om andere sjablonen te bellen en op te nemen. Het index.php-bestand van uw thema gebruikt ze bijvoorbeeld om kop-, voettekst-, inhouds-, commentaar- en zijbalksjablonen te gebruiken.

 // Geeft Header.php-bestandsinhoud weer / / Toont Footer.php-bestandsinhoud // Geeft Sidebar.php-bestandsinhoud weer // Geeft Opmerkingen.php-bestandsinhoud weer  

Volgende sjabloontags worden gebruikt in de WordPress-lus om content, uittreksels en metadata van uw berichten weer te geven.

 // Geeft de inhoud van de post weer // Geeft het fragment weer dat wordt gebruikt in berichten // Titel van de specifieke post // Link van de specifieke post // Categorie van een specifieke post // Auteur van de specifieke post // ID van een specifieke post // Bewerk link voor een bericht // Alleen zichtbaar voor ingelogde gebruikers met bewerkingsrechten // URL van de volgende pagina // URL van de vorige pagina  

WordPress-thema's worden geleverd met widget-klaar gebieden genaamd Sidebars. Dit zijn locaties in uw themabestanden waar gebruikers WordPress-widgets kunnen slepen en neerzetten. Vaak heeft een thema meerdere locaties waar gebruikers widgets kunnen toevoegen.

Meestal bevinden deze widgetgebieden zich echter in de rechter- of linkerzijbalk van de themalay-out. Raadpleeg onze handleiding voor meer informatie over het toevoegen van kant-en-klare dynamische zijbalken in uw WordPress-thema voor meer informatie.

Hier is de code die wordt gebruikt om een ​​zijbalk weer te geven in uw thema.

U moet sidebar-1 vervangen door de naam die is gedefinieerd door uw thema voor dat widgetgebied of de zijbalk.

Sjabloonlabels om navigatiemenu's weer te geven

WordPress wordt geleverd met een krachtig menu-managementsysteem waarmee gebruikers navigatiemenu's voor hun website kunnen maken. Een WordPress-thema kan meerdere navigatiemenu-locaties hebben.

Raadpleeg onze handleiding over het maken van uw eigen aangepaste navigatiemenu's in een WordPress-thema.

Hieronder volgt de code die in uw thema wordt gebruikt om een ​​navigatiemenu weer te geven.

  'mijn-custom-menu', 'container_class' => 'custom-menu-class')); ?> 

De locatie van het thema hangt af van de naam waarmee uw thema het navigatiemenu registreerde. De CSS-containerklasse kan alles worden genoemd dat u leuk vindt. Het zal uw navigatiemenu omringen, zodat u het overeenkomstig kunt stylen.

Diverse sjabloontags

Hieronder volgen enkele van de tags die u vaak zult gebruiken in uw WordPress-thema.

 // Toont de datum waarop de huidige post is geschreven // Toont de laatste keer dat een post is gewijzigd get_the_modified_time // Geeft de laatste gewijzigde tijd weer voor een bericht // Geeft post miniatuur of aanbevolen afbeelding weer // Geeft maandelijkse archieven weer // Geeft de lijst met categorieën weer // Toont de gravatar van een gebruiker van het e-mailadres // 32 pixels is de grootte, je kunt dat wijzigen als je dit nodig hebt // Toont gravatar van de auteur van het huidige bericht  

Voorwaardelijke tags in WordPress-thema's

Voorwaardelijke tags zijn functies die resultaten in Waar of Onwaar opleveren. Deze voorwaardelijke tags kunnen door uw thema of plug-in worden gebruikt om te zien of aan bepaalde voorwaarden is voldaan en vervolgens iets dienovereenkomstig te doen.

Als het huidige bericht bijvoorbeeld een uitgelichte afbeelding heeft of niet. Als er geen uitgelichte afbeelding in voorkomt, kunt u in plaats daarvan een standaardafbeelding weergeven.

 '; ?> 

Hierna volgen nog enkele voorwaardelijke tags die u kunt gebruiken.

 // Controleert of een bericht wordt weergegeven is_single () // Controleert of een pagina wordt weergegeven is_page () // Controleert of de hoofdblogpagina wordt weergegeven is_home () // Controleert of een statische voorpagina wordt weergegeven is_front_page ( ) // Controleert of de actieve viewer is aangemeld is_user_logged_in () 

Er zijn veel meer voorwaardelijke tags die u kunt gebruiken. De volledige lijst met voorwaardelijke tags is te vinden op de WordPress codex-pagina over voorwaardelijke tags.

De WordPress Loop

De lus of de WordPress-lus is de code die wordt gebruikt om berichten in WordPress op te halen en weer te geven. Veel WordPress-sjabloonlabels werken mogelijk alleen binnen de lus, omdat ze zijn gekoppeld aan de objecten post of post_type.

Hierna volgt een voorbeeld van een eenvoudige WordPress-lus.

   
Gepost door 
  
Opgeslagen in: | Tagged: | Comments
  
Sorry geen berichten kwamen overeen met je criteria.
  

Voor meer informatie over de loop check out Wat is een Loop in WordPress (Infographic).

We hopen dat dit artikel je helpt als het basiswoordspelletje voor WordPress-thema voor beginners. Wellicht wilt u ook onze lijst met de handigste trucs voor het WordPress-functiesbestand bekijken.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.