Kuidas kohandada lapse teemat

See õpetus ei sobi kõigile.

Te ei pea olema kogenud arendaja, et järgida, kuid teil on vaja tõelist huvi WordPressi ja teemade toimimise kohta rohkem teada saada.

Kui te ei karda töötada natuke koodiga ega määrida oma käsi mõne teemafailiga, siis tere tulemast pardale!

Sellest juhendist saate teada, kuidas kohandada oma WordPressi saiti lapseteema abil oma südameasjaks, kuid kõigepealt…

Räägime täpselt, miks peaksite isegi kasutama seda veidrat asja, mida nimetatakse "lapseteemaks".

Miks kasutada lasteteemat?

Korda minu järel:

Ma vannun pühalikult, et ei muuda kunagi teemafaili.

Uued WordPressi kasutajad, kes on huvitatud koodiga kohanduste tegemisest, muudavad sageli oma teema faile otse. See on suur ei-ei.

Miks?

Üks põhjus: kui värskendate oma teemat, alistab WordPress teie olemasoleva teema teema uue versiooniga.

Miks see siis oluline on?

Kujutage ette, et kasutate Challengeri teema versiooni 1.04. Teisaldasite faili header.php menüü ja lisasite faili style.css uue CSS-i. Seejärel ilmub versioon 1.05 ja näete oma armatuurlaual teadet.

Kui värskendate 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öö läheb kaotsi ja seda pole enam võimalik tagasi saada. See võib olla üsna masendav, kui uputate oma kohandustesse tunde.

Kui aga lisate oma kohandused Challengeri alamteemale, saate turvaliselt värskendada versioonile 1.05, ilma et kaotaksite oma kohandusi, kuna need on turvaliselt alamteemas talletatud.

See muutub natuke selgemaks, kui liigume tõelise näite juurde, nii et teeme nüüd lapse teema.

Kuidas luua lapse teemat

Kuigi ma ei hakka siin üksikasjalikult selgitama, kuidas kogu kood töötab, on need peamised ideed ja väljavõtted, mida vajate alustamiseks.

Põhiseade

Alustuseks looge oma töölauale tühi kaust. Saate sellele nime anda mis iganes soovite, kuid tavaline nimetamisviis on kasutada teema nime väiketähtedega, millele järgneb "laps" ja tühikute asendamine sidekriipsudega.

Näiteks Challengeri teema lapseteema kausta nimi oleks "väljakutsuja-laps". See kaust sisaldab kõiki alamteema faile.

Tehniliselt kehtiva alamteema style.css loomiseks on vaja ainult ühte faili.

Looge fail style.css

Looge oma valitud koodiredaktoriga uus fail alamteema kaustas ja nimetage see style.css.

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 ülaossa lisama sellise stiilitabeli päise:

/*
 Theme Name:   Challenger Child
 Template:     challenger
 Author:       Compete Themes
 Version:      1.0
 Author URI:   https://www.competethemes.com
 Description:  This is a child theme used to customize the Challenger WordPress theme.
 License: GNU  General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

Saate selle täpse päise kopeerida ja kasutada seda oma lasteteemade jaoks. Vahetage lihtsalt kohandatava teemaga teema nimi välja.

Kõige olulisem osa on väärtus "Mall", mis tuleb määrata emateema nimele. Eelkõige emateemat sisaldava kausta nimi.

Kui see on paigas, saate lapseteema juba menüü Välimus kaudu aktiveerida ja seda kasutada. Teie sait on aga täiesti stiilivaba!

Kui alamteema on aktiveeritud, ei laadi WordPress enam põhiteema style.css-faili, vaid sõltub selle tegemisel teie lapseteemast.

Nii saate laadida mõlemat laaditabelit…

Looge fail functions.php

Looge oma koodiredaktoris alamteemas teine ​​fail ja nimetage see functions.php.

Järgmisena lisage failile järgmine kood:

<?php 
function my_theme_enqueue_styles() { 
  $parent_style = 'parent-style'; 
  wp_enqueue_style( $parent_style, get_template_directory_uri(). '/style.css' ); 
  wp_enqueue_style( 'child-style', get_stylesheet_directory_uri(). '/style.css', array( $parent_style ), wp_get_theme()->get('Version')
  );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

See funktsioon käsib WordPressil laadida põhiteema style.css-faili ja seejärel laadida alla alamteema style.css-faili. Alamteema laaditabeli pärast laadimine muudab ülemateema CSS-i valijate alistamise lihtsamaks.

Nagu ma varem mainisin, ei hakka ma seda koodi rida-realt käsitlema, kuid selle väljavõtte kohta leiate üksikasjalikuma selgituse WordPressi koodeksist.

Kohandamine oma uue lapse teemaga

See on kõik, mida pead tegema, et luua toimiv lapseteema!

Lapseteema seadistamisel on kolm võimalust, kuidas saate sellega oma saiti kohandada.

Lisage ja alistage stiile

Saate lisada alamteema faili style.css nii palju uut CSS-i kui soovite.

Kui otsite oma CSS-is kasutatavaid valijaid, ärge kontrollige ülemateema faili style.css. Kõik meie teemad kasutavad CSS-i eelprotsessorit, nii et me isegi ei vaata seda faili! Selle asemel järgige CSS-i valijate leidmiseks seda nutikamat protsessi ja ma arvan, et saate oma saidi kohandamisel palju rohkem edu.

Funktsioonide alistamine

Hästi kodeeritud vanemteema abil saate alistada mis tahes selle funktsioonid.php failis leiduvatest funktsioonidest.

Näiteks on Mission Newsi iga funktsioon ümbritsetud [function_exists()](https://php.net/manual/en/function.function-exists.php)tšekiga. See tähendab, et saate funktsiooni kopeerida oma alamteema faili functions.php. Seejärel saate seal asuvas funktsioonis teha soovitud muudatusi.

Alista mallid

Tavaline kohandamine, mis nõuab alamteemat, on elementide ümberjärjestamine. Näiteks võite soovida teisaldada postituse pealkirja esiletõstetud pildi järele, mitte selle ette.

Võite võtta mis tahes põhiteemas leitud mallifailid ja asetada koopia oma alamteemasse. Seejärel laaditakse selle asemel alamteema versioon. See võimaldab teil saidi mis tahes osas soovitud elemente lisada, ümber järjestada ja eemaldada.

Lapse teema installimine

Kui olete oma muudatustega rahul, saate alamteema oma saidile installida.

Lapseteemasid saab üles laadida nagu tavalisi WordPressi teemasid, seega kulub nende saidil aktiveerimiseks vaid minut või paar. Lapse teema installimiseks järgige seda õpetust:

Kuidas installida WordPressi lapseteema

Kui olete selle kõigega täiesti uus, siin on paar tasuta tööriista, mis teid aitavad.

Esiteks, kui teil pole koodiredaktorit, vaadake Visual Studio Code’i. See on lihtne, kuid paindlik. See on ka täiesti tasuta ja sellega tehakse palju professionaalset tarkvara. Seda ma kasutan siin Compete Themesi teemade tegemiseks.

Teiseks on kohaliku WordPressi saidi loomine (võrguühenduseta) suurepärane viis koodi proovimiseks, ilma et see mõjutaks teie tegelikku veebisaiti. Kuigi olen varem MAMP-i kasutanud ja soovitanud, on Local by Flywheel nii lihtne ja lihtne kasutada, et mulle meeldib see. Seda ma kasutan teema arendamiseks ja see on ka tasuta.

Teie värskendused on turvalised

Tulles tagasi eelmise näite juurde…

Challengeri teema (või mis tahes teema) värskendamisel asendatakse kogu "väljakutsuja" kataloog, mis ei mõjuta alamteemat, kuna sellel on nüüd kaustas "Challenger-child" oma kataloog.

Kui lapseteema on paigas, saate turvaliselt teha mis tahes soovitud kohandusi ja hoida oma vanemateema ajakohasena.

Kui olete CSS-i ja PHP-ga uustulnuk, võib teil kuluda veidi aega, et kohandada soovitud viisil, kuid lapseteema puhul on teil töötamiseks suurepärane alus. Ärge unustage järgida neid samme, et leida kasutatavaid CSS-i valijaid ja kõik stiilikohandused on üsna lihtsad.