Sisältö
WordPress-maailmassa kehykset viittaavat yleensä jonkinlaiseen aloitus- tai kattilakoodiin. Aloittamalla uusia teemanrakennushankkeita kehyksellä säästät kehitysaikaa, vähennät toistuvia tehtäviä ja yleensä annat itsellesi etumatkaa projekteihin. Vaikka kaikki tämä pätee 1.Mooseksen kirjaan, tässä tapauksessa sana ”kehys” voi olla hieman harhaanjohtava.
StudioPressin, Genesis Frameworkin, työ on yksinkertaisesti pääteema, tosin melko pimpattu. Se on työkalut lapsiteemojen rakentamiseen, mikä antaa sinulle johdonmukaisen HTML-merkinnän ja CSS-tyylisivun, jota voit käyttää mukautusten lähtökohtana. On helppo olettaa, että tällainen vankka teema on paisunut tai täynnä tarpeetonta koodia, mutta Genesis on yllättävän kevyt (koko zip on hieman yli 400 kt). Se on koodattu (ja dokumentoitu) erittäin hyvin, erittäin turvallinen ja integroi schema.orgin HTML5-merkinnöineen, mikä antaa käyttäjille SEO-edun heti portilta.
Genesis sisältää valmiiksi rakennetut komponentit kaikkiin tavallisiin web-asetteluihisi - navigointivalikot, otsikot, sivupalkit, alatunnisteet ja niin edelleen. Se on kuin joukko Legoja - sen modulaarisen rakenteen avulla voit lisätä, siirtää tai poistaa mitä tahansa.
Rakennuspalikoita
Tässä Genesis eroaa muista vanhempien teemoista sen sijaan, että luotettaisiin voimakkaasti malleihin, Genesis-lasten teemalla tarkoitetaan ensisijaisesti toimintakoukkujen ja suodattimien käyttöä. Genesis tarjoaa perustan, josta kaikkia Lego-lohkojasi voidaan siirtää, korvata tai muokata koskematta koskaan mallitiedostoon (vaikka voit varmasti käyttää malleja). Peruslapsiteema vaatii vain tyylisivun ja ’functions.php’ -tiedoston.
Lyhyesti sanottuna Genesis on uskomattoman joustava eikä se rajoita kehitystä. Jos se voidaan tehdä WordPressin kanssa, se voidaan tehdä Genesiksessä.
Tiedoston rakenne
Jossain vaiheessa, vaikka et itse kutsuisikaan itseäsi kehittäjäksi, sinun kannattaa muokata teemaasi jollain tavalla. Kun on hetki pudota koodinpätkä tai kirjoittaa oma toiminto, työsi sujuu sujuvammin, jos sinulla on käsitteellinen yleiskatsaus kehyksestä.
Jos purat Genesiksen ja tarkastelet tiedostorakennetta, huomaat, että juuritiedostot eivät todellakaan eroa mistään WordPress-teemalla odotetusta: siellä on kymmenkunta vakiomallitiedostoa ja tyylitaulukko. Sieltä eri kansiot sisältävät tiedostoja tiettyjä toiminnallisuutta varten.Maaginen tiedosto on kansiossa ’/ lib /’: ’framework.php’:
funktion synty () {get_header (); do_action (’genesis_before_content_sidebar_wrap’); genesis_markup (taulukko ('html5' => 'div% s>', 'xhtml' => 'div id = "content-sidebar-wrap">', 'context' => 'content-sidebar-wrap',)) ; do_action (’genesis_before_content’); genesis_markup (taulukko (’html5’ => ’main% s>’, ’xhtml’ => ’div id =" content ">’, ’context’ => ’sisältö’,)); do_action (’genesis_before_loop’); do_action (’genesis_loop’); do_action (’genesis_after_loop’); genesis_markup (taulukko (’html5’ => ’/ main>’, // * end .content ’xhtml’ => ’/ div>’, // * end #content)); do_action (’genesis_after_content’); kaiku ’/ div>’; // * end .content-sidebar-wrap tai # content-sidebar-wrap do_action (’genesis_after_content_sidebar_wrap’); get_footer (); }
Tämä tiedosto on Genesis-kehyksen sydän ja on oikeastaan ainoa osa, jota ei voi muuttaa. Se on perusta, jolle kaikki muu rakennetaan. Tässä ilmoitettu genesis () -funktio kutsutaan melkein jokaisesta vakiomallitiedostosta. Kun tätä toimintoa kutsutaan, ”framework.php” ladataan ja kaikki toiminnon koodi käsitellään.
Jos olet tehnyt jotain teemoitusta tai mukauttamista WordPressissä, get_header () - ja get_footer () -toiminnot näyttävät todennäköisesti tutuilta. Ne kutsuvat vastaavasti otsikkotiedostoja ”header.php” ja ”footer.php”. Näiden toimintojen välissä on jokaisen sivun perusrakenne, mukaan lukien silmukka (joka näyttää nykyisen viestin tai sivun), jotkut HTML-perusmerkinnät ja seitsemän toimintakoukkua. Jos olet utelias ja haluat seurata kanin reikää, tee yleinen haku kehystiedostoista jokaiselle koukulle ja näet, mitkä toiminnot (tai jopa lisäkoukut) on kiinnitetty niihin.
Kaiken kaikkiaan Genesis Frameworkissa on yli 50 koukkua, joiden avulla voit lisätä mukautettua koodia melkein missä tahansa sivulla. StudioPress on koonnut yksityiskohtaiset ohjeet kustakin näistä koukkuista yhdessä käyttöesimerkkien kanssa (saatavana vain jäsenille).
Mukautusten tekeminen
Aivan kuten WordPress-ytimen kanssa, sinun ei pitäisi koskaan muokata tiedostoja suoraan Genesis Frameworkista. Tee mukautuksesi aina lapsiteeman kautta (puhumme asiasta hieman myöhemmin). Jos teet muokkauksia varsinaiseen kehykseen, ne menetetään, kun seuraavan kerran asennat päivityksen. Jos jatkat lapsiteeman kanssa työskentelyä, mukautuksiasi ei voida korvata ja voit päivittää Genesiksen milloin tahansa, kun päivitys on saatavilla.
Jos huijaat koodin mukauttamista, teet valtaosan työstäsi lapsiteeman 'functions.php' -tiedostossa. Sieltä voit käyttää koodia yleisesti (esim. Poistaa postimeta koko sivustolta) tai yhdistää toimintosi WordPressin ehdollisiin lausekkeisiin kohdistaaksesi tietyn sisällön (esim. Poistaaksesi viestin meta kaikista Komedia-luokan viesteistä). Voit myös korvata kaikki Genesis-oletustoiminnot luomalla erityisiä mallitiedostoja. Esimerkiksi, jos sinulla on mukautettu postityyppi elokuville, voit käyttää WordPress-vakiomallihierarkiaa luodaksesi arkiston tai yksittäisen mallitiedoston elokuviesi näyttämiseksi.
Nyrkkisääntönä siitä, käytänkö 'functions.php' vai mukautettua mallitiedostoa, kuinka monta mukautusta teen. Esimerkiksi, jos voin kirjoittaa muutaman toiminnon tekemään mitä tarvitsen, lisätään vain ne funktioihin.fp. Jos se on monimutkaisempi kuin se, harkitsen mukautetun mallin käyttöä.
Tyylimuutoksiin suosittelen siirtymistä suoraan ”style.css” -sivulle. Koska lapsiteemoja ei koskaan tarvitse päivittää (siinä on niiden käyttämisen tarkoitus), voit muokata tyylitaulukkoa tai mitä tahansa muuta tiedostoa suoraan ja tehdä siitä sinun. Ei ole oikeaa tai väärää tapaa lisätä mukautuksiasi. Kyse on enemmän oppimisesta tehokkaimmasta tavasta saavuttaa haluamasi tulokset ja hyvien koodausperiaatteiden noudattamisesta.
Lapsiteemat
Toistaiseksi olemme puhuneet Genesiksen perusteista ja mukautuksista. Katsotaan nyt lapsiteemoja. Ensinnäkin, Genesis-lapsiteemoja ei voida käyttää yksin. Genesis Framework on myös asennettava (mutta ei aktivoitava) WordPress-sivustoosi. Sieltä voit aktivoida minkä tahansa Genesis-lapsiteeman. Kuten perinteisessä WordPressin vanhemman / lapsen teemarakenteessa, Genesis-lapsiteema perii kaiken automaattisesti vanhemman kehyksestä. Voit ajatella lapsiteemaa keinona poistaa haluamattomat asiat Genesiksestä ja lisätä mahdolliset ylimääräiset kellot ja pillit. Myös lapsiteema on kaikki mukautetut tyylisi. Genesis itse sisältää hyvin vähän CSS: ää, koska sitä ei ole tarkoitettu käytettäväksi erillisenä teemana.
Jos haluat mahdollisimman perusteeman, aloita Genesis Sample -teemasta, joka on saatavilla ilmaiseksi GitHubissa (tai StudioPress-tililläsi, jos sinulla on sellainen). Teema on visuaalisesti erittäin harvinainen, joten se on hyvä paikka aloittaa sekä tyylimuutokset että koodimuutokset. Löysin, että paras tapa oppia on avata lapsiteemasi funktiot.php ja alkaa kokeilla koodia. Suosikkini lähtökohtani on tarkastella Genesis-lähdekoodissa olevaa post.php-tiedostoa ja valita mikä tahansa lisätoiminto genesis_reset_loops () - funktiosta, joka sylkee viestin suolen, ylhäältä tulevasta kuvasta kommenttiosioon pohjalla.
Koska puhuimme jo sisällönkuvausvaiheesta, kopioin kyseisen add_action () -lausekkeen ja liitän sen funktioihin.fp:
add_action (’genesis_entry_footer’, ’genesis_post_meta’);
Muuta seuraavaksi poistettavaa lisäystä. Tämä kääntää tai ohittaa sen, mitä Genesis tuottaisi yksin.
poista valta (’genesis_entry_footer’, ’genesis_post_meta’);
Tämä on yksinkertainen esimerkki eikä todennäköisesti käytännöllinen (se poistaa viestin sisällönkuvaustiedot kaikkialta sivustoltasi, mukaan lukien blogisivusi, arkistosivusi ja yksittäiset viestisi), mutta se osoittaa, kuinka voit työskennellä Genesiksen kanssa lapsesi teeman kautta.
Älä ole arka kokeilemaan asioita kehitysympäristössäsi. Voit seuloa sen hieman, mutta kokeileminen on todella paras tapa mukautua kehykseen (tai mihin tahansa koodiin). Suosittelen myös Googlen vapaata käyttöä. Genesis-oppaita on satoja, ellei tuhansia. Lynda.comissa ja Treehousessa on jopa virallisia kursseja.
Tiivistettynä
Jos teeman kehittäminen on sinulle uutta, Genesis on erittäin lähestyttävissä, etenkin kun otetaan huomioon ilmaisten oppimisresurssien suuri määrä verkossa. Jos olet jo viettänyt jonkin aikaa WordPress-teeman kehittämisessä, sinulla on selvä oppimiskäyrä Genesiksen kanssa, mutta kun olet ylittänyt kyhmyn, rakastat sitä, mitä voit tehdä sen kanssa.
Genesis ei ole menossa mihinkään lähiaikoina, ja sitä käyttää yli 130 000 ihmistä. Jos aiot pysyä WordPress-teemateollisuudessa, kannattaa ehdottomasti katsoa. Kuka tietää, siitä voi tulla suosikkityökalusi verkkosivustojen rakentamiseen.
Sanat: Carrie Dils
Carrie Dils on WordPress-kehittäjä ja konsultti. Tämä artikkeli ilmestyi alun perin verkkolehden numerossa 268.
Piditkö tästä? Lue nämä!
- 9 parasta WordPress-resurssia
- Loistava Wordpress-opetusohjelman valinta
- Ilmaiset tatuointifontit suunnittelijoille
