Een Child Theme voor Twenty Eleven Zelf Maken

Er zijn een paar dingen die ik niet fijn vindt werken in de standaard Twenty Eleven Theme van WordPress.

Dat is bijvoorbeeld dat er bij de berichten er geen zijmenu verschijnt en natuurlijk de Powered by WordPress link in de voettekst.

Nu kun je dat wel aanpassen in de code van Twenty Eleven, maar bij een upgrade van de theme worden al die aanpassingen weer overschreven. Iets wat zeker al bij een behoorlijk aantal mensen gebeurd is.

Kun je dan toch die wijzigingen aanbrengen er ervoor zorgen dat ze blijven? Jazeker, met een Child Theme.

Twenty Eleven Child Theme

Een child theme is een speciaal WordPress thema dat alle functies van je basis thema overneemt. Maak je dus een child theme voor Twenty Eleven, dan functioneerd alles zoals voorheen.

De wijzigingen die je wilt gebruiken stop je dan in de bestanden van je child theme, WordPress overschrijft die waarden nadat je basis Twenty Eleven is geladen.

In zo’n child theme komt als basis alleen een paar bestanden te staan zoals de style.css. Die style.css roept de standaard style.css van Twenty Eleven aan en gebruikt die. Je hoeft dan alleen in de code die je wilt wijzigen in de child theme styles.css te zetten.

Klikt ingewikkeld, maar is eenvoudig te realiseren. Je moet wel wat verstand hebben van css om er echt leuke dingen mee te doen.

Hoe maak je dan zo’n nieuw child theme? Er is een uitleg op WordPress http://codex.wordpress.org/Child_Themes, maar ik houd van eenvoudig en simpel werk.

Er is een plugin die je kan helpen: http://wordpress.org/extend/plugins/one-click-child-theme/.

Installeer die plugin en activeerd hem, je basis theme houd je nog even op Twenty Eleven.

Na activering ga je naar de instellingen van de plugin en vul de basis gegevens in en klik op Create Child.

Dat is voorlopig alles.

Ga naar je Weergave en bekijk welk theme er nu actief is, als het goed is je “Eigen” Child Theme.

Mocht je al zaken gewijzigd hebben in de Twenty Eleven style.css kopier die dan naar de nieuwe style sheet. In principe hoef je alleen gewijzijgde code maar over te zetten.

Twenty Eleven Footer Aanpassen

Zoals je zult zien staan bij je nieuwe theme alleen style sheet bestanden. Je wilt echter ook de Tweny Eleven voettekst permanent aanpassen.

Daarvoor zul je even met FTP aan de gang moeten. Je kunt FileZilla Gebruiken om de nodige bestanden te plaatsen.

Download uit de map wp-content/themes/twenty-eleven het bestand footer.php naar je computer. Upload daarna dat bestand naar je nieuwe thema map wp-content/themes/nieuwe-theme-naam.

De wijzigingen die je nu aanbrengt zul ook na een upgrade van Twenty Eleven actief blijven.

Je kunt dan ook met de andere theme bestanden doen die je wilt wijzigen zoals header.php.

Een Zijmenu bij Twenty Eleven Berichten

Zoals ik al eerder noemde vindt ik het gebrek aan een zijmenu bij berichten bijzonder vervelend, je kunt niet echt je lezers meer opties bieden dan de top menu novigatie.

Ik wil je niet vermoeien met allerlei code die je in diverse bestanden moet wijzigen om dit wel voor elkaar te krijgen. Er is namelijk een plugin die dat voor je kan doen: http://wordpress.org/extend/plugins/twenty-eleven-theme-extensions/.

Installeer en activeer de plugin en ga dan naar Weergave -> Theme Extensions en kies de opties die je wilt gaan gebruiken.

De opties zijn makkelijk te kiezen, zeker als je alleen de basis opties wilt gebruiken zoals een zijmenu bij je pagina’s en berichten.

Wil je geen Child Theme gebruiken maar wel wat kleuren  aanpassen, gebruik dan de Custom Colors en je krijgt bij de Thema Instellingen ineens veel meer opties om je basis kleuren aan te passen.

Veel plezier en vergeet één ding zeker niet, Back-Up je bestanden voordat je gaat wijzigen!!!