Hoe U Zorgeloos Uw WordPress-reisblog Kunt Aanpassen - Matador Network

Inhoudsopgave:

Hoe U Zorgeloos Uw WordPress-reisblog Kunt Aanpassen - Matador Network
Hoe U Zorgeloos Uw WordPress-reisblog Kunt Aanpassen - Matador Network

Video: Hoe U Zorgeloos Uw WordPress-reisblog Kunt Aanpassen - Matador Network

Video: Hoe U Zorgeloos Uw WordPress-reisblog Kunt Aanpassen - Matador Network
Video: Problemen voorkomen in WordPress 2024, Mei
Anonim

Reizen

Image
Image

Door een kindthema te gebruiken, kun je beginnen met het spelen van de typografie, de kleuren en de lay-out van je blog zonder je zorgen te maken dat je iets verprutst.

Dus ik neem aan dat de meesten van jullie WordPress-blogs hebben of overweegt om over te schakelen naar WP.

Lange tijd heb ik geaarzeld om echt met mijn blog te spelen, want als ik naar code in backend kijk - html en php - denk ik altijd hetzelfde - "Ik ga mijn blog doden als ik hiermee rotzooi."

Het ding is, ik wilde echt de typografie en het uiterlijk van mijn blog veranderen en het mijn eigen maken, niet alleen een standaardthema. Dit weekend vond ik het antwoord: je maakt een 'kindenthema'.

Wat is een kinderthema?

Een child-thema is in feite een super-miniatuurthema (het heeft slechts een enkele component, het style.css-blad dat u maakt - instructies hieronder) dat alle code van een "ouder" leent. Hiermee kunt u prutsen met welke elementen u ook willen - lettertypen, kleuren, spatiëring, afbeeldingen - gewoon door kleine stukjes code naar uw kindthema te kopiëren en te plakken en ermee te experimenteren.

Welke wijzigingen u ook aanbrengt in het thema van uw kind, u kunt ze altijd wissen en opnieuw beginnen, of gewoon uw wijzigingen opslaan en vervolgens teruggaan naar het hoofdthema, zodat het thema live is nadat u klaar bent met werken. Je kunt dan teruggaan en later opnieuw spelen met je kindenthema als werk in uitvoering.

Ik heb dit allemaal geleerd van een zeer goede inleiding tot het maken van kindthema's die je stap voor stap helpt een stap voor stap op te zetten.

[Opmerking: er is één bepaling voor dit alles - je hebt FTP-toegang tot je WordPress-blog nodig om dit te kunnen doen. Je kunt deze niet maken als het maar een WordPress.com-blog is.]

Hier is een overzicht:

1. Zoek de directorylijstnaam (hoofdlettergevoelig) van uw thema. Mijn thema is bijvoorbeeld 'Thematisch', maar de directorylijst (de vermelding die op mijn server is geüpload via FTP is 'thematisch').

2. Kopieer en plak het volgende in een teksteditor (met de lege velden volgens uw info):

/ *

Themanaam: noem het thema van uw kind wat u maar wilt, bijvoorbeeld 'uw remix'

Thema URI: plaats hier de url van uw blog

Beschrijving: zet een beschrijving die dit als een kindthema herkent, bijv.: 'kindthema voor thematisch'

Auteur: uw naam

Auteur URI: plaats hier uw blog-url

Sjabloon: de directorylijst van uw ouderthema, bijvoorbeeld 'thematisch'

Versie: zet hier wat je maar wilt. '1.0' is een logische eerste versie

* /

@import url (“../ thematic / style.css”);

In dit voorbeeld gebruik ik thematisch als het ouderthema. Voor je eigen blog moet je alles in de directorylijst plaatsen, bijvoorbeeld, laten we zeggen dat je thema "kubrick" is, dan zou de onderste regel luiden:

@import url ("../ kubrick / style.css");

Deze onderste regel is eigenlijk de enige code in uw hele thema. Het vertelt eenvoudig WordPress om alle stijlen te importeren, ongeacht het hoofdthema of de "sjabloon" die u hebt vermeld.

3. Nadat u dit document hebt voltooid, slaat u het precies zo op: style.css (het moet een extensie css of Cascading Style Sheet hebben).

4. Maak een nieuwe map in de themamap met de naam die u uw thema geeft, bijvoorbeeld 'uw remix'.

5. Upload de style.css via FTP naar deze map.

6. Ga naar de backend van uw blog en vervolgens naar Uiterlijk >> Thema's, en als u alles correct hebt gedaan, zou u uw nieuwe kindthema moeten zien (er zal geen screenshot zijn, maar u ziet de naam / info die u invoert) weergegeven onder beschikbare thema's. Klik activeren.

7. Omdat uw kindthema eenvoudig alles van uw ouderthema importeert, ziet het er identiek uit. Nu kun je plezier hebben. Open de Appearance >> Editor en kies vervolgens style.css (u zou precies hetzelfde document moeten zien dat u hebt gemaakt.) Ga nu terug naar de stylesheet van uw ouderthema (u kunt het downloaden naar uw bureaublad of gewoon bekijken via FTP) en kijken voor dingen die je wilt veranderen. Kopieer die en plak ze vervolgens in het stylesheet van je kind dat hier in de editor wordt geopend.

8. Als je bent zoals ik en stylesheets gewoon onmogelijk lijken om jibberish te volgen, kun je een zoete tool voor Firefox downloaden genaamd Firebug waarmee je op de elementen van een pagina kunt klikken en dan krijg je de bijbehorende CSS-code. Hiermee kunt u uw ouderthema in een ander venster bekijken, op de onderdelen klikken die u wilt wijzigen en vervolgens de CSS-code die u krijgt, kopiëren en in de editor plakken.

Aanbevolen: