Een blogindeling bouwen.

DXPR Builder lerenPagina’s bouwenVolg een tutorial

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.

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

Wat nu?