Guide to WordPress Bērnu tēmas attīstība
Ir vairāki iemesli, kāpēc WordPress izstrādātāji sāk izmantot bērnu tēmas. Viņi dod jums iespēju pielāgot unikālu izkārtojumu papildus citai esošai tēmai. Tas ir ideāli piemērots iesācējiem, kuri vēlas spēlēt apkārt, veidojot savas tēmas.
Turklāt daudzi piemaksu dizains laika gaitā atbrīvos jaunus atjauninājumus. Ja veicat izmaiņas galvenajos tematiskajos failos, tie tiks pārrakstīti, veicot atjauninājumu, bet bērnu tēmas ir atsevišķas un kārtīgi aizvērtas. Tas nozīmē, ka jūs varat izveidot esošās piemaksu tēmas un ietaupīt daudz laika.
Šajā rokasgrāmatā es vēlos iepazīstināt ar WordPress bērna tēmas veidošanas pamatjēdzieniem un kāpēc tā ir tik laba ideja.
Darba sākšana
Bērnu tēmas nav tik sarežģītas, kādas var parādīties. Vecāku tēmas darba priekšrocības nozīmē, ka jums nav nepieciešams rakstīt visu HTML / CSS no nulles. Bērnu tēma automātiski izmantos visus iekļautos veidnes failus, piemēram, sidebar.php
vai footer.php
. Bet, ja tie ir pazuduši, tad jūsu bērna tēma izvilkīs tos pašus failus no vecāka.
Šī funkcionalitāte piedāvā milzīgu brīvību, lai pielāgotu jau esošās veidnes. Tas ir arī lielisks, lai pieskartos jūsu vietnes vietām īpašiem notikumiem, piemēram, pievienojot dizaina modeļus Ziemassvētkiem vai Jaunajiem gadiem.
Jūsu nepieciešamie faili
Lai izveidotu bērnu tēmu programmā WordPress, jums ir nepieciešama tikai viena .css stila lapa. Jums ir arī jāizveido jauns katalogs / wp-content / themes
mapi, kurā tiks ievietota jūsu bērna tēma. Pievērsiet uzmanību, ka jūs nav izveidojot šo mapi vecāku tēmā, bet tieši tajā pašā tēmas direktorijā.
Izstrādātāji bieži vien ietvers funkcijas.php un screenshot.png tajā pašā mapē kā jūsu jaunais CSS fails. Ekrānuzņēmums tiek parādīts jūsu WordPress administratora panelī, un funkciju tēmas failu var izmantot tonnas backend izmaiņas.
Bet tagad mums jākoncentrējas uz galveno stilu. To parasti sauc par style.css un ietver komentāru galveni ar galveno metadatu. Tas ir svarīgi, jo jūsu tēma tiks rādīta tikai kā bērns, ja iekļausit vecāku direktorijas nosaukumu. Tālāk ir redzams virsraksta komentārs:
/ * Tēmas nosaukums: Divdesmit vienpadsmit bērnu tēma URI: http: //example.com/ Apraksts: Bērnu tēma divdesmit vienpadsmit dizainam Autors: Jake Rocheleau Autors URI: http: //www.hongkiat.com/blog/ Veidne: twentyeleven Versija: 0,1 * /
Vērtība veidne vajadzētu būt kopā ar vecāku tēmas direktorijas nosaukumu. Izņemot to, ka visi pārējie tagi ir pazīstami ar standarta WordPress tematiku.
Lai gan tiks izmantotas visas vecākās PHP veidnes, sākotnējais vecāku style.css būs ne importēt automātiski. Ja vēlaties atcelt sākotnējos stilus, tas ir jāiekļauj sava bērna style.css dokumenta augšdaļā. Tālāk ir sniegts piemērs, kas ietver WP divdesmit vienpadsmito tēmu.
@import url ("… /twentyeleven/style.css");
Jaunu stilu iestatīšana
CSS noteikumu piemērošana jūsu tēmai ir tikpat vienkārša kā oriģināla rediģēšana. Ja jūs zināt, kādus elementus vēlaties mērķēt, izmantojiet tos pašus atlasītājus savā bērna tēmā.
Mēs varētu demo ar dažām tiešām vieglām izmaiņām saitēs un punktos. Es esmu izmantojis kodu no sākotnējā divdesmit vienpadsmit tēmas, lai mērķētu dažādus elementus. Reizēm ir nepieciešams izmantot specifiskāku selektoru, lai ignorētu vecāko dizainu.
ķermenis polsterējums: 0 1.4em; #page margin: 1.667em auto; maksimālais platums: 900px; a krāsa: # 5281df; teksta apdare: nav; fontu saime: Calibri, Tahoma, Arial, sans-serif; a: fokuss, a: aktīvs, a: lidināties teksta apdare: pasvītrojums;
Šajās izmaiņās es esmu samazinājis kopējo ķermeņa izmēru un no malām arī noņēmis dažus polsterējumus. Visi šie selektori ir atrodami oriģinālā .css dokumentā. Jāatzīmē, ka esmu arī mainījis dažas īpašības visām enkura saitēm, kas ietver citu fontu kaudzi un krāsu izvēli.
Svarīgas lietas!
CSS ir īpaša deklarācija, lai atzīmētu prioritāti virs citiem stiliem. Sintakse tiek parādīta kā !svarīgs
sākas ar izsaukuma zīmi un beidzas CSS īpašuma beigās. Tas ir nepieciešams, ja vecāku tēmai ir kaskādes stili, kas ir svarīgāki par jūsu pasūtījuma noteikumiem.
a krāsa: # 5281df! svarīga; teksta apdare: nav; fontu saime: Calibri, Tahoma, Arial, sans-serif;
Virs es esmu nokopējis savas sākotnējās izmaiņas un rediģējis enkura teksta krāsu ar svarīgu klauzulu. Tas būs pārāks par visiem citiem tā paša selektora dziļuma stiliem. Vairāk definētu elementu (piemēram, #access li: hover> a
) parasti saglabā savu stilu, ja vien krāsa
joprojām bija mantojis no mūsu sākotnējā selektora. Tādā gadījumā mūsu vecāku tēma nenosaka fontu saimes īpašumu no enkura saitēm, tāpēc kā tādi mēs nekļūstam par nevienu mantojuma problēmu.
Ja jums ir grūtības veikt izmaiņas, mēģiniet popping vienu no šīm svarīgākajām zīmēm sava īpašuma pārskata beigās. Tas nav ideāls risinājums katrai mantojuma problēmai, bet tas ir daudz noderīgāks nekā jūs domājat.
Klonēšanas funkcijas.php
Atšķirībā no galvenās stillapas jūsu bērna tēma automātiski importēs vecāku funkcijas. Tas nozīmē, ka jums nav nepieciešams kopēt nevienu no PHP kodiem, lai tas vēl joprojām būtu aktīvs jaunajā tēmā. Tomēr, ja vēlaties atkārtoti definēt dažas funkcijas, varat veidot citas funkcijas.php un ierakstīt jauno kodu ar jebkādām izmaiņām.
Kā piemēru esmu izveidojis funkciju, kas analizē dažus JavaScript failus, kad veidne sāk. Tas noņems vecākas jQuery un SWFObject skriptu versijas, vienlaikus pievienojot jaunākās versijas wp_head
apgabalā.
// rindas js faili slodzes 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);
Jāuzsver, ka, ja importējat kodu no mātes funkcijām.php, jums būs jāizmanto cits funkcijas nosaukums. Pretējā gadījumā PHP piešķirs letālu kļūdu, un, lai labotu kļūdu, jums būs jāievieto serveris.
Darbs ar Theme Files
Plašākā tēmu kategorija ir veidot pielāgotus izkārtojumus un lapu veidus. Pēc noklusējuma jūsu bērna tēma mantos visus tā vecāku tēmas failus. Bet jums ir iespēja izveidot jaunus bērnu tēmas failus, un WP tos reģistrēs kā “primāro” veidni.
Piemēram archive.php un index.php tiek izmantoti, lai parādītu attiecīgi arhīva un mājas lapas ekrānu. Ja ir izmaiņas, kuras vēlaties veikt, kas prasa HTML rediģēšanu, tad būtu drošāks vecāku failu klonēšana un rediģēšana bērna tēmas direktorijā.
Pielāgotas lapas veidnes
Kamēr mēs runājam par veidnes failiem, es arī vēlos iepazīstināt ar WordPress funkcionalitāti, kuru daudzi nav pazīstami. Varat veidot lapas un ziņu veidnes, kas tiks atlasītas no administratora paneļa, veidojot jaunu saturu. Pat ja vecākajai tēmai nav jaunā pielāgotā veidnes faila, WordPress joprojām izmantos bērnu bērna vietā page.php vai single.php.
Vispirms izveidojiet jaunu failu ar nosaukumu page-offer.php. Tas būs a “īpašs piedāvājums” reklāmas lapa, kas ir citādāka nekā citi. Šeit jūs varat kopēt sākotnējo lapas kodu vai pat pilnībā izveidot tēmu no nulles. Vienīgais kods, kas nepieciešams, lai WordPress zinātu par šo jauno veidni, ir komentārs setup PHP.
Vēl viena šīs metodes alternatīva ir veidot pielāgotas lapas, kas nosauktas pēc unikālā ID numura. Tā vietā, lai ielādētu noklusējumu archive.php autoru lapām jūs varētu izveidot failu, piemēram, autors-ID.php kur ID ir lietotāja unikālais WordPress ID numurs. Lai gan šī sistēma ir vairāk aplikta ar nodokļiem, jo jums ir nepieciešams izveidot jaunu veidnes failu katram no jūsu vietnes autoriem.
Tas kļūst noderīgāks, ja jūs varat apvienot šīs divas metodes ar citiem veidnes failiem. Jo īpaši kategorijas un tagi darbojas labi, izmantojot savus tematiskos failus. Arī tad, ja saite uz pielikumiem, kas atrodas jūsu saturā, jūs vēlaties izskatīt dažādus iespējamos veidnes izkārtojumus katram mime tipam. Lai iegūtu vienkāršu JPEG attēla pielikumu, es pievienoju tālāk norādīto veidņu hierarhiju:
- image.php
- jpeg.php
- image_jpeg.php
- attachment.php
Noderīgi WordPress rīki
Pati WordPress ir daudzpusīga spraudņu sistēma, kas var pārvaldīt daudz pielāgojumu. Tā kā bērnu tēmas ir tik jaunas, nav visai trešās puses izlaidumu uzbrukumu (vēl). Tomēr ir vairāki rīki, kurus varat pārbaudīt, lai jūsu attīstības laiks būtu mazāks.
Acīmredzama norāde ir viena klikšķa bērna tēmas spraudnis, kas ir izveidots un pārbaudīts jaunākās WordPress 3.x versijas versijai. Tā pievieno izvēlnes saiti jūsu Admin “Tēmas” sadaļā, lai automātiski izveidotu bērnu, izmantojot jūsu pašreiz aktīvo tēmu. Tas ir fantastiski, ja nevēlaties sajaukt ar FTP un meklējat spēlēt apkārt ar dažām jaunām idejām.
Ja plānojat rediģēt šos failus administratora panelī, jums būs arī skaidrāka sintakses izcelšana. Tas pēc noklusējuma netiek piedāvāts programmā WordPress, bet jūs varat instalēt uzlaboto kodu redaktoru, lai iegūtu dažas labākas funkcijas. Tas padara wading caur PHP kodu blokiem un HTML / CSS visai daudz pārvaldāmāku.
Papildu resursi
Kopā ar visiem šajā rokasgrāmatā sniegtajiem padomiem es vēlos dalīties ar svarīgu saišu kopumu tēmas izstrādātājiem. Jau tagad ir tik daudz lielisku rakstu un brīvu bērnu tēmu, ko varat pārbaudīt, lai dziļāk izpētītu šo tēmu. Tālāk ir pievienots lielisks šo resursu krājums:
- 8 Bezmaksas divdesmit vienpadsmit bērnu tēmas
- WordPress Online Codex »Bērnu tēmas
- Kā veidot WordPress bērnu tēmu, izmantojot āķus un filtrus
- Daži vārdi par bērnu tēmām
- Kā izveidot, modificēt un lietot bērnu tēmas programmā WordPress
Secinājums
Es ceru, ka WordPress bērnu tēmu veidošanas process jums būs skaidrāks pēc šī raksta izlasīšanas. Esmu mēģinājis izskaidrot, kā bērna tēmas var mantot gan vecāku CSS, gan PHP veidnes. Turklāt ir ļoti vienkārši manipulēt ar konkrētiem failiem un izveidot savas unikālas tēmas.
.