WordPress Theme Cheat Sheet för nybörjare

Letar du efter ett WordPress-tema cheat sheet för att snabbt ändra ditt tema eller skapa ett nytt anpassat tema? WordPress levereras med många inbyggda malltaggar som du kan använda för att få en start. I den här artikeln kommer vi att dela ett WordPress-tema cheat sheet för nybörjare.

Innan du börjar

WordPress levereras med en kraftfull templerande motor som låter temaprojektorer skapa vackra mönster för WordPress-drivna webbplatser. Det finns både premium och gratis WordPress-teman som du kan installera på din webbplats.

Varje WordPress-tema kommer med ett antal anpassningsalternativ. Med dessa alternativ kan du ändra färger, lägga till sidhuvudbilder, inställningsnavigationsmenyer och mer.

Men du är fortfarande begränsad till vilka funktioner ditt tema stöder. Ibland kanske du vill göra små förändringar i ditt WordPress-tema som kräver viss kodning. För att göra det måste du veta några grundläggande PHP, HTML och CSS.

Första sak du vill göra är att bekanta dig med hur WordPress fungerar bakom kulisserna och WordPress temalmallar.

Därefter finns det några bra metoder som du kanske vill följa. Till exempel skapa ett barntema istället för att göra dina ändringar direkt till dina temafiler.

Du kan också öva på ditt tema genom att installera WordPress på din dator.

Med det sagt, låt oss dyka in i vårt WordPress-tema cheat sheet för nybörjare.

Grundläggande WordPress temmallar

Varje WordPress-tema består av olika filer som kallas mallar. Alla WordPress-teman måste ha ett stylesheet och en indexfil, men oftast kommer de med många andra filer.

Nedan är listan över grundläggande filer som varje tema har:

• 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

Om du bygger ditt eget tema kan du börja med en av WordPress-startteman. Dessa teman kommer med redo att använda WordPress-mallfiler och CSS som ger dig ett ramverk att bygga på.

Malletiketter i Header

WordPress levereras med många praktiska funktioner som kan användas för att mata ut olika saker i hela ditt tema. Dessa funktioner kallas malltaggar.

Först och förmodligen den viktigaste funktionen som krävs i alla standardkompatibla WordPress-teman heter wp_head, och det ser ut så här:

Denna kod hämtar alla viktiga HTML WordPress behöver läggas till i avsnitt på varje sida på din webbplats. Det är också viktigt att många WordPress-plugins fungerar korrekt på din webbplats.

Följande är en lista med malltaggar som du vanligtvis hittar och använder i ditt temas header.php-fil. Men de kan också användas på annat håll på ditt tema när du behöver dem.

 // Titel på bloggen eller bloggnamnet // Titel på en viss sida // Exakt webbadress för webbplatsen // Webbplatsens beskrivning // Plats för webbplatsens temafil // Länk till Style.css-platsen // RSS-flödesadress för webbplatsen // Pingback URL för webbplatsen // WordPress versionsnummer  

Malletiketter som används i andra temafiler

Låt oss nu titta på några andra vanliga malltaggar och vad de gör.

Följande mallkoder används för att ringa och inkludera andra mallar. Exempelvis kommer ditt temas index.php-fil att använda dem för att inkludera sidhuvud, sidfot, innehåll, kommentarer och sidofältmallar.

 // Visar Header.php-filinnehåll // Visar Footer.php-filinnehåll // Visar Sidebar.php-filinnehåll // Visar content.php-filinnehållet  

Följande mallkoder används inom WordPress-loopen för att visa innehåll, utdrag och metadata från dina inlägg.

 // Visar inläggets innehåll // Visar det utdrag som används i Inlägg // Titel för det specifika inlägget // Länk av det specifika inlägget // Kategori för en viss post // Författare till det specifika inlägget // ID för en särskild post // Redigera länk för ett inlägg // Uppenbart synligt för inloggade användare med redigeringsbehörigheter // URL för nästa sida // URL för föregående sida  

WordPress-teman kommer med widget-ready-områden som heter Sidor. Det här är platser i dina temafiler där användare kan dra och släppa WordPress-widgets. Ofta har ett tema flera platser där användare kan lägga till widgets.

Men de flesta widgetområden finns oftast i den högra eller vänstra sidofältet i temalayouten. Om du vill lära dig mer, se vår guide om hur du lägger till dynamiska widgetsklar sidobar i ditt WordPress-tema.

Här används koden för att visa ett sidofält i ditt tema.

Du måste byta sidfält-1 med namnet som definieras av ditt tema för det aktuella widget-färdiga området eller sidofältet.

Malletiketter för att visa navigeringsmenyer

WordPress levereras med ett kraftfullt menynhanteringssystem som gör det möjligt för användare att skapa navigeringsmenyer för deras hemsida. Ett WordPress-tema kan ha mer än en navigationsmenyplats.

Se vår guide om hur du skapar egna anpassade navigeringsmenyer i ett WordPress-tema.

Följande är koden som ska användas i ditt tema för att visa en navigeringsmeny.

  'my-custom-menu', 'container_class' => 'anpassad menyklass')); ?> 

Tema plats beror på namnet ditt tema som användes för att registrera navigeringsmenyn. CSS-behållarklassen kan kallas allt du vill. Det kommer att omge din navigationsmeny, så att du kan stile det i enlighet med det.

Diverse mall Taggar

Följande är några av de taggar som du brukar använda i hela WordPress-temat.

 // Visar datumet aktuellt inlägg skrevs // Visar sista gången ett inlägg ändrades get_the_modified_time // Visar den senaste ändrade tiden för ett inlägg // Visar miniatyrbilden eller den visade bilden // Visar månadsarkiv // Visar listan över kategorier // Visar gravatar av en användare från e-postadress // 32 pixlar är storleken, du kan ändra det om du behöver // Visar gravatar i den aktuella postens författare  

Villkorliga etiketter i WordPress-teman

Villkorliga taggar är funktioner som ger resultat i True eller False. Dessa villkorliga taggar kan användas i hela ditt tema eller plugin för att se om vissa villkor är uppfyllda och gör sedan något.

Till exempel, om det aktuella inlägget har en utvalt bild eller inte. Om den inte har en utvald bild kan du istället visa en standardfärdig bild.

 '; ?> 

Följande är några mer villkorliga taggar som du kan använda.

 // Kontrollerar om ett enda inlägg visas is_single () // Kontrollerar om en sida visas is_page () // Kontrollerar om huvudblogsidan visas is_home () // Kontrollerar om en statisk frontsida visas is_front_page ( ) // Kontrollerar om den aktuella tittaren är inloggad is_user_logged_in () 

Det finns många fler villkorliga taggar som du kan använda. Den fullständiga listan med villkorliga taggar finns på WordPress codex-sidan om villkorliga taggar.

WordPress Loop

Loop eller WordPress-loopen är koden som används för att hämta och visa inlägg i WordPress. Många WordPress-mallkoder kan bara fungera inuti slingan eftersom de är associerade med objekten post eller post_type.

Följande är ett exempel på en enkel WordPress-loop.

   
Postat av 
  
Filed in: | Märkt: | kommentarer
  
Tyvärr, Inga inlägg matchade dina kriterier.
  

För att lära dig mer om loopen, kolla What's a Loop i WordPress (Infographic).

Vi hoppas att den här artikeln hjälper dig som det grundläggande WordPress-temat fuskarket för nybörjare. Du kanske också vill se vår lista över de mest användbara tripplarna för WordPress-funktionsfilen.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.