Reise
Ved å bruke et barnetema kan du begynne å leke med bloggens typografi, farger og layout uten å bekymre deg for å rote noe.
Så jeg antar at de fleste av dere har WordPress-blogger, eller tenker å gå over til WP.
Jeg har nølt med å leke med bloggen min i lang tid, for når jeg ser på kode i backend – html og php – synes jeg alltid det samme - “Jeg kommer til å drepe bloggen min hvis jeg roter med dette.”
Saken er at jeg virkelig har ønsket å endre typografien og utseendet til bloggen min og gjøre den til min egen, ikke bare et standardtema. I helgen fant jeg svaret: du lager et "barnetema."
Hva er et tema for barn?
Et barn-tema er i utgangspunktet et super-miniatyrtema (det har bare en enkelt komponent, stilen.css-arket du oppretter - instruksjoner nedenfor) som låner all koden fra en "overordnet". Dette lar deg rote med alle elementene du ønsker – skrifter, farger, mellomrom, bilder - bare ved å kopiere og lime inn små kodestykker til temaet ditt og eksperimentere med dem.
Uansett hvilke endringer du gjør i barnet ditt, kan du alltid slette dem og begynne på nytt, eller bare lagre endringene dine, og deretter bytte tilbake til overordnet tema, så det er det som er "live" etter at du er ferdig. Du kan deretter gå tilbake og leke på barnet ditt igjen senere som et arbeid.
Jeg lærte alt dette fra en veldig god billedlig introduksjon til å lage barnetemaer som tar deg gjennom hvordan du setter opp en trinn for trinn.
[Merk: det er en bestemmelse for alt dette - du må ha FTP-tilgang til WordPress-bloggen din for å gjøre dette. Du kan ikke opprette disse hvis det bare er en WordPress.com-blogg.]
Her er en oversikt:
1. Finn katalogoppføringsnavnet (caps sensitive) for temaet ditt. For eksempel er temaet mitt "Tematisk", men katalogoppføringen (oppføringen som er lastet opp på min server via FTP er "tematisk").
2. Kopier og lim inn følgende i en tekstredigerer (med emnene fylt ut i henhold til din info):
/ *
Tema Navn: navng ditt barnetema hva du vil, for eksempel 'remixen din'
Tema URI: legg url til bloggen din her
Beskrivelse: sett en beskrivelse som gjenkjenner dette som et barnetema, eks: 'barnetema for tematisk'
Forfatter: navnet ditt
Forfatter URI: legg blogg-url-en din her
Mal: katalogoppføringen til ditt overordnede tema, for eksempel "tematisk"
Versjon: legg hva du vil her. '1.0' er en logisk første versjon
* /
@import url (“../ tematisk / stil.css”);
I dette eksemplet bruker jeg tematikk som overordnet tema. For din egen blogg må du legge inn hva katalogoppføringen er, for eksempel, la oss si at temaet ditt er "kubrick", så vil bunnlinjen lyde:
@import url (“../ kubrick / style.css”);
Denne bunnlinjen er i utgangspunktet den eneste koden i hele temaet. Det er ganske enkelt å fortelle WordPress å importere alle stilene fra det overordnede temaet eller "malen" du har oppført.
3. Når du har fullført dette dokumentet, kan du lagre det som akkurat dette: style.css (det må ha en css- eller Cascading Style Sheet-utvidelse).
4. Lag en ny katalog i temamappen med navnet du gir temaet ditt, for eksempel "remiksen din."
5. Last opp style.css til denne mappen via FTP.
6. Gå til baksiden av bloggen din, deretter Utseende >> Temaer, og hvis du har gjort alt riktig, bør du se det nye barnetemaet ditt (det blir ikke et skjermbilde, men du vil se navnet / info du legger inn) listet opp under tilgjengelige temaer. Klikk på aktiver.
7. Fordi barnet ditt ganske enkelt importerer alt fra foreldertemaet ditt, vil det se identisk ut. Nå kan du ha det gøy. Åpne Appearance >> Editor, og velg deretter style.css (du skal se nøyaktig det samme dokumentet du opprettet.) Gå nå tilbake til stilarket til ditt overordnede tema (du kan laste det ned på skrivebordet eller bare se via FTP) og se for ting du vil endre. Kopier dem, og lim dem deretter inn i stilartlisten for barnet ditt som er åpent her i redaktøren.
8. Hvis du er som meg og stilark virker som umulig å følge med på jibberish, kan du laste ned et søtt verktøy for Firefox som heter Firebug som lar deg klikke på elementene på en side, og så gir den deg den tilsvarende CSS-koden. Dette lar deg se på foreldertemaet ditt i et annet vindu, klikke på deler du vil endre, og deretter kopiere CSS-koden den gir deg og lime den inn i redaktøren.
