Heel veel bewondering heb ik voor bloggers die jaar en dag bij dezelfde layout zweren. Niet zo bij deze jongen. Ik ben geen kei in grafische vormgeving. Ik vind het desondanks leuk om ermee bezig te zijn, maar een en ander zorgt ook voor stress en onzekerheid. Het hoeft dan ook niemand te verbazen dat BT al vele keren van look is veranderd. Mijn laatste verovering: het WordPress-theme Twenty Fifteen.
Leestijd: 4 minuten
Wie een tweetal jaar geleden WordPress installeerde kreeg Twenty Fifteen standaard meegeleverd. Echt flitsend of vernieuwend ziet het er – net als bij de meeste door WordPress ontwikkelde themes – misschien allemaal niet uit.
Bling-bling magazine
Als het op WordPress-themes aankomt grijp ik nogal graag naar de thema’s in de zogeheten magazine-stijl, waarbij op de homepage een (groot) aantal blogberichten in een raster worden getoond; uitgelichte afbeelding incluis. Een dergelijk opzet geeft je meer keuze om te bepalen welke blogposts je permanent voor het voetlicht wil plaatsen. Dat hoeven dus niet noodzakelijk je laatst geschreven berichten te zijn.
Allemaal heel mooi en best gezellig, maar ook vaak een tikje druk en onoverzichtelijk…
WordPress-theme Twenty Fifteen: focus op de tekst
Niks van dat alles bij Twenty Fifteen. Wat dit thema dan toch zo bijzonder maakt?
Het is een kwestie van smaak en aanvoelen natuurlijk, maar ik vind dat Twenty Fifteen goed bij mijn content past. Zo gaat quasi alle aandacht onmiddellijk naar de tekst van het artikel (met een fijne lettergrootte voor de bodytekst en (tussen)koppen die lekker chunky uitvallen). Koppel dat aan een bladspiegel met veel witruimte, en je hebt een opmaak en indeling die jou wat makkelijker (en langer) bij de les zou moeten kunnen houden.
En minstens even leuk voor mij is de manier waarop dit thema met (uitgelichte) foto’s omgaat. Of niet natuurlijk. Je bent namelijk niet veroordeeld tot een afbeelding – met de juiste afmetingen godbetert – om het er allemaal een beetje behoorlijk te laten uitzien. Gebruik je geen uitgelicht plaatje in je artikel, dan krijg je alvast geen afzichtelijk gekleurd vak. Halleluja!
Misschien weet ik niet goed waar te zoeken, maar ik mis vaak thema’s waar geschreven content ook zonder kamerbreed uitgerold beeld goed wordt weergegeven. Elke suggestie hieromtrent is welkom!
Liefde met makken
Dat wil overigens ook niet zeggen dat Twenty Fifteen niets met afbeeldingen kan. Integendeel. Bijzonder is hier de kopafbeelding. Je zou verwachten dat het dan gaat over de foto bovenaan over de volle breedte van het scherm, maar in feite wordt een plaatje aangebracht dat de hele sidebar beslaat.
Een leuke gimmick, maar niet noodzakelijk bevorderlijk voor de leesbaarheid/bruikbaarheid van die zijbalk. Gebruik je die kopafbeelding dan is het vaak behoorlijk lastig om een geschikte kleur te vinden voor de tekst in de zijbalk. Ik laat het dan ook maar wijselijk achterwege…
Ik ben dus niet blind voor de gebreken en onhebbelijkheden van dit layoutje. Zoals bij alle WordPress-thema’s afkomstig van WordPress zelf heb je maar heel weinig in de pap te brokken als je je blogtheme wil personaliseren.
Zo hang je in het geval van Twenty Fifteen vast aan een indeling zonder echte menubalk (die is ondergebracht in linkjes in de zijbalk). En dat de sidebar links van de contentkolom zit is ook apart. De achtergrondkleuren van je blog kan je kiezen, maar de kleur van het canvas of de kleur van de bodytekst dan weer niet.
Er is in dit standaard-theme uiteraard ook geen sprake van custom sidebars en dergelijke. Dat zorgt er onder meer voor dat ik geen gerelateerde berichten kan tonen wanneer een bezoeker een blogbericht opent. Ik probeer dat te compenseren door de menubalk optimaal in te richten en een boel linkjes naar artikelen te stoppen, maar dat lukt niet helemaal. Ik betaal dus wel een prijsje (onder de vorm van minder pageviews).
Natuurlijk is één en ander wel te ondervangen met een pluginnetje hier en daar, maar dat heeft weer andere nadelen.
Daartegenover staat dat lezers/bezoekers gemiddeld wel wan langer op dit blog blijven hangen.
Layout van WordPress Twenty Fifteen aanpassen met SiteOrigin CSS
Standaard komt dit thema met een stuk of wat kleurenschema’s om uit te kiezen. En hoewel je elk van die schema’s kan aanpassen in de Customizer, kan je het zaakje pas helemaal naar je hand zetten als je overweg kan – of durft – met HTML en CSS…
… Of je kunt aan de slag met SiteOrigin CSS, een plugin die de visuele elementen waaruit een blogtheme is opgebouwd toont en benoemd én nadien ook vrij makkelijk kan bewerken. Je kan in dit geval veel en veel verder gaan dan gewoon wat kleurtjes veranderen. Denk dan aan dingen als:
- het wijzigen van lettertype en -grootte van de bodytekst
- de kleur van de linkjes veranderen
- de breedte van je contentkolom en zijbalk aanpassen
- bepaalde secties van je blog een andere kleur geven
- het anders opmaken van je titels
- …
Enfin, laat je even gaan en in no time merkt niemand nog enige verwantschap met je oorspronkelijke WordPress-theme.
Een snelle en eenvoudige manier om een beetje bedreven te raken in CSS. Na een beetje oefening lever je het werk af van ’n specialist.
Een waarschuwing is hier wel op zijn plaats: neem alsjeblieft een back-up van je blog alvorens je deze plugin installeert en ermee aan de gang gaat!
Je wijzigingen definitief opslaan in een child-theme
Eén van de grote nadelen van WordPress-thema’s is dat ze (als het goed is) regelmatig moeten worden geüpdatet. Die updates zijn absoluut noodzakelijk maar zorgen er wel voor dat de wijzigingen die je aan je thema deed teniet worden gedaan. Via een child-theme is aan dat probleem echter een mouw aan te passen.
Een child-theme is eigenlijk een kopie van je eigenlijke WordPress-theme met daarin de wijzigingen die jij hebt aangebracht. Belangrijk om weten is wel dat je child-theme altijd afhangt van het eigenlijke (ouder)-thema. Zonder dat ouder-thema kan het child-theme nooit werken!
Wil je wijzigingen aanbrengen in je WordPress-thema doe dat dan in het child-theme en laat het originele thema ongemoeid. Je hoeft nu niet meer bang te zijn voor een update van het ouder-thema, aangezien je wijzigingen zijn opgeslagen in je child-theme.
Om een child-theme te maken gebruiken we een plugin: Child theme configurator
Zo, tot zover mijn worstelingen in een poging om jullie een betere leeservaring te geven.
Geef een reactie