---
url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/blogindeling'
title: 'Een blogindeling bouwen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T04:01:02+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Hier bouw je de pagina met je blogberichten: een uitgelicht bericht bovenaan, een lijst uit een Drupal-view met een zijbalk, en een nieuwsbriefstrook. Nieuwe berichten verschijnen erop zonder de pagina te bewerken. Om één klantverhaal uitgebreid te vertellen, volg je in plaats daarvan Een klantverhaal schrijven.
  De video bouwt het blog van een rapportageproduct.
tags:
  - 'Follow a tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Een blogindeling bouwen'
      description: |-
        Hier bouw je de pagina met je blogberichten: een uitgelicht bericht bovenaan, een lijst uit een Drupal-view met een zijbalk, en een nieuwsbriefstrook. Nieuwe berichten verschijnen erop zonder de pagina te bewerken. Om één klantverhaal uitgebreid te vertellen, volg je in plaats daarvan Een klantverhaal schrijven.
        De video bouwt het blog van een rapportageproduct.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T04:01:02+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/blogindeling'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/blogindeling'
      description: |-
        Hier bouw je de pagina met je blogberichten: een uitgelicht bericht bovenaan, een lijst uit een Drupal-view met een zijbalk, en een nieuwsbriefstrook. Nieuwe berichten verschijnen erop zonder de pagina te bewerken. Om één klantverhaal uitgebreid te vertellen, volg je in plaats daarvan Een klantverhaal schrijven.
        De video bouwt het blog van een rapportageproduct.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/nl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: nl
---
[Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/nl/hc/documentation/learn-dxpr-builder/tutorials/overview) # Een blogindeling bouwen.

 DXPR Builder lerenPagina’s bouwenVolg een tutorial

   ## In deze gids

 Gerelateerde gidsen

- [Formulieren toevoegen aan pagina’s](/nl/hc/documentatie/dxpr-builder-leren/tutorials/formulieren-toevoegen)
- [Een Drupal-view op je pagina tonen](/nl/hc/documentatie/dxpr-builder-leren/integraties/drupal-views)
- [Drupal-blokken: formulieren, menu's en inhoudsblokken](/nl/hc/documentatie/dxpr-builder-leren/integraties/drupal-blokken)
- [Een Over ons-pagina maken](/nl/hc/documentatie/dxpr-builder-leren/tutorials/over-ons-pagina)

Hier bouw je de pagina met je blogberichten: een uitgelicht bericht bovenaan, een lijst uit een Drupal-view met een zijbalk, en een nieuwsbriefstrook. Nieuwe berichten verschijnen erop zonder de pagina te bewerken. Om één klantverhaal uitgebreid te vertellen, volg je in plaats daarvan [Een klantverhaal schrijven](/nl/hc/documentatie/dxpr-builder-leren/tutorials/klantverhaal).

De video bouwt het blog van een rapportageproduct.

  ## Voordat je begint

- Je rol heeft de permissie **Bewerken met DXPR Builder**.
- Je site heeft een view met je blogberichten. DXPR CMS levert een **Blog**-view mee met een **Blog**-lijst en een **Featured posts**-weergave.
- De pagina is open in de builder. Ga voor een nieuwe naar **Inhoud** > **Inhoud toevoegen** > **Landingspagina** (`/node/add/landing_page`) en klik op **Opslaan**.
- Nieuwe elementen belanden bovenaan hun kolom. Voeg de elementen van een kolom in omgekeerde volgorde toe, of sleep ze daarna op hun plek.

## Stap 1: het uitgelichte bericht toevoegen

1. Klik op **Add Elements** op de lege pagina en kies **Sectie** op het tabblad **Lay-out**.
2. Klik op **+** op de sectie en kies **Rij**; deze komt met twee gelijke kolommen. Klik op het rasterpictogram (**Kolomindeling**), kies de preset **2/3 + 1/3** en klik op **Opslaan**.
3. Klik op **+** in de brede kolom en kies **Afbeelding** op het tabblad **Inhoud**. Klik op **Afbeelding selecteren**, vink een foto aan en klik op **Geselecteerde invoegen**. Typ het **alt-attribuut** in het paneel **SEO** en klik op **Opslaan**.
4. Klik op **+** in de smalle kolom en kies **Knop**. Zet **Titel** op “Lees meer”, **Link** naar het bericht en houd **Type** op **Primary**, en klik daarna op **Opslaan**.
5. Klik opnieuw op **+** in de smalle kolom en kies **Tekst**; deze belandt boven de knop. Typ de berichttitel als **Kop 2**, voeg het fragment eronder toe en klik op **Opslaan**.

## Stap 2: de lijst en zijbalk toevoegen

1. Beweeg over de sectie en klik op **Sectie hieronder toevoegen**. Voeg er een **Rij** aan toe met de preset **2/3 + 1/3**.
2. Klik op **+** in de brede kolom en open het tabblad **Drupal-views**. Kies **View: Blog (Blog)** en klik op **Opslaan**; deze toont je berichten.
3. Klik op **+** in de smalle kolom en open het tabblad **Drupal-views**. Kies **View: Blog (Featured posts)** en klik op **Opslaan**.
4. Klik opnieuw op **+** in de smalle kolom en open het tabblad **Drupal-blokken**. Kies **Block: Forms: Search form** en klik op **Opslaan**; dit belandt boven de uitgelichte berichten.

## Stap 3: de nieuwsbriefstrook toevoegen

1. Voeg een derde sectie toe met **Sectie hieronder toevoegen**. Open **More** > **Settings**, kies de donkerblauwe **Achtergrond** in het paneel **Stijl** en klik op **Opslaan**.
2. Klik op **+** op de sectie en kies **Knop**. Zet **Titel** op “Abonneer je op de nieuwsbrief”, **Link** op `/newsletter` en **Type** op **Light**, en klik daarna op **Opslaan**.
3. Klik opnieuw op **+** en kies **Tekst**; deze belandt boven de knop. Typ “Blijf op de hoogte” als **Kop 2** en één regel over de nieuwsbrief eronder. Zet **Tekstkleur** op wit in het paneel **Stijl** en klik op **Opslaan**.

## Stap 4: opslaan en vooraf bekijken

1. Klik op **Opslaan** op de werkbalk van de builder.
2. Open het weergavemenu (het **oogpictogram**) en kies **Voorvertoning**.

## Verder gaan

Niet getoond in de video:

- **Aanmeldformulier**: voeg een nieuwsbriefformulierblok toe op het tabblad **Drupal-blokken** in plaats van de knop; zie [Formulieren toevoegen aan pagina’s](/nl/hc/documentatie/dxpr-builder-leren/tutorials/formulieren-toevoegen)
- **Categorieën**: voeg een view van je blogcategorieën toe aan de zijbalk
- **Zijbalktint**: open de instellingen van de smalle kolom en geef hem een lichtgrijze **Achtergrond** en wat padding in het **Stijl**-paneel

## Wat je ziet

Het uitgelichte bericht opent de pagina: een brede foto links, titel, fragment en knop **Lees meer** rechts. Eronder vullen je berichten de brede kolom, met het zoekformulier en uitgelichte berichten in de zijbalk. Een donkerblauwe strook sluit de pagina af met de kop **Blijf op de hoogte** en de knop **Abonneer je op de nieuwsbrief**.

## Als je je berichten niet ziet

- **De Blog-view staat niet op het tabblad Drupal-views.** De view is uitgeschakeld, of je gebruikersprofiel voor de builder verbergt hem. Schakel hem in bij **Structuur** > **Weergaven** (`/admin/structure/views`), of vraag een beheerder hem aan te vinken onder **Weergaven** in je gebruikersprofiel.
- **De kolom met de lijst blijft leeg.** De view heeft geen gepubliceerde berichten om te tonen. Publiceer een bericht bij **Inhoud** > **Inhoud toevoegen** > **Blogbericht** en herlaad daarna de pagina.
- **Het zoekformulier staat niet op het tabblad Drupal-blokken.** De core-module **Zoeken** levert dat blok. Schakel hem in bij **Uitbreiden** (`/admin/modules`).
- **Je wijzigingen zijn weg na een herladen.** Je verliet de pagina voordat je op **Opslaan** op de werkbalk van de builder klikte. Als Opslaan een fout toont, zie [Wijzigingen worden niet opgeslagen](/nl/hc/documentatie/dxpr-builder-leren/probleemoplossing/opslaan-mislukt).

## Wat nu?

- [Formulieren toevoegen aan pagina’s](/nl/hc/documentatie/dxpr-builder-leren/tutorials/formulieren-toevoegen) voor aanmeldformulieren
- [Drupal-views-integratie](/nl/hc/documentation/learn-dxpr-builder/integrations/drupal-views) voor het configureren van views
- [Drupal-blokkenintegratie](/nl/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) voor zijbalkblokken
- [Over ons-pagina](/nl/hc/documentatie/dxpr-builder-leren/tutorials/over-ons-pagina) voor de volgende tutorial