See \u00f5petus ei sobi k\u00f5igile.<\/p>\n
Te ei pea olema kogenud arendaja, et j\u00e4rgida, kuid teil on vaja t\u00f5elist huvi WordPressi ja teemade toimimise kohta rohkem teada saada.<\/p>\n
Kui te ei karda t\u00f6\u00f6tada natuke koodiga ega m\u00e4\u00e4rida oma k\u00e4si m\u00f5ne teemafailiga, siis tere tulemast pardale!<\/p>\n
Sellest juhendist saate teada, kuidas kohandada oma WordPressi saiti lapseteema abil oma s\u00fcdameasjaks, kuid k\u00f5igepealt\u2026<\/p>\n
R\u00e4\u00e4gime t\u00e4pselt, miks peaksite isegi kasutama seda veidrat asja, mida nimetatakse "lapseteemaks".<\/p>\n
Korda minu j\u00e4rel:<\/p>\n
Ma vannun p\u00fchalikult, et ei muuda kunagi teemafaili.<\/p>\n
Uued WordPressi kasutajad, kes on huvitatud koodiga kohanduste tegemisest, muudavad sageli oma teema faile otse. See on suur ei-ei.<\/p>\n
Miks?<\/p>\n
\u00dcks p\u00f5hjus: kui v\u00e4rskendate oma teemat, alistab WordPress teie olemasoleva teema teema uue versiooniga.<\/p>\n
Miks see siis oluline on?<\/p>\n
Kujutage ette, et kasutate Challengeri<\/a> teema versiooni 1.04. Teisaldasite faili header.php men\u00fc\u00fc ja lisasite faili style.css uue CSS-i. Seej\u00e4rel ilmub versioon 1.05 ja n\u00e4ete oma armatuurlaual teadet.<\/p>\n Kui v\u00e4rskendate versioonile 1.05, asendatakse nii header.php kui ka style.css failid Challengeri versiooni 1.05 failidega. Need ei sisalda samu muudatusi, mida tegite, nii et teie t\u00f6\u00f6 l\u00e4heb kaotsi ja seda pole enam v\u00f5imalik tagasi saada. See v\u00f5ib olla \u00fcsna masendav, kui uputate oma kohandustesse tunde.<\/p>\n Kui aga lisate oma kohandused Challengeri alamteemale, saate turvaliselt v\u00e4rskendada versioonile 1.05, ilma et kaotaksite oma kohandusi, kuna need on turvaliselt alamteemas talletatud.<\/p>\n See muutub natuke selgemaks, kui liigume t\u00f5elise n\u00e4ite juurde, nii et teeme n\u00fc\u00fcd lapse teema.<\/p>\n Kuigi ma ei hakka siin \u00fcksikasjalikult selgitama, kuidas kogu kood t\u00f6\u00f6tab, on need peamised ideed ja v\u00e4ljav\u00f5tted, mida vajate alustamiseks.<\/p>\n Alustuseks looge oma t\u00f6\u00f6lauale t\u00fchi kaust. Saate sellele nime anda mis iganes soovite, kuid tavaline nimetamisviis on kasutada teema nime v\u00e4iket\u00e4htedega, millele j\u00e4rgneb "laps" ja t\u00fchikute asendamine sidekriipsudega.<\/p>\n N\u00e4iteks Challengeri teema lapseteema kausta nimi oleks "v\u00e4ljakutsuja-laps". See kaust sisaldab k\u00f5iki alamteema faile.<\/p>\n Tehniliselt kehtiva alamteema style.css loomiseks on vaja ainult \u00fchte faili.<\/p>\n Looge oma valitud koodiredaktoriga uus fail alamteema kaustas ja nimetage see style.css.<\/p>\n Fail style.css on loomulikult see, kuhu saate saidi kohandamiseks kogu oma CSS-i lisada. Selleks, et WordPress tuvastaks teie lapseteema kehtiva teemana, peate faili style.css \u00fclaossa lisama sellise stiilitabeli p\u00e4ise:<\/p>\n Saate selle t\u00e4pse p\u00e4ise kopeerida ja kasutada seda oma lasteteemade jaoks. Vahetage lihtsalt kohandatava teemaga teema nimi v\u00e4lja.<\/p>\n K\u00f5ige olulisem osa on v\u00e4\u00e4rtus "Mall", mis tuleb m\u00e4\u00e4rata emateema nimele. Eelk\u00f5ige emateemat sisaldava kausta nimi.<\/p>\n Kui see on paigas, saate lapseteema juba men\u00fc\u00fc V\u00e4limus kaudu aktiveerida ja seda kasutada. Teie sait on aga t\u00e4iesti stiilivaba!<\/p>\n Kui alamteema on aktiveeritud, ei laadi WordPress enam p\u00f5hiteema style.css-faili, vaid s\u00f5ltub selle tegemisel teie lapseteemast.<\/p>\n Nii saate laadida m\u00f5lemat laaditabelit\u2026<\/p>\n Looge oma koodiredaktoris alamteemas teine \u200b\u200bfail ja nimetage see functions.php.<\/p>\n J\u00e4rgmisena lisage failile j\u00e4rgmine kood:<\/p>\n See funktsioon k\u00e4sib WordPressil laadida p\u00f5hiteema style.css-faili ja seej\u00e4rel laadida alla alamteema style.css-faili. Alamteema laaditabeli p\u00e4rast laadimine muudab \u00fclemateema CSS-i valijate alistamise lihtsamaks.<\/p>\n Nagu ma varem mainisin, ei hakka ma seda koodi rida-realt k\u00e4sitlema, kuid selle v\u00e4ljav\u00f5tte kohta<\/a> leiate \u00fcksikasjalikuma selgituse WordPressi koodeksist<\/a>.<\/p>\n See on k\u00f5ik, mida pead tegema, et luua toimiv lapseteema!<\/p>\n Lapseteema seadistamisel on kolm v\u00f5imalust, kuidas saate sellega oma saiti kohandada.<\/p>\n Saate lisada alamteema faili style.css nii palju uut CSS-i kui soovite.<\/p>\n Kui otsite oma CSS-is kasutatavaid valijaid, \u00e4rge kontrollige \u00fclemateema faili style.css. K\u00f5ik meie teemad kasutavad CSS-i eelprotsessorit, nii et me isegi ei vaata seda faili! Selle asemel j\u00e4rgige CSS-i valijate leidmiseks<\/a> seda nutikamat protsessi<\/a> ja ma arvan, et saate oma saidi kohandamisel palju rohkem edu.<\/p>\n H\u00e4sti kodeeritud vanemteema abil saate alistada mis tahes selle funktsioonid.php failis leiduvatest funktsioonidest.<\/p>\n N\u00e4iteks on Mission Newsi<\/a> iga funktsioon \u00fcmbritsetud Tavaline kohandamine, mis n\u00f5uab alamteemat, on elementide \u00fcmberj\u00e4rjestamine. N\u00e4iteks v\u00f5ite soovida teisaldada postituse pealkirja esilet\u00f5stetud pildi j\u00e4rele, mitte selle ette.<\/p>\n V\u00f5ite v\u00f5tta mis tahes p\u00f5hiteemas leitud mallifailid ja asetada koopia oma alamteemasse. Seej\u00e4rel laaditakse selle asemel alamteema versioon. See v\u00f5imaldab teil saidi mis tahes osas soovitud elemente lisada, \u00fcmber j\u00e4rjestada ja eemaldada.<\/p>\n Kui olete oma muudatustega rahul, saate alamteema oma saidile installida.<\/p>\n Lapseteemasid saab \u00fcles laadida nagu tavalisi WordPressi teemasid, seega kulub nende saidil aktiveerimiseks vaid minut v\u00f5i paar. Lapse teema installimiseks j\u00e4rgige seda \u00f5petust:<\/p>\n Kuidas installida WordPressi lapseteema<\/a><\/p>\n Kui olete selle k\u00f5igega t\u00e4iesti uus, siin on paar tasuta t\u00f6\u00f6riista, mis teid aitavad.<\/p>\n Esiteks, kui teil pole koodiredaktorit, vaadake Visual Studio Code’i<\/a>. See on lihtne, kuid paindlik. See on ka t\u00e4iesti tasuta ja sellega tehakse palju professionaalset tarkvara. Seda ma kasutan siin Compete Themesi teemade tegemiseks.<\/p>\n Teiseks on kohaliku WordPressi saidi loomine (v\u00f5rgu\u00fchenduseta) suurep\u00e4rane viis koodi proovimiseks, ilma et see m\u00f5jutaks teie tegelikku veebisaiti. Kuigi olen varem MAMP-i<\/a> kasutanud ja soovitanud, on Local by Flywheel<\/a> nii lihtne ja lihtne kasutada, et mulle meeldib see. Seda ma kasutan teema arendamiseks ja see on ka tasuta.<\/p>\n Tulles tagasi eelmise n\u00e4ite juurde\u2026<\/p>\n Challengeri teema (v\u00f5i mis tahes teema) v\u00e4rskendamisel asendatakse kogu "v\u00e4ljakutsuja" kataloog, mis ei m\u00f5juta alamteemat, kuna sellel on n\u00fc\u00fcd kaustas "Challenger-child" oma kataloog.<\/p>\n Kui lapseteema on paigas, saate turvaliselt teha mis tahes soovitud kohandusi ja hoida oma vanemateema ajakohasena.<\/p>\n Kui olete CSS-i ja PHP-ga uustulnuk, v\u00f5ib teil kuluda veidi aega, et kohandada soovitud viisil, kuid lapseteema puhul on teil t\u00f6\u00f6tamiseks suurep\u00e4rane alus. \u00c4rge unustage j\u00e4rgida neid samme,<\/a> et leida kasutatavaid CSS-i valijaid ja k\u00f5ik stiilikohandused on \u00fcsna lihtsad.<\/p>\nKuidas luua lapse teemat<\/h2>\n
P\u00f5hiseade<\/h3>\n
Looge fail style.css<\/h3>\n
\/*\n Theme Name: Challenger Child\n Template: challenger\n Author: Compete Themes\n Version: 1.0\n Author URI: https:\/\/www.competethemes.com\n Description: This is a child theme used to customize the Challenger WordPress theme.\n License: GNU General Public License v2 or later\n License URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\nLooge fail functions.php<\/h3>\n
<?php \nfunction my_theme_enqueue_styles() { \n $parent_style = 'parent-style'; \n wp_enqueue_style( $parent_style, get_template_directory_uri(). '\/style.css' ); \n wp_enqueue_style( 'child-style', get_stylesheet_directory_uri(). '\/style.css', array( $parent_style ), wp_get_theme()->get('Version')\n );\n}\nadd_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );<\/code><\/pre>\nKohandamine oma uue lapse teemaga<\/h2>\n
Lisage ja alistage stiile<\/h3>\n
Funktsioonide alistamine<\/h3>\n
[function_exists()](https:\/\/php.net\/manual\/en\/function.function-exists.php)<\/code>t\u0161ekiga. See t\u00e4hendab, et saate funktsiooni kopeerida oma alamteema faili functions.php. Seej\u00e4rel saate seal asuvas funktsioonis teha soovitud muudatusi.<\/p>\nAlista mallid<\/h3>\n
Lapse teema installimine<\/h3>\n
Teie v\u00e4rskendused on turvalised<\/h2>\n