Opent in een nieuw tabblad

Opmaak van een blogpost

Google (AI) weet raad

Vandaag heb ik me gestort op de verbetering van de opmaak van de blogposts (oftewel ‘Berichten’). Ik ben er achter gekomen dat het eigenlijk veel handiger is om Google Search te bevragen (Google’s AI geeft dan antwoord) hoe ik kan doen wat ik wil, en hoe ik een probleem oplos waar ik tegenaan loop.

In plaats van weer een tutorial video doorploeteren. Die gaan meestal veel te snel, waardoor je telkens denkt: Wat deed hij nou? Waar klikte hij zo snel op? en dan weer terug moet spoelen. Ook krijg je dan allerlei uitleg waar je op dat moment niet naar op zoek was. Ik geef het niet graag toe, maar dan is Google’s AI veel handiger.

Eigenlijk gebruik ik niet met opzet AI, maar als je tegenwoordig wat aan Google vraagt in de zoekbalk, dan krijg je antwoord van AI. Dus zo ben ik alsnog met AI opgezadeld, en ik moet toegeven: het is best handig.

Bricks is een opmaak-laag bovenop WordPress

Gaandeweg begin ik ook steeds meer te begrijpen wat Bricks is en hoe het werkt. Het is een extra laag bovenop WordPress. WordPress geeft je de basis van je website, waarin je pagina’s en berichten kunt maken. En die kun je indelen in categorieën. Ook kun je daar plugins installeren, die dienstbaar zijn aan de functionaliteit van je website. Zoals plugins die SPAM tegenhouden, of plugins die de bezoekersaantallen bijhouden. Dat zijn allemaal losse tooltjes, die soms gratis, soms betaald toegevoegd kunnen worden aan je website. Die zie je in principe niet aan de voorkant.

Die plugins worden door de WordPress community ontwikkeld en up to date gehouden. Je moet dus ook regelmatig updaten als er weer wat verandert. Zoals dat met software gaat. Verbeteringen, of fouten en bugs die hersteld worden.

In WordPress kun je ook een ’theme’ toevoegen. Die zijn met name bedoeld voor de vormgeving. Daarvan zijn er ook honderden. Je kunt zelf aan van alles sleutelen om de website er mooier uit te laten zien. Dat doe je in de ‘CSS’, de styling van de website. In de basis is dat een kwestie van sleutelen aan de CSS code. Dat is wel ingewikkeld en tricky, want je verliest al snel het overzicht in al die code. En je moet goed kunnen programmeren.

Bricks biedt je daarbij de helpende hand. Het maakt allerlei weergave-instellingen veel toegankelijker. Je kunt zo sleutelen aan de CSS maar je hoeft niet de code in te duiken. Bricks biedt een platform waar je bij voorbeeld als leek kunt aangeven: ik wil dat de tekst rechts wordt uitgelijnd, of links. Enzovoort. Kleuren, lettertypes, uitlijning, noem het maar op. En Bricks vertaalt dat voor je in de CSS code, waar je zelf niet in hoeft te duiken.

Sjablonen (thema’s) in Bricks

Vandaag ben ik dat beter gaan begrijpen. Ik snapte niet hoe ik de opmaak van pagina’s en berichten die ik in WordPress maakte moest inrichten. De truc is, dat je dat doet door sjablonen te maken in Bricks, en in de instellingen aan te geven voor welk type WordPress onderdeel die sjablonen gelden. Op die manier bepaal je één keer de opmaak van bij voorbeeld een berichtpagina (een blog), en dat geldt dan voor alle berichten. Zowel die je al gemaakt hebt als voor nieuwe.

De hoofdpagina (de Welkom-pagina) had ik gemaakt aan de hand van een tutorial van Bricks Academy. Je volgt dan braaf op wat er gezegd wordt, maar je weet eigenlijk nog niet precies wat je aan het doen bent. Zo heb ik de header en de footer gemaakt, door daar afzonderlijke sjablonen voor te maken. En zonder precies te weten wat ik deed ;-).

Maar die twee sjablonen zie je dus door de hele website heen. Als ik iets in dat sjabloon wijzig (ik wil bij voorbeeld een andere kleur in de Header), dan pas ik dat aan in het sjabloon, en Simsalabim! alle websitepagina’s worden in één klap aangepast.

Het experiment met de Query pagina, waar ik een overzichtsraster van alle blogberichten gemaakt heb – mijn vorige projectje – heb ik eigenlijk niet helemaal goed gedaan, want niet in een sjabloon. Daar moet ik nog eens naar gaan kijken.

Sjabloon voor de opmaak van Berichten

Vandaag heb ik gewerkt aan de opmaak van de Berichten (de blogs). Daarvoor heb ik een sjabloon (in Bricks heeft dat een ’theme’) gemaakt. En daarin heb ik de uitlijning van de tekst aangepast. Ik heb wel iets weggemaakt wat er eerst wel was: de knop ‘Volgend bericht’ en ‘Vorig bericht’. Kennelijk was dat ergens ingebakken, maar omdat het sjabloon nu de opmaak overrulet, is dat verdwenen. Dus dat moet ik weer toevoegen als element, want dat was natuurlijk wel handig om door de blogberichten heen te wandelen. Inmiddels is dat ook gefixt. Ik kan eventueel nog sleutelen aan hoe dat eruit ziet. De naam van de actuele post erboven vind ik een beetje dubbelop. Es kijken hoe ik dat wegpoets.

O ja, ik heb ook een inhoudsopgave toegevoegd. Kant en klaar elementje, dat klikbaar is. Handig toch?

Berichten, pagina’s, websitepagina’s

Op zich ben ik wel redelijk tevreden over mijn prestaties van vandaag. Ik begrijp nu beter hoe het werkt met sjablonen in Bricks en ik heb de opmaak van de Berichtenpagina’s verbeterd. Met opzet heb ik dit sjabloon uitsluitend ingesteld voor ‘Berichten’ en niet ook van toepassing laten zijn op Pagina’s (zoals de Welkom pagina, Over de schrijver, Algemene voorwaarden en Privacy reglement).

Dat is een beetje verwarrend die WordPress terminologie. WordPress onderscheidt in ‘Pagina’s’ en ‘Berichten’. Pagina’s zijn de meer statische elementen van een website, en Berichten de dynamische, waarvan er telkens meer komen. Die ik hier ook wel ‘blogs’ noem. Berichten kun je ook een categorie geven, waardoor je ze ook kunt filteren. Op dit moment zijn er nog maar twee categorieën, maar die zijn eindeloos uit te breiden.

Voor de bezoeker van de website is alle content natuurlijk een (website)pagina. Op een later moment ga ik sleutelen aan opmaak van de (WordPress) ‘pagina’s’.