„WordPress“ vaikų temų kūrimo vadovas

Yra daug priežasčių, dėl kurių „WordPress“ kūrėjai pradeda naudoti vaikų temas. Jie suteikia jums galimybę pritaikyti unikalų išdėstymą ant kitos esamos temos. Tai puikiai tinka pradedantiesiems, norintiems žaisti su savo temomis.

Be to, daugelis aukščiausios kokybės dizaino laikui bėgant išleis naujus naujinius. Jei keičiate pagrindinius temos failus, jie bus perrašyti, kai bus atliekamas naujinimas, tačiau vaiko temos yra atskiros ir tvarkingai nuimtos. Tai reiškia, kad galite sukurti esamas priemokas ir sutaupyti daug laiko.

Šiame vadove noriu pristatyti pagrindines „WordPress“ vaikų temos kūrimo sąvokas ir kodėl tai tokia gera idėja.

Darbo pradžia

Vaiko temos nėra tokios sudėtingos, kokios gali pasirodyti. Naudojant tėvų temą, nereikia rašyti visų HTML / CSS nuo nulio. Vaiko tema automatiškai naudos visus jūsų įtrauktus šabloninius failus, pvz., sidebar.php arba footer.php. Bet jei jų trūksta, jūsų vaiko tema bus ištraukusi tuos pačius failus iš savo tėvų.

Ši funkcija suteikia didžiulę laisvę pritaikyti jau esamus šablonus. Tai taip pat puikiai tinka, kad būtų galima paliesti aplink jūsų svetainę esančias sritis, skirtas ypatingiems renginiams, pvz., Pridėti dizaino modelius Kalėdoms ar Naujiesiems metams.

Jūsų reikalingi failai

Jums reikia tik vieno .css stiliaus lapo, kad sukurtumėte vaiko temą „WordPress“. Taip pat reikia sukurti naują katalogą / wp-content / themes aplanką, kuriame bus jūsų vaiko tema. Atkreipkite dėmesį, kad jūs ne kuriant šį aplanką tėvų temoje, bet kartu su juo tame pačiame temų kataloge.

Kūrėjai dažnai įtrauks funkcijas ir funkciją .php ir screenshot.png tame pačiame aplanke, kaip ir naujasis CSS failas. Ekranas rodomas jūsų „WordPress“ administratoriaus skydelyje ir funkcijų temos failas gali būti naudojamas tonų „backend“ pakeitimų.

Bet dabar mes turime sutelkti dėmesį į pagrindinį stilių. Tai paprastai vadinama style.css ir įtraukia komentarų antraštę su pagrindine meta informacija. Tai svarbu, nes jūsų tema bus rodoma tik kaip vaikas, jei įtrauksite tėvų katalogo pavadinimą. Toliau pateikiamas antraštės komentaro pavyzdys:

 / * Temos pavadinimas: dvidešimt vienuolika vaikų temos URI: http: //example.com/ Aprašymas: Vaiko tema dvidešimt vienuolikam dizainui Autorius: Jake Rocheleau Autorius URI: http: //www.hongkiat.com/blog/ Šablonas: twentyeleven Versija: 0.1 * / 

Vertė šabloną turėtų būti kartu su tėvų katalogo pavadinimu. Išskyrus tai, kad visos kitos žymės turėtų būti susipažinę su standartine WordPress tematika.

Nors bus naudojami visi pagrindiniai PHP šablonai, originalus tėvų stilius ne importuojami automatiškai. Jei norite pašalinti originalius stilius, turite jį įtraukti į savo vaiko style.css dokumento viršuje. Žemiau pateikiamas pavyzdys, apimantis WP dvidešimt vienuolikos temą.

 @import url ("… /twentyeleven/style.css"); 

Naujų stilių nustatymas

CSS taisyklių taikymas jūsų temai yra toks pat lengvas, kaip ir originalo redagavimas. Jei žinote, kokius elementus reikia nukreipti, naudokite tuos pačius pasirinktuvus savo vaiko temoje.

Mes galėtume demonstruoti keletą labai paprastų nuorodų ir punktų pakeitimų. Aš naudoju kodą iš originalaus dvidešimt vienuolikos temos, kad galėčiau nukreipti skirtingus elementus. Kartais būtina naudoti konkretesnį selektorių, kad būtų panaikintas senesnis dizainas.

 kūnas įdėklas: 0 1.4 .;  #page margin: 1.667em auto; maksimalus plotis: 900px;  a spalva: # 5281df; teksto apdaila: nėra; šrifto šeima: Calibri, Tahoma, Arial, sans-serif;  a: fokusavimas, a: aktyvus, a: svirtis teksto apdaila: pabraukimas;  

Šiuose pakeitimuose sumažinau bendrą kūno dydį ir taip pat pašalinau kai kurias paklotas nuo kraštų. Visus šiuos parinkiklius galima rasti originaliame .css dokumente. Pažymėtina, kad aš taip pat keičiuosi kai kurių pririšimo nuorodų savybių, kurios apima skirtingą šriftų kamino ir spalvų pasirinkimą.

Svarbūs dalykai

CSS turi specialią deklaraciją, pagal kurią pažymima pirmenybė virš kitų stilių. Sintaksė rodoma kaip !svarbu pradedant nuo šauktuko ir baigiant CSS nuosavybės pabaigoje. Tai būtina, jei turite tėvų temos pakopinius stilius, kurie yra svarbesni už savo pasirinktas taisykles.

 a color: # 5281df! svarbu; teksto apdaila: nėra; šrifto šeima: Calibri, Tahoma, Arial, sans-serif;  

Virš aš nukopijuoju savo originalius pakeitimus ir redagavau inkaro teksto spalvą su svarbia sąlyga. Tai bus viršesnė už visus kitus to paties pasirinkimo gylio stilius. Daugiau apibrėžtų elementų (pvz.,. \ T #access li: hover> a) paprastai turi savo stilių, nebent spalva vis dar buvo paveldėtas iš mūsų pirminio selektoriaus. Tokiu atveju mūsų patronuojanti tema nenustato šriftų šeimos savybių, susijusių su inkaro nuorodomis, todėl nesusiję su paveldėjimo problemomis.

Jei kyla problemų dėl pakeitimų laikymo, pabandykite iškviesti vieną iš šių svarbių ženklų savo turto ataskaitos pabaigoje. Tai nėra puikus kiekvieno paveldėjimo problemos pataisymas, tačiau jis yra daug naudingesnis nei manote.

Klonavimo funkcijos.php

Skirtingai nuo pagrindinio stiliaus lapo, jūsų vaiko tema automatiškai importuos savo tėvų funkcijas. Tai reiškia, kad jums nereikia kopijuoti per bet kurį PHP kodą, kad galėtumėte aktyviai veikti naujojoje temoje. Tačiau jei norite iš naujo apibrėžti kai kurias funkcijas, galite sukurti kitas funkcijas.php ir įrašyti savo naują kodą su bet kokiais pakeitimais.

Pavyzdžiui, sukūriau funkciją, kuri analizuoja keletą „JavaScript“ failų, kai šablonas inicijuoja. Tai pašalins visas senesnes jQuery ir SWFObject scenarijų versijas, tuo pačiu metu pridedant naujausias versijas wp_head srityje.

 // eilės js failai, skirti apkrovos funkcijai mytheme_js () if (is_admin ()); wp_deregister_script („jquery“); wp_register_script ('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); wp_enqueue_script („jquery“); wp_deregister_script („swfobject“); wp_register_script ('swfobject', 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'); wp_enqueue_script („swfobject“);  add_action ('init', mytheme_js); 

Norėčiau pažymėti, kad jei importuojate kodą iš tėvų funkcijų.php, turėsite naudoti kitą funkcijos pavadinimą. Priešingu atveju PHP suteiks mirtiną klaidą ir į serverį turėsite FTP, kad išspręstumėte klaidą.

Darbas su teminiais failais

Platesnė temų kategorija yra individualių išdėstymų ir puslapių tipų kūrimas. Pagal nutylėjimą jūsų vaiko tema paveldės visus jos tėvų teminius failus. Bet jūs turite galimybę sukurti naujus vaikų teminius failus ir WP juos užregistruos kaip „pagrindinį“ šabloną.

Pavyzdžiui archive.php ir index.php naudojami atitinkamai rodyti archyvus ir pagrindinio puslapio ekraną. Jei yra pakeitimų, kuriuos norite atlikti, todėl reikia HTML redagavimo, tada būtų saugesnis pagrindinių failų klonavimas ir jų redagavimas vaiko temų kataloge.

Priskirtų puslapių šablonai

Nors kalbame apie šablonų failus, aš taip pat noriu pristatyti „WordPress“ funkciją, kurią daugelis nežino. Galite sukurti puslapį ir skelbti šablonus, kurie bus pasirenkami iš administratoriaus skydo kuriant naują turinį. Net jei tėvų temoje nėra naujo pasirinktinio šablono failo, „WordPress“ vis dar naudos vaiką vietoje a page.php arba single.php.

Pirmiausia sukurkite naują failą, pavadintą page-offer.php. Tai bus a “specialus pasiūlymas” reklaminis puslapis, kurio temos skiriasi nuo visų kitų. Čia galite nukopijuoti savo pradinį puslapio kodą arba net visiškai sukurti temą. Vienintelis kodas, kurį turime leisti „WordPress“ žinoti apie šį naują šabloną, yra komentaras „PHP“.

Kita alternatyva šiam metodui yra sukurti tinkamus puslapius, pavadintus pagal unikalų ID numerį. Taigi vietoj įkėlimo numatytasis archive.php autorių puslapiams galite sukurti tokį failą kaip autorius-ID.php ID yra vartotojo unikalus „WordPress ID“ numeris. Nors ši sistema yra labiau apmokestinama, nes jums reikia sukurti naują šablono failą kiekvienam jūsų svetainės autoriui.

Jis tampa naudingesnis, jei galite sujungti šiuos du metodus su kitais šablonų failais. Pažymėtina, kad kategorijos ir žymos veikia gerai, naudodami savo teminius failus. Taip pat, jei susiejate su priedais, esančiais jūsų turinyje, jūs norėsite apsvarstyti įvairius galimus kiekvieno maketo tipo šablonų išdėstymus. Į paprastą JPEG vaizdo priedą įtraukiau toliau pateiktą šablonų hierarchiją:

• image.php
• jpeg.php
• image_jpeg.php
• attachment.php

Naudingi WordPress įrankiai

Pati „WordPress“ yra universalus įskiepių sistema, kuri gali valdyti daugybę pritaikymų. Kadangi vaiko temos yra tokios naujos, nėra visiško trečiųjų šalių spaudinių (dar). Tačiau yra keletas įrankių, kuriuos galite patikrinti, kad jūsų kūrimo laikas būtų šiek tiek trumpesnis.

Aiškus paminėjimas yra vieno spustelėjimo vaiko temos įskiepis, sukurtas ir išbandytas naujausią „WordPress 3.x“ versiją. Į jūsų administratorių įtraukiama meniu nuoroda “Temos” skyriuje, kad automatiškai sukurtumėte vaiką naudodami šiuo metu aktyvią temą. Tai yra fantastiška, jei nenorite jausti su FTP ir norite žaisti su naujomis idėjomis.

Jei planuojate redaguoti šiuos failus administratoriaus skydelyje, taip pat galėsite išaiškinti sintaksę. Numatyta, kad „WordPress“ nepateikiama, tačiau galite įdiegti išplėstinio kodo redaktorių, kad galėtumėte pasiekti daug geresnių funkcijų. Tai daro wading per PHP kodo blokus ir HTML / CSS daug labiau valdomas.

Papildomi resursai

Kartu su visais šiame vadove pateiktais patarimais noriu pasidalinti svarbių temų kūrėjams skirtų nuorodų rinkiniu. Jau yra tiek daug puikių straipsnių ir nemokamų vaikų temų, kurias galite sužinoti giliau į šį dalyką. Toliau pridėjau nuostabų šių išteklių rinkinį:

• 8 Nemokama dvidešimt vienuolika vaikų temų
• WordPress Online Codex »Vaikų temos
• Kaip sukurti „WordPress“ vaikų temą naudojant kabliukus ir filtrus
• Keletas žodžių apie vaikų temas
• Kaip sukurti, keisti ir naudoti „WordPress“ vaiko temas

Išvada

Tikiuosi, kad „WordPress“ vaikų temų kūrimo procesas jums bus aiškesnis po šio straipsnio skaitymo. Bandžiau paaiškinti, kaip vaiko temos gali paveldėti CSS ir PHP šablonus iš tėvų. Be to, labai paprasta manipuliuoti konkrečiais failais ir sukurti savo unikalią temą.

.