Krijimi i një teme për fëmijë të WordPress. Pse keni nevojë për një temë të fëmijëve të WordPress

Në përditësimin e radhës të platformës, gjithmonë shtohen funksione të reja, përmirësohet mbrojtja, shfaqen mundësi të reja. Pra, një nga disa mundësi mund të vërehet një mjet kaq i dobishëm si. Dhe ky është vetëm një nga funksionet e shumta. Dhe ka më domethënëse, për shembull - një temë për fëmijë.

Çfarë është një temë fëmijësh WordPress?

Nuk do të doja të hyja thellë në këtë temë, duke pasur parasysh që faqja zyrtare e internetit ka një manual të mirë në gjuhën ruse (). Më lejoni të them vetëm disa fjalë për përfitimet e një teme për fëmijë dhe çfarë është ajo.

Kuptimi: tema e fëmijëve (DT) është menduar kryesisht për modifikimin e saktë të temës mëmë (ajo që është aktivizuar aktualisht). Përdorimi i kësaj metode do të ruajë çdo ndryshim të bërë në temën mëmë (PT) herën tjetër që ta përditësoni atë.

Përfitimi: Kolosale. Sepse ky është vendimi i duhur në çdo ndryshim në RT.

Si të krijoni një temë për fëmijë në WordPress

Kodiku i WordPress (lidhja më sipër) ofron një përshkrim të detajuar hap pas hapi të hapave për të krijuar një temë për fëmijë. Në thelb, këtu nuk ka asgjë të komplikuar. Përkundrazi, e kundërta është e vërtetë: gjithçka është shumë e thjeshtë. Por jo të gjithë kanë dëshirë të ndërhyjnë me dosjet (ne nuk do t'i dënojmë - kjo është një çështje personale). Për një rast të tillë, ka shtojca që do të bëjnë pothuajse të gjithë punën për ju.

Ne do të flasim shkurtimisht për këtë opsion. Në depo, si gjithmonë, ekziston një përzgjedhje e madhe e shtojcave për zbatimin e zgjidhjeve për çdo detyrë. Zgjedhja ime ra në shtojcën " Tema e fëmijëve me një klikim», E cila do të krijojë një temë për fëmijë me një klik.

Pasi të keni aktivizuar modulin "Tema me një klikim për fëmijë", shkoni te skeda "Pamja - Tema e fëmijëve". Kjo faqe përmban tre fusha për të plotësuar:

Si të punoni me një temë për fëmijë

Kur ju duhet të redaktoni temën prind (për shembull, bëni disa ndryshime, shtoni një bllok të ri, fshini një bllok, etj.), atëherë për hir të ruajtjes apo edhe sigurisë, është mirë ta bëni këtë përmes temës së fëmijës.

Skedarët e temave. Një skedar kopjohet nga RT, në të cilin dëshironi të bëni diçka tuajën, dhe transferohet në DT (kini parasysh që nëse skedari është në një nënfolder të temës, atëherë në DT krijoni gjithashtu të njëjtën dosje ). Pastaj filloni të punoni me të, ndryshoni, shtoni atë që ju nevojitet dhe kontrolloni rezultatin.

Stilet (style.css). Në mënyrë që të mund të redaktoni stilet e temës prind drejtpërdrejt në temën e fëmijës, së pari duhet t'i importoni ato nëpërmjet skedarit style.css ose skedarit functions.php. Përndryshe, nuk do të ketë ndryshime. Dhe kjo bëhet si kjo:

CSS @import

/ * Emri i Temës: child-my-theme Përshkrimi: Child theme

Funksioni

Add_action ("wp_enqueue_scripts", "my_theme_enqueue_styles"); funksioni my_theme_enqueue_styles () (wp_enqueue_style ("style-prind", get_template_directory_uri (). "/style.css");)

funksionet.php. ndryshe nga ato të mëparshmet, ai nuk ndryshohet ose importohet, por ngarkohet si shtesë në skedarin prind. Nuk ka nevojë të kopjohet nga RT, thjesht krijoni një skedar në RT të quajtur funksions.php. Dhe më pas, në mënyrën e zakonshme për ne, shtoni funksionet që ju nevojiten. Kështu, do të ketë një qasje të saktë për modifikimin dhe zgjerimin e aftësive të temës mëmë.

Lidhja e skedarëve nga një temë për fëmijë. Për të lidhur skedarë nga DT, duhet të përdorni funksione të caktuara që tregojnë rrugën e saktë.

I frymëzuar nga një artikull mbi Habré, vendosa të krijoj versionin tim për krijimin e një teme për fëmijë në WordPress, pasi ka shumë tekste dhe shpjegime në Habré. Si një person që nuk e konsideron veten një profesionist të shkëlqyeshëm në programimin në WordPress, do të përpiqem të tregoj gjithçka shkurtimisht dhe në pikën e duhur.

Nëse jeni duke parë WordPress për herë të dytë dhe keni hyrë në një grabujë me një përditësim teme për herë të tretë - lexoni më tej.

Pra, për çfarë janë temat e fëmijëve? Unë tashmë i jam përgjigjur pjesërisht kësaj pyetjeje. Vrimat gjenden në intervale të rregullta në bërthamën, shtojcat dhe temat e WordPress (përsa i përket sigurisë). Si rregull, djemtë e zgjuar që zhvillojnë tema, shtojca dhe vetë CMS lëshojnë përditësime. Të gjitha personalizimet tuaja zhduken në momentin që instaloni këto përditësime. Bëhet veçanërisht e keqe në një situatë me një temë të modifikuar thellësisht. Është shumë e mjerueshme - në mungesë të një rezervë.

Për të mos humbur të gjitha modifikimet tuaja, është më mirë të mos i bëni ato në skedarët e temës kryesore.

Arrita të gjej në kazanët e WordPress me një version të vjetër të temës Twenty Twelve. Unë do ta përdor atë si shembull.

1. Krijoni një dosje me temë fëmijësh:

mkdir wp-content / tema / twentytwelve-fëmijë

2. Që tema të funksionojë, ju nevojiten dy skedarë:

• stil.css
• funksionet.php

Le t'i krijojmë ato:

prekni wp-content / temat / twentytwelve-child / style.css
prek wp-content / tema / twentytwelve-child / fnctions.php

3. Emri i temës është vendosur në stil.css. Seti minimal i kodit për style.css:

/ * Emri i temës: Modeli Twenty Twelve Child: twentytwelve Autori: ekipi i WordPress Versioni: 1.0 Domeni i tekstit: twentytwelve-child * / @import url ("../ twentytwelve / style.css")

Rreshti i fundit ngarkon stilet nga tema mëmë.

Në këtë pikë, tema shfaqet në listën e temave në zonën e administratorit të WordPress dhe duket si kjo:

Kopjo screenshot.png nga tema e nënës për të shfaqur imazhin. Nëse dëshironi, mund ta modifikoni:

cp wp-content / tema / twentytwelve / screenshot.png wp-content / tema / twentytwelve-child /

Tani lista e temave duket si kjo:

Pas kësaj, tema mund të aktivizohet dhe madje do të funksionojë.

Mbetet për të vendosur të gjithë skedarët e modifikuar në dosjen e temave të fëmijëve. Çështja është se WordPress u jep përparësi skripteve / skedarëve nga dosja e temave të fëmijëve mbi skedarët / skriptet e temës mëmë. Nëse ndonjë nga skedarët nuk gjendet në dosjen e temës së fëmijës, ai merret nga tema prind.

Tema standarde duket si kjo:

Le ta modifikojmë pak për qartësi. Kam kopjuar skedarin header.php nga tema mëmë, ndryshova shfaqjen e menysë (mbi titull) dhe hoqa shfaqjen e përshkrimit të blogut. Megjithatë, header.php origjinal mbeti i paprekur. Doli kështu:

Siç mund ta shohim, header.php nga dosja e temës së fëmijës ka funksionuar.

Pritë vetëm me stile. Nëse deklaroni një stil të ri ekrani, për shembull, gjerësinë e zonës së tekstit në skedarin style.css të një teme fëmijë, ai nuk do të funksionojë.

Në mënyrë që ai të funksionojë, duhet të krijoni një fletë stili të veçantë dhe ta lidhni atë:

prekni wp-content / temat / twentytwelve-child / custom.css

Injektoni kodin nga spoiler.site në të:

Sajti (diferenca: 0 automatik; gjerësia maksimale: 90%; tejmbushja: e fshehur;)

Fatkeqësisht, direktiva @import url funksionon vetëm një herë në skedarin style.css, kështu që skedari i stilit të dytë nuk mund të përfshihet.

Në WordPress, stilet përfshihen me funksionin wp_enqueue_style () në skedarin functions.php.

Krijo funksionin e parë të personalizuar në funksionet.php të temës së fëmijës që do të kthejë dosjen ose uri të temës së fëmijës:

Funksioni get_child_template_directory_uri () (kthimi i emrit (get_bloginfo ("stylesheet_url"));)

Pas kësaj, ne mund të përdorim me siguri get_child_template_directory_uri () në funksione të tjera të personalizuara.

Tani ne përfshijmë custom.css:

Funksioni child_styles () (wp_enqueue_style ("twentytwelve-child-style", get_child_template_directory_uri (). "/Custom.css");) add_action ("wp_enqueue_scripts", "child_styles", 12);

Nëse është e nevojshme, mund të kopjoni rreshtin dhe të shtoni skedarë të tjerë css. Gjithçka do të funksionojë.

Mendoj se nuk ka nevojë të shpjegohet pse skedari functions.php duhet të fillojë me

Nga rruga, numri në add_action () përcakton përparësinë. 12 - veprimi më i lezetshëm, supozohet se stilet që lidhen me të do të kenë përparësi ndaj atyre standarde nga tema mëmë.

Në analogji me stilet, mund të shtoni funksione të tjera, pa mundësinë e humbjes së tyre gjatë përditësimit.

Nuk do të bëj komente të mëtejshme. Vendosni të gjithë skedarët që janë redaktuar në një dosje, përfshini të gjithë skedarët e nevojshëm css dhe përditësoni sa të doni.

(Vizituar 1223 herë, 1 vizitë sot)

Zhvilluesit e WordPress shtuan aftësinë për të krijuar tema për fëmijë, tani ju keni mundësinë të krijoni nëntemën tuaj bazuar në prindin. Veçoria e temës së fëmijës ju lejon të ndryshoni pamjen e temës mëmë dhe më pas ta ruani veçmas temën e ndryshuar pa ndikuar tek e para. Në këtë udhëzues, do të mësoni se çfarë është një temë për fëmijë në WordPress dhe si të krijoni një temë për fëmijë të WordPress.

Per cfarepërdorni temën e fëmijëve

Një temë për fëmijë ju lejon të ndryshoni temën e prindërve sipas dëshirave tuaja. Avantazhi kryesor i kësaj veçorie është se ju mund të bëni ndryshime në një temë të fëmijës pa prekur prindin ose ndonjë temë tjetër që e përdor atë si bazë.

Si funksionon tema e fëmijëve të WordPress

Tema e fëmijëve ndodhet në një dosje të veçantë dhe përmban skedarët e saj stil.css dhe funksionet.php... Nëse është e nevojshme, është e mundur të shtoni skedarë shtesë, por skedarët kryesorë të temës kërkohen për funksionimin e saktë të saj.

Duke përdorur të përshtatshmen .css dhe .php skedarët, mund të ndryshoni pothuajse çdo gjë, nga parametrat e stilit dhe paraqitjes deri te skriptet që përdor tema e fëmijëve.

Një temë fëmijësh mund të krahasohet me shtresat në çdo redaktues imazhi. Kur një vizitor viziton faqen tuaj, fillimisht ngarkohet tema e fëmijës dhe më pas përfshihen stilet dhe veçoritë që mungojnë nga tema mëmë. Si rezultat, përdoruesi merr pjesën më të madhe të kodit nga tema prind, por përpara se ta shfaqë atë, ai ndryshon sipas cilësimeve të temës së fëmijës.

Përpara se të filloni këtë tutorial, ju nevojiten sa më poshtë:

• Qasja në panelin e WordPress
• Qasja në (rekomandohet) ose

Hapi 1 - Krijimi i një teme për fëmijë në WordPress

Procesi i krijimit të një teme për fëmijë është mjaft i thjeshtë dhe mund të kryhet lehtësisht duke ndjekur me kujdes këtë udhëzues.

Duhet të krijoni një dosje për temën e fëmijës në drejtorinë e paracaktuar të temave të WordPress wp-content / tema... Për lehtësi dhe ruajtjen e rendit në drejtori, është më mirë të krijoni një dosje me fundin -fëmijë pas emrit të temës mëmë. Nëse dëshironi, mund të shtoni emrin e një projekti specifik. Mbani mend, emri i drejtorisë nuk duhet të përmbajë hapësira për të shmangur gabimet e mundshme. Përdorni një klient FTP ose File Manager për të krijuar një dosje të re. Ne rekomandojmë përdorimin e klientit FTP falas FileZilla

Në këtë tutorial, ne do të përdorim File Manager për të krijuar një temë fëmijësh bazuar në temën e parazgjedhur të Twenty Seventeen, kështu që rruga e plotë për në dosje do të duket si kjo wp-content / tema / njëzet e shtatëmbëdhjetë-fëmijë.

1. Hyni në panelin e kontrollit të Hostinger dhe klikoni në ikonën Menaxheri i skedarëve.
2. Navigoni te dosja ku është instaluar WordPress (zakonisht public_html), Me tutje wp-content → temave.
3. Klikoni butonin dosje e re, shkruani emrin e temës së fëmijës dhe klikoni Krijo.

1. Futni dosjen e krijuar të temës së fëmijës.
2. Klikoni butonin Skedar i ri, hyni stil.css si emrin e skedarit dhe shtypni Krijo.

1. Ngjitni kodin e mëposhtëm në skedar:

/ * Emri i temës: URL e temës Twenty Seventeen Child: http://hostinger-tutorials.ru/twentyseventeen-child/ Përshkrimi: Twenty Seventeen Child Theme Autori: John Doe URL e autorit: http://hostinger-tutorials.ru Modeli: twentyseventeen Versioni: 1.1 Domeni i tekstit: twentyseventeen-child * / CSS e personalizuar shkon pas kësaj rreshti

1. Ndryshoni të gjitha vlerat që të përputhen me domenin dhe temën tuaj. Fushat më të rëndësishme janë shabllon dhe Emri i temës pasi ata i tregojnë WordPress-it se në cilën temë prindi bazohet tema e fëmijës suaj. Tjetra, klikoni Ruaj për të ruajtur ndryshimet.

1. Shto skedar funksionet.php në të njëjtin direktorium, por mos ngjisni kodin nga tema prind atje, pasi ai duhet të mbetet i ndarë prej tij. Në vend të kësaj, krijoni një skedar bosh ose shtoni funksione të reja .php sipas nevojës për temën e fëmijës suaj.
2. Nga pulti juaj i WordPress, shkoni te seksioni Pamja → Temat dhe shtypni butonin Aktivizoni në temën e fëmijës suaj.

1. Shkoni në faqen tuaj, mund të shihni që tema nuk shfaqet mjaft saktë (si në foton më poshtë). Mos u frikësoni, kjo për faktin se skedari funksionet.php nuk ngarkon ende CSS nga tema mëmë.

1. Nga pulti juaj i WordPress, shkoni te seksioni Pamja -> Redaktori dhe zgjidhni skedarin funksionet.php.
2. WordPress ka një veçori për të ngarkuar CSS nga një temë prind. Kopjoni kodin e dhënë në një skedar funksioni.php tema për fëmijë:

1. Klikoni mbi Përditëso skedarin në fund të faqes për të ruajtur ndryshimet tuaja.
2. Ju lutemi vizitoni faqen tuaj përsëri. Tani CSS është ngarkuar dhe tema e fëmijës suaj duket e njëjtë si prindi.

Siç mund ta keni vënë re, procesi i krijimit të një teme për fëmijë është mjaft i thjeshtë nëse keni qasjen e duhur dhe ndiqni udhëzimet hap pas hapi në udhëzuesin tonë.

Hapi 2 - Vendosja e një teme për fëmijë të WordPress

Tani ka shumë të ngjarë që dëshironi të filloni të ndryshoni pamjen e temës së fëmijës sa më shpejt të jetë e mundur. Për këtë e keni krijuar, apo jo?

Hapi 2.1 - Përshtatja e pamjes së temës së fëmijës suaj

Për të personalizuar pamjen e temës, duhet të redaktoni skedarin me porosi.css në drejtorinë e temave të fëmijës suaj. Për ta bërë këtë, mund të përdorni një redaktues teksti dhe klient FTP, menaxher skedari ose redaktues WordPress. (Pamja -> Redaktori)... Ju gjithashtu keni nevojë për disa njohuri bazë për rregullat e CSS dhe aftësinë për të vërtetuar elementët e faqes me një shfletues.

Për shembull, për të ndryshuar ngjyrën e sfondit, shtoni rregullat e mëposhtme CSS në skedar stil.css:

Përmbajtja e sajtit (ngjyra e sfondit: # d5ffa0; pozicioni: relative;)

Më poshtë është se si do të duket faqja juaj pasi të keni bërë ndryshimet.

Ky proces mund të përdoret për të ndryshuar edhe elementë të tjerë të faqes.

Hapi 2.2 - Shtimi dhe heqja e veçorive

Një përfitim tjetër i përdorimit të një teme për fëmijë është aftësia për të pasur skedarë të veçantë funksionet.php të cilat, si shtojcat, përdoren për të shtuar (ose hequr) funksionalitete specifike. Duke pasur një dosje funksionet.php në një temë fëmijësh, mund të jeni të sigurt se ajo nuk do të hiqet ose ndryshohet pasi të përditësohet tema e paracaktuar.

Për të shtuar funksione të reja në temën tuaj, shtoni kodin e kërkuar PHP në skedar funksionet.php tema e fëmijës suaj. Për shembull, ky kod do të çaktivizojë funksionin e kërkimit të WordPress:

Funksioni disable_search ($ pyetje, $ gabim = i vërtetë) (nëse (është_kërkimi ()) ($ query-> është_kërkimi = false; $ query-> query_vars [s] = false; $ query-> pyetja [s] = false; / / në gabim nëse ($ error == e vërtetë) $ query-> është_404 = e vërtetë;)) add_action ("parse_query", "disable_search"); add_filter ("get_search_form", create_function ("$ a", "return null;"));

konkluzioni

Një temë fëmijësh WordPress ofron mundësinë për të krijuar një projekt krejtësisht të ri bazuar në temën mëmë, pa asnjë ngatërrim me skedarët e tij. Me pak kod dhe duke punuar me drejtoritë, mund ta ndryshoni faqen tuaj sa të dëshironi.

Temat e fëmijëve në WordPress ju lejojnë të bëni ndryshime në temat ekzistuese dhe në mënyrë të tillë që ndryshime të tilla të mos humbasin kur përditësohet tema origjinale (ose mëmë). Përveç pamjes, temat e fëmijëve ju lejojnë të ndryshoni shënimin, madje edhe funksionalitetin e temës mëmë, duke e zgjeruar atë për t'iu përshtatur nevojave tuaja.

Mbështetja për temat e fëmijëve ka ekzistuar në WordPress për një kohë të gjatë, 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ë shpjegojmë 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 ndjesinë dhe funksionalitetin e temës mëmë (origjinale). Kjo trashëgimi ju lejon të modifikoni dhe plotësoni me lehtësi pjesë individuale të temës mëmë pa ndryshuar vetë temën origjinale. Me këtë qasje, përditësimi i temës mëmë nuk do të ndikojë në këto ndryshime.

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 fëmija 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 që specifikon emrin e temës së fëmijës dhe emrin e drejtorisë së temës mëmë. 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 paracaktuar "Twenty Twelve" si temë mëmë.

Së pari, sigurohuni që tema mëmë ekziston - gjeni direktorinë njëzet e dymbëdhjetë në wp-content / tema. Më pas krijoni një direktori të re në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 e fëmijës im * Modeli: twentytwelve * / @import url ("../ twentytwelve / style.css");

Me ndihmën e këtij titulli, ne kemi përcaktuar emrin e temës sonë të re, si dhe kemi treguar prindin. 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ë, jo stilin.

Pas kësaj, drejtoria juaj e temave duhet të duket diçka si kjo:

Duke shkuar te seksioni Paraqitja → Temat, do të shihni që tema juaj e re është tashmë e disponueshme për aktivizim.

Nëse e aktivizoni dhe shkoni në faqen kryesore të 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 lidhjeve në temën tuaj, shtoni kodin e mëposhtëm në fund të fletës së stilit:

Trupi (sfondi: i kuq;) a (ngjyra: jeshile;)

Kështu, 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ë fëmijësh, ju gjithashtu mund të modifikoni lehtësisht vetë shabllonet e temave prindërore. Për ta bërë këtë, thjesht duhet të 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: