Begin met het maken van een childtheme. Zo blijven je aanpassingen bewaard als de maker van je originele theme een update doet!
1. Handig: Installeer ‘one click plugin’ en activeer het
2. Dan Dashboard > Weergave > Child theme
3. Vul de velden in…. done
4. Dashboard >weergave >themes
5. activeer je nieuwe childtheme
[zie ook: http://codex.wordpress.org/Child_Themes]
De ‘style.css’ van het childtheme ziet er ongeveer zo uit:
/*
Theme Name: your childthemenaam
Description: Beschrijving van het childtheme
Author: webmaster
Template: magazine-premium [mijn originele theme]
Version: [optioneel zelf verzinnen] 0.3 31-10-2012
(optional values you can add: Theme URI, Author URI, Version)
*/
@import url("../magazine-premium/style.css");
Alle aanpassingen doe je nu in DIT css bestand.
Opties:
1. je theme [origineel en child] laten het toe kleur / opmaak aanpassingen te maken?
> pas het uiterlijk aan door de settings van het theme te veranderen.
2. pas zelf aan:
– installeer een webtool / plugin voor je browser, zodat je de code van een / jouw / elke site kan bekijken en analyseren.
Bijv. http://chrispederick.com/work/web-developer/firefox/
– in InternetExplorer 8/9 druk [F12]
Je ziet nu de code voor de betreffende pagina.
== == ==
– Open de pagina die je wilt aanpassen
– Open de webtool
– klik muisaanwijzer in de tool uiterst links [FFox en IE]
– klik item in de webpagina, bijv menu
Onderin je webtool scherm wordt nu de code getoond voor het betreffende onderdeel
– maak een item aan voor het betreffende onderdeel in de stylesheet van je child theme met de door jouw gewenste waarden en sla op en upload naar je website.
Heel handig werkt in dit verband:
Notepad++ [gratis webeditor]
in combinatie met Filezilla [gratis FTP]
(stel notepad++ als standaard editor in van ftp)
Voorbeeld:
#mainMenu{
background-color:#000000;
}
[zwart]
verander in:
#mainMenu{ background-color: #99cc66;
}` [appeltjes groen]
kijk eens voor meer info over css:
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
verder zijn er veel sites die je meer kunnen leren over webdesign.
Heel goed, maar niet gratis…
http://www.lynda.com
[geen banden, wel tevreden klant…]