Selles artiklis näitan teile väga lihtsat meetodit lasteteemade loomiseks WordPressi plokkiteemade kasutamisel.

Sisukord

Blokiteemad Kiirülevaade

WordPressi 6.0 kasutuselevõtuga on WordPressi tiim võtnud kasutusele kõik teemad, et muuta veebisaitide kujundamine ja kohandamine vähese või ilma kodeerimiseta lihtsamaks kui kunagi varem. Blokiteemad kasutavad plokiredaktorit, mida tuntakse ka kui Gutenbergi plokiredaktorit, et võimaldada kasutajatel kujunduselemente veebilehele pukseerida. See funktsioon muudab WordPressi palju konkurentsivõimelisemaks saitide ja teemade koostajatega, eriti kuna WordPress on täiesti tasuta ja seda kasutab juba üle 60% Interneti 10 miljonist populaarseimast veebisaidist.

Plokiteemade üks uusimaid eeliseid on võimalus hõlpsasti luua uus alamteema mis tahes plokkiteema jaoks, mida oma veebisaidi kujundamisel kasutate. Näiteks kui kasutate vaiketeemat TwentyTwentyThree, mis tarnitakse koos WordPress 6.2-ga, saate selle jaoks kiiresti luua alamteema, ilma et peaksite FTP-kliendi abil oma saidifailidesse sukelduma.

Miks on lasteteemad olulised?

Lapseteemad on olulised, kuna need võimaldavad teil oma teemat kohandada ja säilitada need kohandused alati, kui teemavärskendused on saadaval. Ilma alamteemata võidakse teie saidi kohandused alistada iga kord, kui värskendate oma „ema” teemat – antud juhul teemat TwentyTwentyThree. See tähendab, et parimal juhul peate pärast iga teema värskendamist oma kohandused ükshaaval tagasi minema ja uuesti sisestama. Halvimal juhul võite värskendamisel kõik kohandused kaotada ja peate uuesti alustama.

Alamteemad eraldavad teie kohandused vaiketeemast, nii et saate oma vanemteemat värskendada JA säilitada kõik alamteemas sisalduvad kohandused. Saate mõlemast maailmast parima.

WordPressi lihtsustamine: Davies Media Designi kursus võimsate veebisaitide loomise kohta

Looge oma plokiteema jaoks lapseteema

Step 1: Install Create Block Theme Plugin

Nüüd, kui mõned teist on minu peale piisavalt nördinud, et seletan, miks teil lapseteemasid vaja on, uurime, kuidas WordPressis aastatel 2023, 2024 ja edaspidi neid lasteteemasid tegelikult luua.

Go to Plugins>Add New from the WordPress Admin Area

Alustuseks logige sisse oma WordPressi armatuurlauale ja navigeerige jaotisse Pluginad> Lisa uus (punane nool ülaloleval pildil).

See meetod kasutab pistikprogrammi, mille on välja töötanud otse WordPressi meeskond. See tähendab, et pistikprogramm on optimeeritud töötama WordPressi uusima versiooniga ja blokeeritavate teemadega.

Search for and install the Create Block Theme WordPress plugin

Otsige tööalast "Lisa pistikprogrammid" otsinguriba abil pistikprogrammi "Loo plokkiteema" (ülaloleval pildil on üleval paremal pool roheline). Kui näete otsingutulemustes pistikprogrammi, klõpsake nuppu "Installi kohe" (punane nool).

Activate the Create Block Theme Plugin for WordPress

Kui pistikprogrammi installimine on lõpetatud, muutub nupp "Installi kohe" siniseks ja ütleb "Aktiveeri". Klõpsake nuppu "Aktiveeri" (ülaloleval pildil punane nool).

Step 2: Generate a Child Theme

Navigate to the Create Block Theme plugin from the main admin menu

Kui pistikprogramm on edukalt aktiveeritud, suunatakse teid WordPressi tööalale "Pluginad" ja kuvatakse ülaosas teade "Plugin aktiveeritud" (ülaloleval pildil on roheline nool). Siit liikuge jaotisse Välimus> Loo plokiteema (punane nool).

Select the option to create a child of your current WordPress theme

Kui olete tööalal „Loo plokiteema”, valige raadiosuvand „Loo kahekümne kolme alamteema” (või mis iganes selle teema nimi on, mille jaoks lapseteema loote – punane nool ülaloleval pildil).

Akna paremasse serva ilmub hunnik tekstikaste. Kohustuslik on ainult ülemine tekstiväli „Teema nimi” (sinine nool). Ülejäänud on kõik valikulised. Teema nime puhul on tavapärane tava panna lapseteema nimeks „TwentyTwentyThree-child”, kui teie vanemteema on näiteks „TwentyTwentyThree”.

Lisasin väljale "Teema kirjeldus" ka lühikirjelduse, lisaks lisasin oma ettevõtte nime jaotise "Autor" ja oma peamise veebisaidi jaotise "Autori URI" alla. Kõik muu jätsin vaikeväärtustele (kaasa arvatud märkeruudud, mida näete lehel allapoole kerides).

Klõpsake nuppu "Genereeri" (roheline nool).

Step 3: Download Child Theme to Your Desktop

Download the zip file for your child theme to your computer

See käivitab automaatselt teie lapse teemat sisaldava ZIP-faili allalaadimise. Saate jätta failinime sellisena, nagu see paistab (punane nool ülaloleval pildil). Faili arvutisse salvestamiseks klõpsake nuppu "Salvesta" (sinine nool).

Show the downloaded child theme zip folder in your file explorer

Teie arvutisse laaditakse alla ZIP-fail. Klõpsake brauseri allosas allalaadimisribal lõpetatud allalaadimise kõrval olevat noolt (roheline nool) ja klõpsake nuppu „Kuva kaustas” (punane nool), et kuvada allalaaditud ZIP-fail oma File Exploreri aknas (kui Windowsi uuesti kasutades – MAC-is avage allalaadimine oma File Exploreris).

Keep your file explorer window open with your child theme selected

Hoidke see File Exploreri aken lahti ja zip-fail, mis sisaldab teie lapseteema, valitud (roheline nool) – vajame seda järgmises etapis.

Step 4: Add New Child Theme to Your WordPress Site

Navigate to Appearance>Themes and click the "Add New" button

Naaske WordPressi ja liikuge jaotise Välimus jaotisesse „Teemad” (punane nool ülaloleval pildil). Klõpsake teemade tööala ülaosas nuppu "Lisa uus" (sinine nool).

Click "Choose file" to select a WordPress theme from your desktop

Tööalal „Teemade lisamine” näete akna keskel kasti nupuga „Vali fail” (punane nool). Võite klõpsata sellel nupul ja valida alamteema jaoks äsja alla laaditud ZIP-faili või avada File Exploreri akna, kuhu varem navigeerisime, ja lohistada ZIP-fail ükskõik kuhu selles kastis.

Drag and drop the WordPress child theme zip file to install the child theme

Sellel ülaltoodud fotol näete, et lohistasin ZIP-faili otse üle kasti ja vabastasin hiire.

Click "Install now" to install your WordPress child theme

Nüüd näete kastis loetletud teemafaili twentytwentythreechild.zip (roheline nool) ja kuvatakse nupp „Installi kohe” (punane nool). Alamteema installimise alustamiseks klõpsake "Installi kohe".

A success message lets you know your child theme installed successfully

Teid suunatakse uude aknasse ja teie lapseteema hakkab teie saidile installima. Andke installimisele veidi aega ja ärge värskendage lehte installimise ajal (see võib teie saidi rikkuda). Kui alamteema installimine on lõppenud, näete teadet „Teema installimine õnnestus”. (ülaloleval pildil on roheline piirjoon).

Selle edusõnumi all on link "Aktiveeri". Klõpsake sellel lingil, et aktiveerida oma saidil alamteema.

Step 5: View Your Live Site with Child Theme

Click "Visit site" link to preview your site with the added child theme

Kui teema on edukalt aktiveeritud, suunatakse teid tagasi tööalale Teemad. Ülaservas kuvatakse teade „Uus teema aktiveeritud. (ülaloleval pildil on roheline piirjoon). Näete, et esimene loetletud teema on nüüd tühi teema – seda tähistab malelaua taust, mis tavaliselt tähistab disainimaailma läbipaistvust. Selle teema eelvaate allosas näete teksti "Aktiveeri: TwentyTwentyThree-child” (punane nool).

See tähendab, et olete lapseteema edukalt installinud! Läbipaistev teema eelvaade näitab, et teie alamteema sisaldab ainult teemakohandusi ning kõik muud stiili- ja kujunduselemendid kuvatakse põhiteemas (antud juhul teemas „TwentyTwentyThree”). Ärge kustutage vanemteema, kuna see rikub teie saidi. Lisaks veenduge, et hoiate emateema ajakohasena (turvalisuse kaalutlustel), klõpsates teema kohta kuvatavatel värskenduslinkidel/märguannetel.

Saate vaadata oma praegust saiti eelvaate alamteemaga, klõpsates edusõnumis kuvatud linki „Külastage saiti” (sinine nool ülaloleval pildil).

Your WordPress site should display exactly as it was before

Sel juhul näete, et minu sait kuvatakse lihtsalt vaiketeemana TwentyTwentyThree (minu vanemteema – ma ei teinud teemas TwentyTwentyThree enne selle õpetuse alustamist mingeid muudatusi). See tähendab, et lapseteema on edukalt installitud!

Selle õpetuse jaoks on kõik. Võite vaadata minu teist WordPressi abiartiklid minu saidil või sukelduge koos minuga WordPressi sügavamale WordPress algajatele 2023 – koodita WordPressi meistriklass.