Hoe toon je de meest recente blogartikelen in de footer van je website? Als je werkt met Elementor Pro, kun je met behulp van de Theme Builder een footer maken. Een aantal standaard elementen die je vaak ziet in een footer zijn contactgegevens, logo, links naar bepaalde pagina’s en vaak zie je ook een overzicht van de laatst geplaatste artikelen. Hoe toon je recente blogs in de footer?
Gebruik de posts widget
Om recente blogs te tonen in de footer van je website, kun je gebruik maken van de posts widget Hiermee kun je eenvoudig blogs (of andere post types) plaatsen waar je maar wilt. Dus ook in de footer. Bij Source kies je voor ‘Berichten’ (tenzij je een andere post type gebruikt voor je blogartikelen).
Sinds november 2022 biedt Elementor ook een loop builder waarmee je nog meer mogelijkheden hebt om het design van de posts vorm te geven.
De posts widget stylen voor de footer
Wanneer je de posts widget naar de plek in de footer sleept, gebruikt ie automatisch een standaard lay-out voor het tonen van de artikelen. In een footer wil je juist een andere type layout gebruiken. Bijvoorbeeld door de titels onder elkaar te plaatsen, de lees meer knop te verbergen en/of de uitgelichte afbeelding te verbergen of verkleinen (bv. thumbnails).
- Selecteer skin ‘Classic’
- Zet het aantal kolommen op ‘1’
- Geef aan hoeveel blogs je wilt tonen
- Plaats de afbeelding links (of rechts, het is maar net wat je voorkeur heeft)
- Zet de afmeting van de afbeelding op ‘Thumbnail‘.
- Speel met de image ratio en image width totdat je tevreden bent.
- Schakel de samenvatting uit (hier heb je meestal minder plek voor in de footer)
- Geef aan welke meta data je wilt tonen (bv. datum, auteur, reacties)
- Verberg of toon de ‘lees meer’ link.
Als je deze instellingen hebt aangepast, kun je via het tabblad ‘Stijl’ nog een stapje verder gaan:
- Verklein de afstand tussen de rijen
In de footer heb je minder ruimte, je kunt de blog dan beter wat dichter bij elkaar zetten. Met de ‘columns gap’ hoef je niets te doen, je gebruikt tenslotte maar één kolom.
- Pas de titelgrootte aan
Afhankelijk van welke heading je gebruikt voor de titels, moet je in de meeste gevallen de titels nog verkleinen voor de footer. Dit doet je via het tabje ‘Content’ -> ‘Titel’
Als je klaar bent, kan het er ongeveer zo uitzien:
Wil je meer doen met de lay-out van de blogartikelen? Check dan de mogelijkheden van de Elementor loop builder of JetEngine listings.
