Timeline

Start

24 mei 1995

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

24 november 2003

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

24 mei 2024

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

24 mei 2050

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

hoi

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Stappenplan toevoegen blok aan project

Downloads

Download als eerst de laatste versie van het blok hieronder.

Toevoegen aan project

  1. Pak het zojuist gedownloade zip bestand uit en verplaats de bestanden naar je project in de volgende map: custom/themes/theme-name/nrdq-blocks/src
  2. Voeg het blok toe aan je project
    • Navigeer in je project naar custom/themes/theme-name/nrdq-theme/views/frontend/blocks
    • Maak een nieuwe php file aan met de naam van het blok dat je zojuist hebt toegevoegd, genaamd: timeline.php
    • Voeg de volgende code toe aan het bestand:
                                         
    <div class="timeline">
        <InnerBlocks
            allowedBlocks="<?= esc_attr(wp_json_encode(['nrdq-blocks/timeline-child'])); ?>"
            template="<?= esc_attr(wp_json_encode([
                ["nrdq-blocks/timeline-child"]
            ])); ?>"
        />
    </div>
    
  3. Je hebt nu een basis van het blok. De styling kan je nog aanpassen naar wens en ook het blok kan je, wanneer nodig aanpassen.