Kennismaking met Breakdance - Les 2

Maak van je visitekaartje een mini-website

Wat je leert

In deze uitbreiding leer je:

  • Hoe je meerdere pagina’s maakt en met elkaar linkt.

  • Hoe je extra secties toevoegt om je website persoonlijker te maken.

  • Hoe je consistentie in stijl en navigatie toepast.

Stap 1 – Extra pagina maken

  1. Maak in WordPress een nieuwe pagina en noem deze: Over mij (of Portfolio als je liever werk laat zien).

  2. Publiceer de pagina en bewerk hem met Breakdance.

  3. Voeg hier bijvoorbeeld toe:

    • Een korte tekst over jezelf.

    • Een foto of collage.

    • Een lijstje met dingen die je leuk vindt of waar je goed in bent.

Stap 2 – Maak het persoonlijker

Kies minstens 3 uitbreidingen uit deze lijst of kies zelf geschikte uitbreidingen:

  • Voeg een kleurenpalet toe dat echt bij jou past.

  • Maak een sectie met contactinformatie (bijvoorbeeld een formulier of social media-links).

  • Voeg een galerij toe met foto’s of afbeeldingen die je inspireren.

  • Gebruik iconen om jouw hobby’s of talenten te laten zien.

  • Experimenteer met achtergrondvideo of animatie-effecten.

Stap 3 – Afwerken

  • Zorg dat de stijl (kleur, lettertype, indeling) op beide pagina’s overeenkomt.

  • Controleer of alle knoppen en links werken.

  • Kijk of de website ook op een kleiner scherm (tablet/mobiel) goed leesbaar blijft.

Stap 4 – Bespreken

  • Laat je uitgebreide website aan een klasgenoot zien.

  • Bespreek kort:

    • Welke extra onderdelen heb je toegevoegd?

    • Hoe maakt dit jouw website sterker of persoonlijker?

    • Welke keuzes in stijl heb je bewust gemaakt?

✅ Eindresultaat: Je hebt een visitekaartje uitgebreid tot een kleine persoonlijke website met minstens 2 pagina’s en extra creatieve onderdelen.

Header met navigatie maken in Breakdance

Met een header zorg je dat jouw website een bovenbalk krijgt met een logo en een navigatiemenu. Bezoekers kunnen dan makkelijk naar andere pagina’s klikken.

Stap 1 – Ga naar de Breakdance Header Builder

  1. In het WordPress-dashboard klik je in het menu links op Breakdance → Headers

  2. Klik op Nieuw toevoegen.

  3. Geef je header een naam, bijvoorbeeld: Site Header.

  4. Kies bij Location voor Everywhere

  5. Klik op Publiceren.

👉 Je hebt nu een lege header-template.

Stap 2 – Header bewerken

  1. Voeg een sectie toe.

  2. In deze sectie voeg je een rij (row) met 2 kolommen toe:

    • Linker kolom: voor je logo of sitenaam.

    • Rechter kolom: voor het navigatiemenu.

Stap 3 – Logo of sitenaam toevoegen

  1. Klik in de linker kolom.

  2. Voeg een Image-element toe (upload een logo of gebruik een placeholder).
    👉 Heb je geen logo? Gebruik gewoon een Text-element met je sitenaam.

Stap 4 – Navigatiemenu toevoegen

  1. Klik in de rechter kolom.

  2. Voeg het element Menu Builder toe.

  3. Kies het menu dat je in WordPress hebt gemaakt (bijv. Hoofdmenu).

    • Heb je nog geen menu? Ga naar WordPress-dashboard → Weergave → Menu’s, maak een nieuw menu, voeg pagina’s toe en sla op.

  4. Je ziet nu de pagina’s als knoppen in de header verschijnen.

Stap 5 – Stijl aanpassen

  • Centreer de inhoud in de kolommen.

  • Kies kleuren die passen bij je website (bijv. witte tekst op een donkere achtergrond).

  • Maak de header “sticky” (altijd zichtbaar bovenaan):

    • Selecteer de sectie → Geavanceerd → Sticky → Bovenaan.

✅ Klaar! Je hebt nu een werkende header met navigatie die op al je pagina’s verschijnt.

👑 Inleveren: Lever de URL van je visitekaart-pagina in (de homepage), met een werkende link naar je extra pagina.