Matkustaa
Lapsiteeman avulla voit aloittaa pelaamisen blogin typografian, värien ja asettelun kanssa huolehtimatta siitä, että sekoitat jotain.
Joten oletan, että suurimmalla osalla teistä on WordPress-blogeja tai ajattelen siirtymistä WP: hen.
Olen pitkään epäröinyt pelata blogini kanssa, koska kun tarkastelen koodia backend-html- ja php-tiedoissa - ajattelen aina samaa asiaa - “Tapan blogini, jos sekaisin tätä.”
Asia on, olen todella halunnut muuttaa blogini typografiaa ja ulkoasua ja tehdä siitä oman, ei vain vakioteeman. Löysin tänä viikonloppuna vastauksen: teet”lapsiteeman”.
Mikä on lasten teema?
Lasten teema on periaatteessa superminiatyyri teema (siinä on vain yksi komponentti, luomasi style.css-arkki - alla olevat ohjeet), joka lainaa kaiken koodin "vanhemmalta". Tämän avulla voit sotkea mitä tahansa elementtejä halua – fontit, värit, välilyönnit, kuvat – vain kopioimalla ja liittämällä pieniä koodinpätkiä lapsiteemaasi ja kokeilemalla niitä.
Riippumatta siitä, mitä muutoksia lapsiteemasi teet, voit aina poistaa ne ja aloittaa alusta, tai vain tallentaa muutokset, sitten vaihtaa takaisin vanhempaan teemaan, niin että se on "live", kun olet valmis työskentelemään. Tämän jälkeen voit palata takaisin ja leikkiä lapsiteemalla myöhemmin keskeneräisenä teoksena.
Olen oppinut kaiken tämän erittäin hyvästä kuvallisesta johdannosta lapsiteemojen tekemiseen, joka opastaa sinua asettamaan yhden askel askeleelta.
[Huomaa: Kaikelle tälle on yksi ehto - tätä varten sinulla on oltava FTP-pääsy WordPress-blogiisi. Et voi luoda näitä, jos kyseessä on vain WordPress.com-blogi.]
Tässä on yleiskatsaus:
1. Etsi teemahakemiston nimi (kirjaimet herkkä). Esimerkiksi teema on”temaattinen”, hakemistolistaus kuitenkin (FTP: n kautta palvelimelleni ladattu luettelo on “temaattinen”).
2. Kopioi ja liitä seuraavat tekstieditoriin (tyhjät tiedot täytetään tietosi mukaan):
/ *
Teeman nimi: nimeä lapsesi teema mitä haluat, esimerkiksi 'remix'
Teeman URI: laita blogin URL-osoite tähän
Kuvaus: lataa kuvaus, joka tunnistaa tämän lapsiteemana, esim.: 'temaattinen lapsiteema'
Kirjoittaja: nimesi
Kirjoittaja URI: laita blogin URL-osoite tähän
Malline: vanhemman teeman hakemistoluettelo, esimerkiksi 'temaattinen'
Versio: laita täällä mitä haluat. '1.0' on looginen ensimmäinen versio
* /
@import URL (“../ temaattinen / style.css”);
Tässä esimerkissä käytän temaattista pääteemana. Omaan blogiisi on laitettava mikä tahansa, esimerkiksi hakemistolistaus, sanotaan, että teemasi on “kubrick”, niin rivillä olisi seuraava:
@import-URL (“../ kubrick / style.css”);
Tämä rivi on periaatteessa ainoa koodi koko teemasi. Se vain sanoo WordPressille tuovan kaikki tyylit mistä tahansa luettelossa olevasta vanhemmasta teemasta tai "mallista".
3. Kun olet valmis tämän asiakirjan, tallenna se täsmälleen seuraavasti: style.css (siinä on oltava css- tai Cascading Style Sheet -laajennus).
4. Luo teemahakemistoon uusi hakemisto nimellä, jonka annat teemaasi, esimerkiksi”remiksisi”.
5. Lataa style.css tähän kansioon FTP: n kautta.
6. Siirry blogin taustakuvaan, sitten Ulkonäkö >> Teemat, ja jos olet tehnyt kaiken oikein, sinun pitäisi nähdä uusi lapsiteema (siellä ei ole kuvakaappausta, mutta näet nimen / lisäämäsi tiedot) luetellaan käytettävissä olevissa teemoissa. Napsauta aktivoida.
7. Koska lapsiteema tuo vain kaiken vanhemmasta teemasta, se näyttää samanlaiselta. Nyt voit pitää hauskaa. Avaa Ulkoasu >> Editor ja valitse sitten style.css (sinun pitäisi nähdä täsmälleen sama asiakirja, jonka olet luonut.) Palaa nyt vanhemman teeman tyylitaulukkoon (voit ladata sen työpöydällesi tai vain katsella FTP: n kautta) ja etsiä asioista, jotka haluat muuttaa. Kopioi ne ja liitä ne sitten muokkaimeen avoinna olevaan lapsiteematyyliin.
8. Jos olet kuin minä ja tyylitaulukot näyttävät siltä, että tuntuu mahdottomalta seurata kimppuun, voit ladata Firefoxille makean työkalun nimeltä Firebug, jonka avulla voit napsauttaa sivun elementtejä ja antaa sitten vastaavan CSS-koodin. Tämän avulla voit tarkastella vanhempaa teemaa eri ikkunassa, napsauttaa osia, joita haluat muuttaa, kopioida sitten antamasi CSS-koodin ja liittää sen editoriin.
