Paragraaf types aanmaken

Paragraaf types aanmaken

voorbereiding.png Voorbereiding:

 

instructions.png Instructies:

 video

 

menu_0.png Beheer - Structuur - Paragraaftypes maak 3 nieuwe paragraaftypes aan en voeg de nodige velden toe

2017-04-27 14 46 19-Paragraaftypes   Drupal

  • afbeelding + tekst + afbeelding:

    • Veldtype: Afbeelding
      • Label: paragraaf afbeelding 1
      • Toegestane aantal waarden: 1
      • Weergave:
        • Formaat: Afbeelding
        • Afbeeldingsstijl: 350 crop
        • Class: col-md-4
    • Veldtype: Afbeelding
      • Label: paragraaf afbeelding 2
      • Toegestane aantal waarden: 1
      • Weergave:
        • Formaat: Afbeelding
        • Afbeeldingsstijl: 350 crop
        • Class: col-md-4
    • Veldtype: Tekst (opgemaakt, lang)
      • Label: paragraaf tekst
      • Toegestane aantal waarden: 1
      • Weergave:
        • Formaat: Standaard
        • Class: col-md-4

2017-04-27 14 55 55-Velden beheren   Drupal

2017-04-27 14 54 42-Weergave beheren   Drupal

  • enkel afbeeldingen: 

    • Veldtype: Afbeelding
      • Label: paragraaf meerdere afbeeldingen
      • Toegestane aantal waarden: onbeperkt
      • Weergave:
        • Formaat: Juicebox-gallerij

2017-04-27 14 57 33-Velden beheren   Drupal2017-04-27 14 57 48-Weergave beheren   Drupal

  • tekst + 1 afbeelding:

    • Veldtype: Afbeelding
      • Label: paragraaf 1 afbeeldingen
      • Toegestane aantal waarden: 1
      • Weergave:
        • Formaat: Afbeelding
        • Afbeeldingsstijl: 350 crop
        • Class: col-md-4
    • Veldtype: Tekst (opgemaakt, lang)
      • Label: paragraaf tekst
      • Toegestane aantal waarden: 1
      • Weergave:
        • Formaat: Standaard
        • Class: col-md-8

 

2017-04-27 15 00 31-Velden beheren   Drupal2017-04-27 15 00 43-Weergave beheren   Drupal

 

css.png  CSS

Aangezien ons thema opgebouwd is met Bootstrap, kunnen we hier gebruik maken van het Bootstrap Grid System. Door de Grid Classes te hergebruiken kunnen we zelf bepalen hoe onze paragraaf weergegeven wordt. lesfiche-.png

Opmerking: let wel op als je extra css op de Bootstrap Classes plaatst, dit kan het uitzicht van uw site totaal veranderen.