Dynamische content toevoegen maken website webdesign

Dynamische content toevoegen maken website

Ik heb 3 categorieën aangemaakt voor alle berichten in nieuws, cursussen en agenda:
– Categorie Muziek
– Categorie Theater
– Categorie Kunst

Als je bij het bericht één van deze categorieën aanvinkt krijgen deze automatisch een verschillende header. Dit scheelt veel tijd. Op een rijtje:

  • Alle berichten in de categorie Muziek krijgen een header met afbeeldingen van muziek.
  • Alle berichten in de categorie Theater krijgen een header met afbeeldingen van theater.
  • Alle berichten in de categorie Kunst krijgen een header met afbeeldingen van kunst.

Daarnaast heb ik voor een paar losse pagina’s andere dynamische content aangemaakt. Lees hieronder hoe.

Dynamische content aanpassen WordPress website

Om de dynamische content aan te passen ga je hier naartoe in WordPress:
Ga naar Weergave > Astra opties > Dynamische content

 


Dynamische content toevoegen en maken website

Zo kun je de dynamische content aanpassen of maken:

Stap 1 | Maak dynamische content aan (Miranda dit heb ik al gedaan)

Maak een dynamische content item aan. In het voorbeeld hieronder zie je 3 headers die ik aangemaakt heb:

Dynamische content dupliceren

Je kan deze dupliceren om een nieuwe aan te maken met de dupliceer dit pagina button bij elk item.


Stap 2 | Maak een design met een page builder (Miranda)

Zo kun je de afbeeldingen voor muziek, theater en kunst aanpassen.

  • Ga naar Weergave > Astra opties > Dynamische content
  • Open bijvoorbeeld Header-Algemeen-Muziek om muziek aan te passen
  • Open de beaver builder

Ik heb een ontwerp gemaakt met de Beaver Builder. En een achtgrond aangemaakt bij de rij-settings.
Ik heb een slideshow/diavoorstelling gemaakt met 2 achtergronden, maar je kan uiteraard meer achtergronden toevoegen. Tijd is ook aan te passen maar 12 seconden is mooi rustig.


Stap 3 | Maak een hook (Miranda dit heb ik al gedaan)

Maak een zogenaamde hook aan. Dit staat onderaan de pagina.
Hier geef je aan waar je het ontwerp van stap 2 wilt laten zien.

Waar op de pagina laten zien?

Actie: waar op de pagina wil je het laten zien
– content-before zet je ontwerp voor je pagina
– content-after zet je ontwerp aan het eind van je pagina

Op welke pagina’s laten zien?

Weergeven op: op welke pagina’s wil je het ontwerp laten zien
– Hele website
– Specifieke pagina’s of berichten
– All singulars of “naam categorie” laat het uit alle berichten in een categorie zien. Heel cool.