Putovati
Pomoću dječje teme možete se početi igrati tipografijom, bojama i izgledom bloga bez brige da ćete išta zabrljati.
Pretpostavljam da većina vas ima blogove o WordPressu ili razmišljate o prelasku na WP.
Dugo vremena sam oklijevala da li se stvarno igram sa svojim blogom, jer kad pogledam kod u pozadini - html i php - uvijek mislim na isto - „Ubit ću svoj blog ako se upitam s tim.“
Stvar je u tome što sam zaista želio promijeniti tipografiju i izgled svog bloga i učiniti ga svojim, ne samo standardnom temom. Ovog vikenda pronašao sam odgovor: vi napravite "dječju temu."
Što je dječja tema?
Dječja tema je u osnovi super-minijaturna tema (ona ima samo jednu komponentu, listu style.css koju stvarate - upute u nastavku) koja posuđuje sav kôd od roditelja. To vam omogućuje da se zabrljate sa svim elementima želite - fontove, boje, razmake, slike - samo kopiranjem i lijepljenjem isječaka koda na temu vašeg djeteta i eksperimentiranjem s njima.
Bez obzira na promjene koje ste napravili na svojoj podređenoj temi, uvijek ih možete izbrisati i počnite ispočetka ili samo spremite promjene, a zatim se vratite na nadređenu temu tako da je ona ona koja je "aktivna" nakon što završite s radom. Zatim se kasnije možete vratiti i igrati se s djecom temom kao u tijeku.
Sve sam to naučio iz vrlo dobrog slikovnog uvoda u izradu dječjih tema koje vas vode kroz kako postaviti korak po korak.
[Napomena: za sve ovo postoji jedna odredba - za to morate imati FTP pristup svom WordPress blogu. Ne možete ih stvoriti ako je to samo WordPress.com blog.]
Evo obrisa:
1. Pronađite naziv mape s popisom tema (velikim slovima). Na primjer, moja tema je "Tematska", ali je popis direktorija (popis koji je na mom poslužitelju prenesen putem FTP-a je "tematski").
2. Kopirajte i zalijepite sljedeće u uređivač teksta (s ispunjenim prazninama prema vašim podacima):
/ *
Naziv teme: dodijelite svojoj dječjoj temi sve što želite, na primjer, "vaš remix"
URI teme: ovdje stavite URL svog bloga
Opis: stavite opis kojim se ovo prepoznaje kao dječju temu, npr.: "dječja tema za tematsku"
Autor: vaše ime
URI autora: ovdje stavite URL svog bloga
Predložak: popis direktorija vaše roditeljske teme, na primjer "tematska"
Verzija: stavite ovdje sve što želite. '1.0' je prva logična verzija
* /
@import url ("../ tematski / style.css");
U ovom primjeru koristim tematsku temu kao nadređenu temu. Na primjer, za svoj blog morate unijeti bilo koji popis u imeniku, na primjer, recimo da je vaša tema "kubrick", a u nastavku bi glasilo:
@import url ("../ kubrick / style.css");
Ovaj donji redak je u osnovi jedini kod u cijeloj vašoj temi. Jednostavno je reći WordPressu da uvozi sve stilove bez obzira na roditeljsku temu ili "predložak" koji ste naveli.
3. Nakon što dovršite ovaj dokument, spremite ga točno ovako: style.css (mora imati css ili Cascading Style Sheet ekstenziju).
4. U mapi teme stvorite novi direktorij s nazivom kojem dajete svoju temu, na primjer "vaš remix".
5. Prenesite style.css u ovu mapu putem FTP-a.
6. Idite na podlogu svog bloga, zatim Izgled >> Teme i, ako ste sve napravili pravilno, trebali biste vidjeti svoju novu podređenu temu (neće se snimati zaslon, ali vidjet ćete ime / informacije koje unesete) navedene pod dostupnim temama. Kliknite aktiviraj.
7. Budući da tema vašeg djeteta jednostavno uvozi sve s teme vašeg roditelja, izgledat će identično. Sada se možete zabaviti. Otvorite Izgled >> Editor, a zatim odaberite style.css (trebali biste vidjeti potpuno isti dokument koji ste stvorili.) Vratite se na tablicu stila svoje roditeljske teme (možete je preuzeti na radnu površinu ili samo pogledati putem FTP-a) i potražite za stvari koje želite promijeniti. Kopirajte, a zatim ih zalijepite u tablicu stilova svog djeteta, otvorite ovdje u uređivaču.
8. Ako ste poput mene i tablice stilova jednostavno izgledaju nemoguće za praćenje trzaja, možete preuzeti slatki alat za Firefox nazvan Firebug koji vam omogućuje da kliknete na elemente stranice, a zatim vam daje odgovarajući CSS kôd. To vam omogućuje da gledate nadređenu temu u drugom prozoru, kliknite na dijelove koje želite promijeniti, a zatim kopirajte CSS kôd koji vam daje i zalijepite ga u uređivač.
