Koduleht » Kodeerimine » Guide to WordPress Lapse teemade arendamine

    Guide to WordPress Lapse teemade arendamine

    On mitmeid põhjuseid, miks WordPressi arendajad hakkavad kasutama lapse teemasid. Nad annavad teile võimaluse kohandada unikaalset paigutust teise olemasoleva teema peale. See sobib suurepäraselt algajatele, kes soovivad mängida enda teemadega.

    Lisaks sellele vabastavad paljud lisatasu kujundused aja jooksul uusi värskendusi. Kui teete põhiteemadefaile muudatusi, kirjutatakse need värskenduse tegemisel üle, kuid lapse teemad on eraldiseisvad ja sihikindlad. See tähendab, et saate ehitada välja olemasolevad lisatasu teemad ja säästa protsessis palju aega.

    Selles juhendis tahan tutvustada WordPressi lapse teema ülesehitamise põhikontseptsioone ja miks see nii hea mõte on.

    Alustamine

    Lapse teemad ei ole nii keerulised kui need võivad ilmuda. Vanemate teemade töötamise eelised tähendavad, et te ei pea kõiki HTML / CSS-e nullist kirjutama. Lapse teema kasutab automaatselt kõiki teie kaasatud mallifaile, näiteks sidebar.php või footer.php. Aga kui need puuduvad, tõmbab teie lapse teema samad failid oma vanematelt.

    See funktsioon pakub tohutut vabadust juba olemasolevate mallide kohandamiseks. Samuti on see suurepärane, kui soovid puudutada oma veebilehte ümbritsevaid alasid eriliste sündmuste jaoks, näiteks disainilahenduste lisamiseks jõuludeks või uuteks aastateks.

    Teie nõutavad failid

    Lapse teema loomiseks WordPressis on vaja ainult ühte .css-laaditabelit. Samuti peate looma uue kataloogi / wp-content / themes kaust, mis sisaldab teie lapse teemat. Pöörake tähelepanu teile ei ole selle kausta loomine vanemateema sees, kuid paralleelselt sellega samas teemakaustas.

    Arendajad sisaldavad sageli funktsioone.php ja screenshot.png samas kaustas nagu teie uus CSS-fail. Ekraan kuvatakse teie WordPressi admin paneelis ja funktsioonide teemafaili saab kasutada tonni taustaprogrammi muudatuste jaoks.

    Aga nüüd peaksime keskenduma põhilisele stiilile. Seda nimetatakse tavaliselt style.css ja sisaldab kommentaaride päist koos peamiste metainformatsioonidega. See on oluline, sest teie teema kuvatakse ainult lapsena, kui lisate vanema kataloogi nime. Allpool on näide päise kommentaarist:

     / * Teema nimi: Kakskümmend üheteistkümne lapse teema URI: http: //example.com/ Kirjeldus: Lapse teema kahekümne üheteistkümnele kujundusele Autor: Jake Rocheleau Autor URI: http: //www.hongkiat.com/blog/ Mall: twentyeleven Versioon: 0,1 * / 

    Väärtus mall peaks olema kaasneva vanema teema kataloogi nimi. Muud kui kõik teised sildid peaksid olema tuttavad standardse WordPress-teemaga.

    Kuigi kasutatakse kõiki vanemaid PHP malle, siis algne vanemate stiil mitte importida automaatselt. Kui soovite algse stiili välja töötada, peate selle lisama oma lapse style.css dokumendi ülaosas. Allpool on näide, mis sisaldab WP Twenty Eleven'i teemat.

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

    Uute stiilide seadistamine

    CSS-reeglite rakendamine oma teemale on sama lihtne kui originaali redigeerimine. Kui te teate, milliseid elemente peate sihtima, siis kasutage samu valikuid oma lapse teema puhul.

    Võiksime demodeerida mõnede väga lihtsate linkide ja lõigete muudatustega. Erinevate elementide sihtimiseks kasutasin algse Twenty Eleven'i teema koodi. Mõnikord on vaja kasutada vanemat disaini ületamiseks täpsemat valijat.

     keha polster: 0 1.4em;  # page margin: 1.667em auto; max-width: 900px;  a värv: # 5281df; teksti kaunistus: mitte; font-pere: Calibri, Tahoma, Arial, sans-serif;  a: fookus, a: aktiivne, a: hover text-decoration: allajoon;  

    Nendes muudatustes olen vähendanud kogu keha suurust ja eemaldasin ka servadest mõned polstrid. Kõiki neid valikuid leiate originaaldokumentidest .css. Tähelepanuväärne on see, et ma muudan ka mõnede ankurlinkide omadusi, mis sisaldavad erinevat fontide ja värvivalikut.

    Olulised asjad

    CSS-il on eriline deklaratsioon, mis tähistab prioriteeti teiste stiilide ees. Süntaks kuvatakse kui !oluline alustades hüüumärgiga ja lõpetades oma CSS-i vara lõppedes. See on vajalik, kui teil on vanemate teema kaskaadstiilid, mis on ülimuslikud teie enda kohandatud reeglite suhtes.

     a color: # 5281df! oluline; teksti kaunistus: mitte; font-pere: Calibri, Tahoma, Arial, sans-serif;  

    Ülal on kopeeritud oma algsed muudatused ja redigeeritud ankurteksti värvi olulise punktiga. See on ülimuslik kõigi teiste sama valija sügavuse stiilide suhtes. Rohkem määratletud elemente (nt #access li: hover> a) hoiab tavaliselt oma stiili, kui värv oli meie pärisvalijast päritud. Sellisel juhul ei seada meie vanemate teema ankurlinkidel fonti-pere omadusi, nii et me ei joosta pärimisprobleeme.

    Kui teil on probleeme muudatuste tegemisega, proovige ühte neist olulistest märkidest oma kinnituse lõpus avada. See ei ole igale pärimisprobleemile ideaalne lahendus, kuid see on palju kasulikum, kui arvate.

    Kloonimise funktsioonid.php

    Erinevalt peamisest stiililehest impordib teie lapse teema oma vanemate funktsioone automaatselt. See tähendab, et teil ei ole vaja kopeerida üle ühegi PHP koodi, et seda uut teemat aktiivselt kasutada. Siiski, kui soovite mõningaid funktsioone uuesti määratleda, saate luua uue funktsiooni.php ja kirjutada oma uue koodiga kõik muudatused.

    Näitena olen ma loonud funktsiooni, mis analüüsib mõne JavaScripti faili, kui mall käivitub. See eemaldab kõik vanemad jQuery ja SWFObject skriptide versioonid, lisades samal ajal uusimad versioonid wp_head piirkonnas.

     // järjekorda js faile koormusfunktsioonile 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); 

    Pean märkima, et kui impordite koodi vanemfunktsioonidest.php, peate kasutama teist funktsiooni nime. Vastasel juhul annab PHP välja surmava vea ja vea parandamiseks peate serverisse FTP.

    Teemafailidega töötamine

    Kõige laiem kategooria teemasid on kohandatud skeemide ja lehekülje tüüpide loomine. Vaikimisi pärineb teie lapsteema kõik tema vanemate teemafailid. Kuid teil on võimalus luua uusi lapse teemafaile ja WP registreerib need "esmase" mallina.

    Näiteks archive.php ja index.php kasutatakse vastavalt arhiivide ja kodulehe kuvamiseks. Kui teil on vaja teha muudatusi, mis nõuavad HTML-i muutmist, siis oleksite kindlamate failide ohutum kloonimine ja nende muutmine lapse teemakataloogis.

    Kohandatud lehe mallid

    Kuigi me räägime mallifailidest, tahan ka tutvustada WordPressi funktsiooni, mida paljud ei tunne. Saate luua lehe ja postituse malle, mis valitakse administraatori paneelilt uue sisu loomisel. Isegi kui vanemateemal ei ole uut kohandatud mallifaili, kasutab WordPress ikka veel last page.php või single.php.

    Kõigepealt looge uus fail nimega page-offer.php. See on a “eripakkumine” reklaamlehekülg, mis on teistsugune kui kõik teised. Siin saate kopeerida oma algse lehekülje koodi või ehitada teema täiesti tühjalt. Ainus kood, mida me vajame, et WordPress sellest uuest mallist teada saada, on kommentaaride seadistamine PHP-s.

      

    Selle meetodi teiseks alternatiiviks on unikaalse ID-numbri järgi nimetatud kohandatud lehtede loomine. Nii et vaikimisi laadimise asemel archive.php autori lehekülgedele võite luua sellise faili nagu autor-ID.php kus ID on kasutaja ainulaadne WordPress ID number. Kuigi see süsteem maksustab rohkem, sest peate looma iga saidi autori jaoks uue mallifaili.

    See muutub kasulikumaks, kui saate need kaks tehnikat kombineerida teiste malli failidega. Märkimisväärsed on kategooriad ja sildid, kasutades oma teemafaile. Ka siis, kui linkite sisu sisule, siis soovite kaaluda iga mime tüübi erinevaid võimalikke mallide paigutusi. Lihtsa JPEG-pildi manuse jaoks lisasin allpool oleva malli hierarhia:

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

    Kasulikud WordPress tööriistad

    WordPressil on mitmekülgne pluginate süsteem, mis suudab hallata paljusid kohandusi. Kuna lapse teemad on nii uued, ei ole veel kolmanda osapoole väljaandeid (veel). Siiski on paar tööriista, mille abil saate oma arendusaega veidi lühemaks teha.

    Ilmselge märkus on ühe klikiga lapse teema plugin, mis on ehitatud ja testitud uusima WordPress 3.x versiooni jaoks. See lisab administraatorile menüülingi “Teemad” peatükk, et automaatselt ehitada laps, kasutades teie aktiivset teemat. See on fantastiline, kui te ei taha segada FTP-ga ja otsite mõningate uute ideedega mängida.

    Kui kavatsete neid faile administraatori paneeli sees redigeerida, saate ka selgema süntaksi esiletõstmise. Seda ei pakuta vaikimisi WordPressis, kuid saate täiustatud koodiredaktori installida mõningate paremate funktsioonide jaoks. See muudab wadingi läbi PHP koodiplokkide ja HTML / CSS-i palju paremini juhitavaks.

    Lisaressursid

    Koos kõigi juhendi nõuetega tahan jagada teemade arendajatele olulisi linke. Seal on juba nii palju suurepäraseid artikleid ja tasuta lapse teemasid, mida saate selle teema juurde põhjalikumalt õppida. Lisasin allpool suurepärase kogumi neid ressursse:

    • 8 Vaba kakskümmend üheteistkümne lapse teema
    • WordPress Online Codex »Laste teemad
    • Kuidas ehitada WordPress lapse teema, kasutades konksusid ja filtreid
    • Mõned sõnad lapse teemadel
    • Kuidas luua, muuta ja kasutada laste teemasid WordPressis

    Järeldus

    Loodan, et WordPressi laste teemade loomise protsess on teile pärast käesoleva artikli lugemist selgem. Olen püüdnud selgitada, kuidas lapse teemad saavad vanematelt pärida nii CSS kui PHP malli. Lisaks on väga lihtne manipuleerida konkreetseid faile ja luua oma unikaalsed teemad.

    .