Home Kennisbank Blokken & editor Hoe toon ik al mijn subpagina’s automatisch als tegels?

Hoe toon ik al mijn subpagina’s automatisch als tegels?

Robert Oosterloo
Bijgewerkt op · 4 min lezen

Heb je een pagina Diensten met daaronder een pagina per dienst? Dan kun je op de pagina Diensten een overzicht tonen met een tegel voor elke dienst. Voeg je later een dienst toe, dan komt de tegel er vanzelf bij. Je gebruikt daarvoor het blok Uitlichten met de keuze Alle onderliggende pagina’s.

In het kort

  • Zet je dienstpagina’s als subpagina onder één hoofdpagina.
  • Geef elke subpagina een uitgelichte afbeelding en een Samenvatting.
  • Zet op de hoofdpagina het blok Uitlichten met Type uitlichting: Alle onderliggende pagina’s.
  • De volgorde van de tegels is de volgorde van de pagina’s.
  • Een nieuwe subpagina verschijnt vanzelf als tegel.

Nog geen website op leflite?

Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.

  • Online binnen een week
  • Hosting, SSL en back-ups inbegrepen
  • Vanaf €49,95 per maand
Website van Inspirare Coaching op een laptop

Het idee: één hoofdpagina, tegels van alle subpagina’s

Je website heeft een opbouw: een hoofdpagina, zoals Diensten, met subpagina’s eronder, zoals Webdesign en Hosting. Het blok Uitlichten kan alle subpagina’s van een pagina ophalen. Je hoeft de tegels dus niet met de hand te maken en bij te houden.

Wat heb je nodig?

  • Een hoofdpagina, bijvoorbeeld Diensten.
  • Een subpagina per dienst, gepubliceerd.
  • Per subpagina een foto en een korte tekst.

Stap 1: Zet je dienstpagina’s onder een hoofdpagina

Open elke dienstpagina en kies in de pagina-instellingen rechts de hoofdpagina, bijvoorbeeld Diensten. Hoe dat precies gaat, lees je in een subpagina maken onder een hoofdpagina.

Stap 2: Geef elke subpagina een afbeelding en samenvatting

De tegel haalt zijn inhoud uit de subpagina zelf:

  • Titel: de titel van de pagina.
  • Tekst: de Samenvatting van de pagina, ingekort tot ongeveer 30 woorden.
  • Foto: de uitgelichte afbeelding van de pagina.

Open elke subpagina en stel rechts in de pagina-instellingen een uitgelichte afbeelding in. Vul ook de samenvatting in: één of twee zinnen over de dienst. Kies foto’s in dezelfde verhouding, dan worden de tegels even hoog. Zie afbeeldingen uploaden in het juiste formaat.

Stap 3: Voeg Uitlichten toe met Alle onderliggende pagina’s

  1. Open de hoofdpagina, bijvoorbeeld Diensten.
  2. Voeg in een kolom het blok Uitlichten toe.
  3. Kies bij Type uitlichting de optie Alle onderliggende pagina’s.
  4. Laat Hoofdpagina leeg: dan neemt het blok de subpagina’s van de pagina waarop het staat. Wil je de tegels op een andere pagina tonen, bijvoorbeeld je homepage? Kies dan bij Hoofdpagina de pagina Diensten.
  5. Kies het Card template, bijvoorbeeld Card-default, en het aantal Cards per rij.
  6. Zet Aantal items om te tonen hoog genoeg voor al je diensten. Staat het op 4 en heb je 6 diensten, dan zie je er maar 4.
Het bewerkvenster van het blok Uitlichten met Type uitlichting op Alle onderliggende pagina's en het veld Hoofdpagina, beide gemarkeerd
Kies de hoofdpagina waarvan je de subpagina’s toont.
Een dienstenoverzicht op de website met drie tegels naast elkaar, Webdesign, Webshops en Hosting, elk met een foto, korte tekst en een knop
Elke nieuwe subpagina komt er vanzelf bij.

Stap 4: Bepaal de volgorde

De tegels staan in de volgorde van je pagina’s. Die volgorde stel je per subpagina in met het veld Volgorde in de pagina-instellingen: lager staat eerder. Geef je diensten bijvoorbeeld 10, 20 en 30, dan kun je er later makkelijk een tussen zetten met 15. Zie een subpagina maken.

Een andere tegeltekst dan de paginatitel?

De titel op de tegel is altijd de titel van de pagina. Wil je een kortere tekst, pas dan de paginatitel aan. Let op: dat verandert ook de titel bovenaan de pagina en in het menu. Wil je de tekst op de tegel anders, pas dan de Samenvatting aan; die staat alleen op de tegel. Wil je per tegel helemaal zelf bepalen wat erop staat? Maak de tegels dan met de hand met het blok Card. Zie een card met afbeelding, tekst en knop.

Tip: wil je de tegels als slider in plaats van in rijen? Zet in het blok Slider weergave inschakelen aan. Meer over alle opties van dit blok lees je in berichten of pagina’s automatisch tonen met Uitlichten.

Lukt het niet?

  • Er staan geen tegels. De pagina heeft geen gepubliceerde subpagina’s, of het blok staat op een andere pagina en Hoofdpagina is leeg. Kies dan de hoofdpagina.
  • Er ontbreken tegels. Verhoog Aantal items om te tonen. Controleer ook of de ontbrekende pagina gepubliceerd is en de goede hoofdpagina heeft.
  • Een tegel heeft geen foto. Stel bij die subpagina een uitgelichte afbeelding in.
  • De tekst op een tegel is leeg of rommelig. Vul bij die subpagina een Samenvatting in.
  • De volgorde klopt niet. Pas het veld Volgorde aan bij de subpagina’s.
  • Kom je er niet uit? Neem contact met ons op.

Deel dit artikel

Robert Oosterloo

Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.

Lees ook

Ook zo’n website?

Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.

Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een .