{"id":233907,"date":"2023-02-25T12:23:00","date_gmt":"2023-02-25T09:23:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233907"},"modified":"2022-11-11T13:07:03","modified_gmt":"2022-11-11T10:07:03","slug":"wordpressi-teemaopetus-algajatele-1-osa-sissejuhatus","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-teemaopetus-algajatele-1-osa-sissejuhatus\/","title":{"rendered":"WordPressi teema\u00f5petus algajatele \u2013 1. osa: sissejuhatus"},"content":{"rendered":"\n

Selles \u00f5ppet\u00fckis hakkate \u00f5ppima, kuidas WordPress laadib sisu olenevalt sellest, millisel lehel olete, ja teemamallifailide hierarhiast. Samuti saate teada, mida on vaja kehtiva teema jaoks. Ja l\u00f5puks loome l\u00f5puks oma teema ja aktiveerime selle.<\/p>\n

Teema mallifailid<\/h2>\n

Kapoti taga selgitab WordPress teie URL-i p\u00f5hjal v\u00e4lja, millist malli laadida. Kui teie WordPress on installitud domeenile "example.com\/wordpress\/", peaksite n\u00e4gema esilehe malli. Kui l\u00e4hete aadressile "example.com\/wordpress\/category\/news\/", saate vaikimisi loendi postitustest, millele on m\u00e4\u00e4ratud uudiste kategooria kategooria malli kasutades.<\/p>\n

WordPress j\u00e4rgib laaditava malli hierarhiat ja selle valimist s\u00f5ltub sellest, millised mallid on teie teemas saadaval. N\u00e4iteks \u201eexample.com\/wordpress\/category\/news” otsib WordPress esmalt kategooria \u201euudised” jaoks spetsiifilise malli. Kui seda ei leitud, otsib WordPress kategooria ID jaoks spetsiifilist malli. J\u00e4llegi, kui seda ei leitud, otsib WordPress \u00fcldkategooria malli. Kui seda ei leitud, otsib WordPress arhiivide jaoks veelgi \u00fcldisemat malli. Ja nii edasi.<\/p>\n

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

\u00c4rge muretsege, kui pilt tundub alguses liiga segane! \u00d5petuse edenedes viitate sellele pildile tagasi, et leida, milliseid malle soovite oma teemas rakendada.<\/p>\n

Pildi lugemise viis on vasakult paremale liikumine. S\u00f5ltuvalt sellest, millisel lehel viibite, on mallid v\u00e4ga spetsiifilised ja mida rohkem liigute paremale poole, seda \u00fcldisemaks mallid muutuvad. Viimane varu on k\u00f5ige parempoolsem; index.php<\/code>, mis laaditakse, kui muid sobivaid malle ei leitud.<\/p>\n

K\u00f5ik \u00fclaltoodud pildil loetletud mallifailid peavad asuma teie teema juurkaustas ja olema t\u00e4pselt nimetatud. Te ei saa oma malle organisatsioonilistel eesm\u00e4rkidel alamkaustadesse paigutada, sest siis ei leia WordPress neid \u00fcles!<\/p>\n

Alustame lihtsast! T\u00e4na loome ainsad failid, mis on vajalikud, et WordPress saaks selle teemana \u00e4ra tunda, ja seej\u00e4rel laiendame seda.<\/p>\n

WordPressi teema anatoomia<\/h2>\n

Kehtiva WordPressi teema loomiseks vajate ainult kahte faili.<\/p>\n

Kas te m\u00e4rkasite malli hierarhia illustratsioonil v\u00e4ga parempoolset; kutsus index.php<\/code>? See on viimane varumall, kui WordPress ei leia \u00fchtegi malli. See on \u00fcks vajalikest failidest. Teine fail on stiilitabeli fail (.css<\/code>). Sellel ei pea tingimata olema CSS-i, kuid see peab sisaldama kommentaariplokki, mis pakub WordPressile teavet teie teema kohta. Need kaks asja on k\u00f5ik, mida vajate kehtiva WordPressi teema jaoks.<\/p>\n

Loome oma teema, luues need kaks faili!<\/p>\n

Esimese teema loomine<\/h2>\n

K\u00f5ik teemad peavad olema alamkausta sees olevates eraldi kaustades \/wp-content\/themes\/<\/code>. Kui navigeerite failinavigaatoris sellesse kausta, n\u00e4ete siin t\u00f5en\u00e4oliselt juba m\u00f5nda teemakausta; kaksk\u00fcmmend \u00fcheksateist, kaksk\u00fcmmend seitseteist jne. Need on teemad, mis on vaikimisi WordPressiga kaasas.<\/p>\n

Looge \/wp-content\/themes\/<\/code>rakenduses uus kaust. Nimetage see sobivalt (v\u00e4ikesed t\u00e4hed, t\u00fchikuteta, mitte sama mis mis tahes muu kaust). Tavaliselt on kausta nimi teie teema nime sluug-versioon. Selle \u00f5petuse jaoks panen oma teemakausta nimeks " wptutorial<\/code>".<\/p>\n

\"WordPressi<\/a><\/p>\n

Sisestage oma teemakaust ja looge uus t\u00fchi fail nimega index.php<\/code>. Redigeerisin faili ja lisasin lihtsalt juhusliku teksti, et saaksime h\u00f5lpsamini n\u00e4ha, millal see on kasutusel:<\/p>\n

\"WordPressi<\/a><\/p>\n

Oleme juba poolel teel! Loome teise vajaliku faili. Looge oma teemakaustas uus t\u00fchi fail nimega style.css<\/code>.<\/p>\n

Avage style.css<\/code>fail ja alustage kohe kommentaariplokki (\/*<\/code>ja sulgege see nupuga *\/<\/code>). Selles kommentaariplokis peame j\u00e4rgima m\u00f5ningaid WordPressi reegleid oma teema m\u00e4\u00e4ratlemisel. V\u00e4hemalt peame m\u00e4\u00e4ratlema 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<\/a>.<\/p>\n

Selles \u00f5petuses hoiame selle lihtsana; lisame teema nime ja kirjutate autorina enda nime. V\u00f5ite minna ja kasutada mis tahes nime(sid), mida soovite. Selle olen sisestanud oma style.css<\/code>:<\/p>\n

\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\n
Salvestage ja sulgege fail (see \u00f5petus ei puuduta seda faili enam), v\u00e4lja arvatud juhul, kui soovite oma teema jaoks CSS-i kirjutada.<\/p>\n
Palju \u00f5nne! Olete n\u00fc\u00fcd loonud kehtiva WordPressi teema!<\/p>\n
Teie teema aktiveerimine<\/h2>\n
L\u00e4heme WordPressi administraatoripaneelile ja navigeerime jaotisse \u201eV\u00e4limus > Teemad" ja vaatame, kas leiame sealt oma teema.<\/p>\n
\"WordPressi<\/a><\/p>\n
Kl\u00f5psake nuppu Aktiveeri ja k\u00fclastage oma saiti. Peaksite n\u00e4gema k\u00f5ike, mida olete sisse kirjutanud index.php<\/code>!<\/p>\n
Seda index.php<\/code>malli kasutatakse olenemata sellest, millisel lehel olete. Proovige vaadata \u00fchte postitust ja n\u00e4ete sama. Teemal peaks erineva sisu k\u00e4sitlemiseks olema v\u00e4hemalt 5\u201310 malli. \u00c4rge muretsege, me j\u00f5uame kohale.<\/p>\n
Suurep\u00e4rane, meil on teema! J\u00e4rgmises \u00f5ppet\u00fckis hakkame seda tegelikult kodeerima ja paneme selle asju tegema.<\/p>\n
:  awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Selles \u00f5ppet\u00fckis \u00f5pime p\u00f5hit\u00f5desid, kuidas WordPressi teema sisu laadib, mida on vaja kehtiva teema jaoks \u2013 ja loome oma esimese teema!<\/p>\n","protected":false},"author":1,"featured_media":223984,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,894,718,833,894,916,916,1110,842,833,926,926,842,863,863],"tags":[1165],"class_list":["post-233907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-kood","category-juhend-algajatele","category-muud","category-n-a","category-opetused","category-teemasid","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=233907"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/223984"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}