Share on email
Share on whatsapp
Share on twitter
Share on linkedin
Share on facebook

Recente blogs in footer tonen met Elementor

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).

Posts widget Elementor

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).

  1. Selecteer skin ‘Classic’
  2. Zet het aantal kolommen op ‘1’ 
  3. Geef aan hoeveel blogs je wilt tonen
  4. Plaats de afbeelding links (of rechts, het is maar net wat je voorkeur heeft)
  5. Zet de afmeting van de afbeelding op ‘Thumbnail‘.
  6. Speel met de image ratio en image width totdat je tevreden bent.
  7. Schakel de samenvatting uit (hier heb je meestal minder plek voor in de footer)
  8. Geef aan welke meta data je wilt tonen (bv. datum, auteur, reacties)
  9. Verberg of toon de ‘lees meer’ link. 

blog in footer plaatsen layout opties elementor

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.

Afstand verkleinen laatste blogartikelen

  • 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’

Titelgrootte aanpassen elementor

Als je klaar bent, kan het er ongeveer zo uitzien:

laatste blogs in footer wordpress elementor

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.