WordPressi teemaõpetus algajatele – 1. osa: sissejuhatus

Selles õppetükis hakkate õppima, kuidas WordPress laadib sisu olenevalt sellest, millisel lehel olete, ja teemamallifailide hierarhiast. Samuti saate teada, mida on vaja kehtiva teema jaoks. Ja lõpuks loome lõpuks oma teema ja aktiveerime selle.

Teema mallifailid

Kapoti taga selgitab WordPress teie URL-i põhjal välja, millist malli laadida. Kui teie WordPress on installitud domeenile "example.com/wordpress/", peaksite nägema esilehe malli. Kui lähete aadressile "example.com/wordpress/category/news/", saate vaikimisi loendi postitustest, millele on määratud uudiste kategooria kategooria malli kasutades.

WordPress järgib laaditava malli hierarhiat ja selle valimist sõltub sellest, millised mallid on teie teemas saadaval. Näiteks „example.com/wordpress/category/news” otsib WordPress esmalt kategooria „uudised” jaoks spetsiifilise malli. Kui seda ei leitud, otsib WordPress kategooria ID jaoks spetsiifilist malli. Jällegi, kui seda ei leitud, otsib WordPress üldkategooria malli. Kui seda ei leitud, otsib WordPress arhiivide jaoks veelgi üldisemat malli. Ja nii edasi.

WordPress Codex, mis on WordPressi dokumentatsioonisait, hoiab kasulikku ja ajakohastatud pilti, mis illustreerib teemamallifailide hierarhiat; https://codex.wordpress.org/File:Template_Hierarchy.png#file

Ärge muretsege, kui pilt tundub alguses liiga segane! Õpetuse edenedes viitate sellele pildile tagasi, et leida, milliseid malle soovite oma teemas rakendada.

Pildi lugemise viis on vasakult paremale liikumine. Sõltuvalt sellest, millisel lehel viibite, on mallid väga spetsiifilised ja mida rohkem liigute paremale poole, seda üldisemaks mallid muutuvad. Viimane varu on kõige parempoolsem; index.php, mis laaditakse, kui muid sobivaid malle ei leitud.

Kõik ülaltoodud pildil loetletud mallifailid peavad asuma teie teema juurkaustas ja olema täpselt nimetatud. Te ei saa oma malle organisatsioonilistel eesmärkidel alamkaustadesse paigutada, sest siis ei leia WordPress neid üles!

Alustame lihtsast! Täna loome ainsad failid, mis on vajalikud, et WordPress saaks selle teemana ära tunda, ja seejärel laiendame seda.

WordPressi teema anatoomia

Kehtiva WordPressi teema loomiseks vajate ainult kahte faili.

Kas te märkasite malli hierarhia illustratsioonil väga parempoolset; kutsus index.php? See on viimane varumall, kui WordPress ei leia ühtegi malli. See on üks vajalikest failidest. Teine fail on stiilitabeli fail (.css). Sellel ei pea tingimata olema CSS-i, kuid see peab sisaldama kommentaariplokki, mis pakub WordPressile teavet teie teema kohta. Need kaks asja on kõik, mida vajate kehtiva WordPressi teema jaoks.

Loome oma teema, luues need kaks faili!

Esimese teema loomine

Kõik teemad peavad olema alamkausta sees olevates eraldi kaustades /wp-content/themes/. Kui navigeerite failinavigaatoris sellesse kausta, näete siin tõenäoliselt juba mõnda teemakausta; kakskümmend üheksateist, kakskümmend seitseteist jne. Need on teemad, mis on vaikimisi WordPressiga kaasas.

Looge /wp-content/themes/rakenduses uus kaust. Nimetage see sobivalt (väikesed tähed, tühikuteta, mitte sama mis mis tahes muu kaust). Tavaliselt on kausta nimi teie teema nime sluug-versioon. Selle õpetuse jaoks panen oma teemakausta nimeks " wptutorial".

Sisestage oma teemakaust ja looge uus tühi fail nimega index.php. Redigeerisin faili ja lisasin lihtsalt juhusliku teksti, et saaksime hõlpsamini näha, millal see on kasutusel:

Oleme juba poolel teel! Loome teise vajaliku faili. Looge oma teemakaustas uus tühi fail nimega style.css.

Avage style.cssfail ja alustage kohe kommentaariplokki (/*ja sulgege see nupuga */). Selles kommentaariplokis peame järgima mõningaid WordPressi reegleid oma teema määratlemisel. Vähemalt peame määratlema oma teema nime. Kuid saame lisada ka teavet selle kohta, kes on autor, koduleht, versiooni number, litsentsi teave ja palju muud. Vaadake WordPressi dokumentatsiooni selle kohta, mida saate lisada.

Selles õpetuses hoiame selle lihtsana; lisame teema nime ja kirjutate autorina enda nime. Võite minna ja kasutada mis tahes nime(sid), mida soovite. Selle olen sisestanud oma style.css:

/* 
Theme Name: A White Pixel Theme 
Author: Alex White 
*/

Salvestage ja sulgege fail (see õpetus ei puuduta seda faili enam), välja arvatud juhul, kui soovite oma teema jaoks CSS-i kirjutada.

Palju õnne! Olete nüüd loonud kehtiva WordPressi teema!

Teie teema aktiveerimine

Läheme WordPressi administraatoripaneelile ja navigeerime jaotisse „Välimus > Teemad" ja vaatame, kas leiame sealt oma teema.

Klõpsake nuppu Aktiveeri ja külastage oma saiti. Peaksite nägema kõike, mida olete sisse kirjutanud index.php!

Seda index.phpmalli kasutatakse olenemata sellest, millisel lehel olete. Proovige vaadata ühte postitust ja näete sama. Teemal peaks erineva sisu käsitlemiseks olema vähemalt 5–10 malli. Ärge muretsege, me jõuame kohale.

Suurepärane, meil on teema! Järgmises õppetükis hakkame seda tegelikult kodeerima ja paneme selle asju tegema.