Twenty Fifteen Aanpassen – Vervolg met Codering

Zoals ik eerder schreef in het artikel Twenty Fifteen aanpassen en gebruiken kun je niet alles doen met de ingebouwde opties van dit thema. Je zult ook nog wat moeten wijzigen in en met code.

De programmeertaal van WordPress is PHP en dat is een taal die niet te moeilijk te leren is. Daarnaast is er de nodige HTML en CSS gebruik in ieder thema, ook die talen zijn niet te moeilijk op te leren, maar het help om in ieder geval de basis te leren. Op http://www.w3schools.com/ staan de nodige lessen om te beginnen.

De meeste code op deze pagina kun je direct knippen en plakken, maar je kunt het beste met je eigen site werken om die aanpassingen te doen.

LET OP! Maak altijd een back-up van de bestanden voordat je ze gaat bewerken zodat je altijd weer terug kunt naar de originele versie!

Nog een reden om met een Child thema te werken omdat je dan weer snel het origineel kunt gebruiken.

Voettekst Ondersteund door WordPress aanpassen

Hieronder een voorbeeld van de aanpassing die je kunt doen om de tekst “Ondersteund door WordPress” en de link daarvan naar https://nl.wordpress.org/ aan te passen zodat die past bij jouw website en verwijst naar je homepage.

Ga daarvoor naar het bestand Voettekst (footer.php) die je gekopieerd hebt naar je Child theme. (Weergave -> Editor)

Pas daar de eerste URL aan met je eigen domein en wijzig dan de tekst in het veld printf( ) ‘Ondersteund door WordPress’ met je eigen teksten. Zie ook het voorbeeld met de onderlijnde teksten hieronder.

<a href="<?php echo esc_url( __( 'http://www.wpfan.nl/', 'twentyfifteen' ) ); ?>"><?php printf( __( 'Leer mees over WordPress op %s', 'twentyfifteen' ), 'WPFan.nl' ); ?></a>

Twenty Fifteen zijmenu naar rechts verplaatsen

In de opties van Twenty Fifteen zul je geen mogelijkheid vinden om je zijmenu naar rechts te als je dat mooier vindt.

Hoe kun je dat dan wel doen? Met wat code in de stylesheet van je child theme.

body:before {
    right: 0 !important;
    left: auto !important;
}
.sidebar {
    float: right !important;
    margin-right: auto !important;
    margin-left: -100% !important;
}
.site-content {
    float: right !important;
    margin-right: 29.4118% !important;
    margin-left: auto !important;
}
.site-footer {
    float: right !important;
    margin: 0 35.2941% 0 0 !important;
}

Omdat mijn achtergrond afbeelding zo gekozen was dat de site er goed uitzag met de afbeelding links uitgelijnd moet die ook via de opties gezet worden op links uitlijnen.

Na die wijzigingen zag de site er zo uit.

Inmiddels is de het zijmenu weer terug naar link omdat het fijner werkt voor de bezoeker van die site.

Meer lezen over speciale plugins die nog meer mogelijkheden geven? Bekijk dan http://premium.wpmudev.org/blog/customize-twenty-fifteen/

Ik heb de diverse plugins zoals de Google fonts en Jetpack, maar ik vond ze te zwaar voor de opties die ik wilde gebruiken.

Heb je zelf nog voorbeelden of suggesties? Schrijf ze hieronder in de reacties!