Një temë për fëmijë është një temë që trashëgon funksionalitetin dhe dizajnin e një teme tjetër, të quajtur "prindi". Një temë për fëmijë është një mënyrë e rekomanduar nga zhvilluesit e WP për të modifikuar një temë ekzistuese për t'iu përshtatur nevojave tuaja.
Pse të përdorni një temë për fëmijë?
Ka disa arsye pse dëshironi të përdorni një temë për fëmijë:
- Nëse e ndryshoni drejtpërdrejt temën dhe ajo përditësohet, ndryshimet tuaja thjesht do të humbasin. Duke përdorur një temë fëmijësh, mund të jeni i sigurt se ndryshimet tuaja do të ruhen.
- Përdorimi i një teme për fëmijë mund të përshpejtojë kohën e zhvillimit.
- Përdorimi i një teme për fëmijë është një mënyrë e mirë për të mësuar procesin e zhvillimit të temës WordPress.
Si të krijoni një temë për fëmijë në WordPress
Një temë fëmijësh përbëhet nga të paktën një dosje (drejtoria e temave të fëmijëve) dhe dy skedarë (style.css dhe functions.php) që do t'ju duhet të krijoni. Pra, do t'ju duhet:
- Drejtoria e temave të fëmijëve
- stil.css
- funksionet.php
Hapi i parë është krijimi i një drejtorie për temën e fëmijës, e cila do të gjendet në dosjen wp-content/themes. Rekomandohet që emri i drejtorisë së temës së fëmijës të përfundojë me prapashtesën " -child " (megjithëse nuk kërkohet, veçanërisht nëse po krijoni temën për përdorim publik).
Ju gjithashtu duhet të siguroheni që nuk ka hapësira në emrin e drejtorisë për temën e fëmijës, përndryshe do të shkaktojë një gabim. Në pamjen e mësipërme, emri i temës së fëmijës tonë është "njëzet e pesëmbëdhjetë fëmijë", që do të thotë se tema e prindërve është Njëzet e pesëmbëdhjetë.
Hapi tjetër është krijimi i një skedari stili për temën e fëmijës (style.css). Fleta e stilit duhet të fillojë me meta informacionin e mëposhtëm:
/* Emri i temës: URI e temës Twenty Fifteen Child: http://example.com/twenty-fifteen-child/ Përshkrimi: Twenty Fifteen Child Theme Autori: John Doe URI i autorit: http://example.com Modeli: versioni i twentyfifteen: Licenca 1.0.0: Licenca e Përgjithshme Publike GNU v2 ose më vonë URI e licencës: http://www.gnu.org/licenses/gpl-2.0.html Etiketat: dritë, errësirë, me dy kolona, shiriti anësor djathtas, faqosje reaguese, Domeni i tekstit gati për aksesueshmërinë: njëzet e pesëmbëdhjetë fëmijë */
Emri i temës: Njëzet e pesëmbëdhjetë fëmijë URI e temës: http://example.com/twenty-fifteen-child/ Përshkrimi: Tema e njëzet e pesëmbëdhjetë fëmijë URI e autorit: http://example.com Modeli: njëzet e pesëmbëdhjetë Versioni: 1.0.0 Licenca: Licenca e Përgjithshme Publike GNU v2 ose më vonë URI i licencës: http://www.gnu.org/licenses/gpl-2.0.html Etiketat: dritë, errësirë, dy kolona, shiriti anësor djathtas, plan urbanistik i përgjegjshëm, gati për aksesueshmëri Fusha e tekstit: njëzet e pesëmbëdhjetë fëmijë |
Informacione të rëndësishme që duhet të keni parasysh:
- Do t'ju duhet të zëvendësoni tekstin në këtë shembull bazuar në situatën tuaj.
- Rreshti "Template" korrespondon me emrin e drejtorisë së temës mëmë. Në shembullin tonë, tema mëmë është Njëzet e Pesëmbëdhjetë, kështu që rreshti "Template" përmban "twentyfifteen". Rasti juaj mund të ketë një temë të ndryshme, ndaj përshtateni në përputhje me rrethanat.
- Në parim, skedari i stilit (style.css) tashmë është i mjaftueshëm për të krijuar një temë fëmijësh. Megjithatë, për të vendosur në radhë siç duhet ngarkimin e skedarëve të stilit, do t'ju duhet një skedar functions.php (shih më poshtë).
Hapi i tretë dhe i fundit është të vendosni në radhë skedarët e stilit prind dhe fëmijë.
Vini re se metoda e mëparshme përfshinte importimin e stileve prindër duke përdorur direktivën @import. Kjo tashmë është një praktikë e vjetëruar.
Si të ngarkoni stilet saktë dhe saktë
Metoda e saktë për vendosjen në radhë të skedarit të stileve prindërore është shtimi grep(ose në anglisht, veprim) si një funksion wp_enqueue_scripts.
Kjo metodë përfshin gjithashtu përdorimin e funksionit wp_enqueue_style() në skedarin child functions.php. Kështu që ju duhet ta krijoni këtë skedar në drejtorinë e temave të fëmijës tuaj.
Rreshti i parë i skedarit child functions.php fillon me etiketën hapëse PHP (
Funksioni i shembullit të mëposhtëm do të funksionojë nëse tema mëmë përdor vetëm një skedar kryesor style.css që përmban të gjitha rregullat CSS. Nëse tema juaj ka më shumë se një skedar .css (dmth. css , style.css , main.css ) atëherë do t'ju duhet të plotësoni të gjitha varësitë e kërkuara të temës mëmë.
add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); funksioni theme_enqueue_styles() (wp_enqueue_style("style-prind", get_template_directory_uri() . "/style.css"); )
Në mënyrë tipike, skedari i stileve të temës së fëmijës ngarkohet automatikisht. Nëse nuk është kështu, do t'ju duhet gjithashtu ta vendosni në radhë. Pasi të vendosni stilin e prindit si një varësi, sigurohuni që stilet e temës së fëmijës të jenë ngarkuar pas saj.
add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); funksioni theme_enqueue_styles() ( wp_enqueue_style("prind-style", get_template_directory_uri() . "/style.css"); wp_enqueue_style("child-style", get_stylesheet_directory_uri() . "/style.css", array("prind-style "));)
add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); funksioni theme_enqueue_styles() ( wp_enqueue_style ("prind-style" , get_template_directory_uri () . "/style.css" ); wp_enqueue_style("style-fëmijë" , get_stylesheet_directory_uri(). "/style.css" , grup ("stili i prindërve") |
Tema juaj e fëmijës tani është gati për t'u aktivizuar. Hyni në panelin administrativ, pastaj shkoni te faqja Pamja e jashtme > Temat. Duhet ta shihni temën e fëmijës suaj në listën e temave dhe të gatshme për t'u aktivizuar. (Nëse multisite është aktivizuar në instalimin tuaj aktual, atëherë duhet të kaloni në panelin e duhur për të aktivizuar temën. Pas kësaj, kthehuni prapa dhe aktivizoni temën).
E rëndësishme: Pas aktivizimit do t'ju duhet të ruani përsëri menunë tuaj ( Pamja e jashtme > Menu ose Pamja e jashtme > Melodi> Menu) dhe opsionet e temës, duke përfshirë një imazh të sfondit dhe imazhin e kokës, nëse ofrohet nga tema mëmë.
Skedarët e shablloneve
Nëse dëshironi të ndryshoni më shumë se stilet, ekziston një mënyrë për të anashkaluar çdo skedar të temës mëmë. Për ta bërë këtë, thjesht përfshini një skedar me të njëjtin emër në dosjen e temës së fëmijës. Kështu, ai do të "shfuqizojë" skedarin përkatës në drejtorinë e temës mëmë gjatë procesit të ngarkimit të faqes.
Për shembull, nëse doni të ndryshoni kodin PHP për kokën e faqes suaj, mund të përfshini një skedar header.php në drejtorinë e temave të fëmijës tuaj dhe ky skedar do të përdoret në vend të header.php të temës mëmë.
Mund të përfshini gjithashtu skedarë në temën e fëmijëve që nuk ishin fillimisht në temën prind. Për shembull, mund të krijoni një shabllon më funksional sesa prindi i tij për një faqe ose kategori specifike.
Përdorimi i funksioneve.php
Ndryshe nga style.css, skedari functions.php i një teme të fëmijës nuk e anashkalon kopjen mëmë. Përkundrazi, ajo është, si të thuash, një shtesë e saj (më saktë, është e ngarkuar para kopje mëmë).
Kështu, funksionet.php e një teme fëmijësh ofron një mënyrë të zgjuar dhe pa probleme për të ndryshuar funksionalitetin e temës mëmë. Le të themi se dëshironi të shtoni një funksion PHP në temën tuaj. Mënyra më e shpejtë është të hapni skedarin functions.php të temës suaj dhe të vendosni funksionin atje. Por kjo nuk është shumë e zgjuar: herën tjetër që tema të përditësohet, funksioni juaj thjesht do të zhduket.
Ekziston një mënyrë alternative që do të jetë më e arsyeshme: mund të krijoni një temë fëmijësh, të shtoni një skedar funksions.php në të dhe të vendosni funksionin tuaj në skedarin e krijuar rishtazi. Funksioni do të bëjë të njëjtën punë që andej, me avantazhin se nuk do të vuajë nga përditësimet e ardhshme të temës mëmë. Prandaj, një shënim i rëndësishëm: mos e kopjoni të gjithë përmbajtjen e skedarit prind functions.php në të njëjtin skedar fëmijë.
Struktura e funksioneve.php është e thjeshtë: një etiketë hapëse PHP në fillim, dhe poshtë saj vendosni kodin tuaj PHP. Ju mund të vendosni aq kod sa ju nevojitet në këtë skedar. Shembulli i mëposhtëm ilustron një skedar funksional rudimentar.php që bën një gjë të thjeshtë: shtoni një lidhje në favicon në etiketë
faqet HTML." . "\n"; ) add_action("wp_head", "favicon_link");
Këshillë për zhvilluesit e temave: Fakti që funksionet.php të temës së fëmijës ngarkohen së pari do të thotë që ju mund të bëni që funksionet e përdoruesit të anashkalojnë funksionet e zhvilluesit, d.m.th. nëse përdoruesi krijoi të njëjtin funksion si i juaji, atëherë ai do të bëhet kryesori. Thjesht shtoni një kusht:
nëse (! funksion_ekziston ("theme_special_nav")) (funksioni tema_special_nav() ( // Bëni diçka. ) )
Në këtë rast, tema e fëmijës mund të zëvendësojë funksionin PHP të prindit thjesht duke e deklaruar atë paraprakisht.
Përfshirja e skedarëve në temën e fëmijës suaj
Kur duhet të përfshini një skedar që duhet të jetë pjesë e strukturës së temës së fëmijës, përdorni funksionin get_stylesheet_directory(). Për shkak se skedari i fletës së stilit prind, style.css, është zëvendësuar nga një style.css fëmijë, dhe ai style.css fëmijë ndodhet në dosjen rrënjë të nëndirektorisë së temës së fëmijës, get_stylesheet_directory() do të tregojë te drejtoria e temës së fëmijës, jo te e prindërve.
Më poshtë është një shembull i përdorimit të konstruksionit request_once që ilustron se si mund të përdorni get_stylesheet_directory kur ju duhet të lidheni me një skedar të ruajtur në një strukturë teme për fëmijë.
kërkesa_once(get_stylesheet_directory() . "/my_included_file.php");
require_once(get_stylesheet_directory(). "/my_included_file.php"); |
Informacione shtesë të dobishme
Përdorimi i formateve të postimit
Tema fëmijë trashëgon formatet e postimit të përcaktuara në temën prind. Kur krijoni një temë fëmijësh, kini parasysh se përdorimi i add_theme_support("post-formats") do të anashkalojë formatet e përcaktuara në temën mëmë, në vend që t'u shtohet atyre.
Mbështetje RTL (shkrim nga e djathta në të majtë)
Për të mbështetur gjuhët RTL, shtoni një skedar rtl.css në temën e fëmijës suaj. Ai përmban:
/* Emri i temës: Modeli Twenty Fourteen Child: twentyfourteen */
Një temë fëmijësh e WordPress është një temë që zgjeron funksionalitetin e një teme tjetër, të quajtur temë prind, dhe ju lejon të modifikoni ose zgjeroni funksionalitetin e temës mëmë. Ky artikull ju tregon se si të krijoni një temë të thjeshtë për fëmijë dhe shpjegon se çfarë mund të bëni me të. Një shembull i temës mëmë është Twenty Ten, tema e re e paracaktuar në .
Kujdes! Nëse informacioni më poshtë duket i vështirë për t'u kuptuar, atëherë mund të përdorni një mënyrë më aktuale dhe më të shpejtë për të krijuar një temë për fëmijë duke përdorur shtojcën Child Theme Configurator
Krijimi i një teme për fëmijë është shumë i lehtë. Krijoni një dosje, vendosni skedarin e shkruar siç duhet në të stil.css dhe tema e fëmijëve është gati! Me pak kuptim të HTML dhe , ju mund ta ndryshoni këtë një temë shumë e thjeshtë për fëmijë- ndryshimi i pamjes dhe paraqitjes së temës mëmë, por pa ndryshuar skedarët e saj. Në këtë mënyrë, kur përditësohet tema mëmë, ndryshimet tuaja ruhen.
Temat e fëmijëve në WordPress ju lejojnë të bëni ndryshime në temat ekzistuese në mënyrë të tillë që ndryshime të tilla të mos humbasin kur përditësoni temën origjinale (ose mëmë). Përveç pamjes, temat e fëmijëve ju lejojnë të ndryshoni shënimin dhe madje edhe funksionalitetin e temës prind, duke e zgjeruar atë për t'iu përshtatur nevojave tuaja.
Mbështetja për temat e fëmijëve në WordPress u shfaq shumë kohë më parë, por shumica e përdoruesve sot ende preferojnë të bëjnë ndryshime në kodin e temës burimore drejtpërdrejt. Në këtë artikull, ne do të mbulojmë se si funksionojnë temat e fëmijëve në WordPress dhe pse temat e fëmijëve duhet të përdoren për të bërë ndonjë ndryshim në temat ekzistuese.
Çfarë është një temë për fëmijë
Një temë fëmijësh në WordPress është një temë që trashëgon pamjen dhe të gjithë funksionalitetin e temës mëmë (origjinale). Kjo trashëgimi ju lejon të ndryshoni dhe plotësoni me lehtësi pjesë të veçanta të temës mëmë pa ndryshuar vetë temën origjinale. Falë kësaj qasjeje, përditësimi i temës mëmë nuk do të ndikojë në ndryshime të tilla.
Tema mëmë mund të jetë çdo temë tjetër e WordPress (përveç temave të fëmijëve), dhe që tema e fëmijës të funksionojë, duhet të instalohen të dyja temat, por ajo fëmijë duhet të aktivizohet.
Si të krijoni një temë për fëmijë
Tema më e thjeshtë e fëmijës përbëhet nga një skedar i vetëm style.css, i cili specifikon emrin e temës së fëmijës dhe emrin e drejtorisë që përmban temën prind. I njëjti skedar shpesh i referohet fletës së stilit të temës mëmë duke përdorur direktivën @import CSS.
Si shembull, ne do të krijojmë një temë për fëmijë, Tema Fëmija ime, dhe do të përdorim temën e parazgjedhur të Twenty Twelve si temën mëmë.
Së pari, sigurohuni që tema mëmë ekziston - gjeni direktorinë twentytwelve në wp-content/themes. Më pas krijoni një direktori të re në wp-content/themes dhe emërtojeni my-child-theme . Në këtë direktori të re, krijoni një skedar style.css dhe ngjisni titullin e mëposhtëm në të:
/** * Emri i temës: Tema My Child * Modeli: twentytwelve */ @import url("../twentytwelve/style.css");
Duke përdorur këtë kokë, ne përcaktuam emrin e temës sonë të re, dhe gjithashtu treguam atë mëmë. Direktiva @import në këtë rast ngarkon të gjitha stilet nga tema Twenty Twelve, në krye të së cilës do të bëjmë ndryshimet tona. Pa këtë direktivë, tema jonë e fëmijëve do të trashëgojë vetëm shabllonet (shënjimin) e temës mëmë, dhe jo stilin.
Pas kësaj, drejtoria juaj e temave duhet të duket diçka si kjo:
Duke shkuar te Paraqitja → Temat, do të shihni që tema juaj e re është tashmë e disponueshme për aktivizim.
Nëse e aktivizoni dhe shkoni te faqja kryesore e faqes suaj, do të shihni se tema e fëmijës suaj duket tamam si tema standarde e Twenty Twelve.
Puna me stile
Stilet CSS të temave fëmijë mund të vendosen drejtpërdrejt në skedarin style.css menjëherë pas direktivës @import. Për shembull, për të vendosur ngjyrën e sfondit dhe ngjyrën e lidhjes në temën tuaj, shtoni kodin e mëposhtëm në fund të fletës së stilit:
Trupi ( sfondi: i kuq; ) a ( ngjyra: jeshile; )
Në këtë mënyrë, ju mund të ndryshoni stilet e çdo elementi të temës mëmë dhe mund të gjeni lehtësisht elementin e kërkuar duke përdorur mjetet e zhvilluesit në shfletuesin Google Chrome ose duke përdorur shtesën Firebug për shfletuesin Firefox.
Puna me shabllone
Me një temë për fëmijë, ju gjithashtu mund të ndryshoni lehtësisht vetë shabllonet e temës mëmë. Për ta bërë këtë, thjesht krijoni një skedar në temën e fëmijës me të njëjtin emër si shablloni në temën prind. Për shembull, për të zëvendësuar shabllonin footer.php me tuajin, krijoni një skedar footer.php në drejtorinë e temave të fëmijës: