Categorie archief: cursus WordPress

Maak van WordPress een CMS

En begin daarmee door de homepage aan te passen…

WordPress wordt door velen nog gezien als weblog-software.
Dankzij vernieuwingen in WordPress en met behulp van plugins is het nu echter goed mogelijk er een volwaardig CMS van te maken.

Homepage toont berichten

Een erfenis van dit “weblog”-verleden is dat bij een nieuw geïnstalleerde WordPress de homepage de berichten toont. Ga je WordPress als CMS gebruiken dan heb je daar liever een statische pagina met wervende of uitnodigende tekst.

Homepage aanpassen

Lees hier hoe je in een paar stappen de homepage aanpast:

  1. Log in op de WordPress adminpagina
  2. Maak een nieuwe lege pagina aan met als titel “Weblog”. Deze dient als container-pagina voor de berichten
  3. Ga naar Instellingen → Lezen

    Homepage aanpassen
    Klik op de afbeelding voor een grotere versie
  4. Bij “Startpagina toont” selecteer je de optie “Een statische pagina (hieronder kiezen)”
  5. In het uitklapmenu bij “Voorpagina” selecteer je de pagina die als homepage gaat dienen (dit moet een gepubliceerde pagina zijn)
  6. In het uitklapmenu bij “Berichtpagina” selecteer je de pagina met de titel “Weblog” (zie stap 2)
  7. Klik op de knop “Wijzigingen opslaan”

De pagina met berichten (de “Weblog”) staat nu rechts van de homepage in het navigatiemenu van de website.

Lees meer

Heb je nog vragen of opmerkingen over dit artikel? Laat het mij dan gerust weten via het onderstaande reactieformulier.

Het menu van WordPress aanpassen

Iedere keer als je een pagina in WordPress aanmaakt wordt er een knop toegevoegd aan het hoofdmenu. De tekst van de nieuwe menuknop is dezelfde als de paginatitel. Daardoor kan het menu snel “vollopen”.

Lees hieronder hoe je de tekst van de menuknoppen aanpast. Daarnaast lees je hoe je de volgorde van de menuknoppen verandert.

Aan het eind van dit artikel vind je een korte instructievideo.

Twee manieren

Je past op twee manieren het menu aan je wensen aan.

De eerste en oudste manier is via het onderdeel “Pagina-attributen” in de pagina-editor. Het is een omslachtige en foutgevoelige methode.
Dan kun je beter de tweede methode gebruiken, namelijk die met de toepasselijke naam “Aangepast menu”.

Aangepast menu

Zo maak je een aangepast menu:

  1. Log in op de WordPress adminpagina
  2. Ga naar Weergave → Menu’s
  3. Vul bij het tekstvak “Menunaam” een naam naar keuze in, bijvoorbeeld “Navigatie”
  4. Klik op de knop “Menu aanmaken”

    Aangepast menu aanmaken
    Klik op de afbeelding voor een grotere versie
  5. Bouw je eigen menu door menu-onderdelen, in dit geval pagina’s, in het vak links te selecteren
  6. Klik op de knop “Aan menu toevoegen” om voor elke geselecteerde pagina een menuknop te genereren

    Pagina's toevoegen
    Klik op de afbeelding voor een grotere versie
  7. Bewerk elke menuknop door op de pijl naar beneden in de rechterbovenhoek te klikken

    Menuknoppen bewerken
    Klik op de afbeelding voor een grotere versie
  8. Verplaats een menuknop door hem met de linkermuisknop ingedrukt te verslepen

    Menuknop verplaatsen
    Klik op de afbeelding voor een grotere versie
  9. Je kunt zo ook submenu’s maken. Het submenu wordt ingesprongen weergegeven
    Submenu maken
    Klik op de afbeelding voor een grotere versie

     

  10. Klik tot slot linksboven (onder het kopje “Thema locaties”, “Primair menu”) op het uitklapmenu en selecteer “Navigatie” (zie ook stap 3). Deze stap hoef je alleen de eerste keer uit te voeren
  11. Klik op de knop “Opslaan”

    Aangepast menu opslaan
    Klik op de afbeelding voor een grotere versie

Video

Speel de video indien mogelijk af op een volledig scherm en met de hoogst mogelijk kwaliteit.
Hoe je dit doet lees je in de volgende Youtube-instructies.

Attentie: dit is mijn eerste instructievideo. Het is een ruwe versie, die nog moet worden bewerkt (titels, audio).

Heb je nog vragen of opmerkingen over dit artikel? Laat het mij dan gerust weten via het onderstaande reactieformulier.

Bronmateriaal Assortiment

Brontekst

Kopieer onderstaande tekst:

Assortiment

Gebakssoorten

Eierkoeken

Hazelnootgebak

TomPouzen

Slagroomtaarten

Krentenmik

Chocoladewerk

Bonbons

Chocoladeletters

Voorbeeld van de pagina “Assortiment”

Klik op de afbeelding voor de volledige versie

Screenshot van de pagina "Assortiment"
Deze afbeelding toont de content van de pagina “Assortiment”

Afbeeldingen: weergaveinstellingen bijlagen – uitlijning

Tussen de tekst, uitlijning links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim. WordPress expertAliquam nisl leo, elementum eu euismod vitae, dignissim at neque. Curabitur porttitor, dolor in placerat sollicitudin, dui lectus aliquet arcu, nec iaculis neque orci quis metus. Donec in urna ante. Nulla facilisi. Nunc eleifend fringilla purus sit amet facilisis. Ut hendrerit consequat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat viverra porttitor. Nullam sit amet nisi vitae libero fringilla elementum vel at erat. Cras in sem erat. In hac habitasse platea dictumst.

Tussen de tekst, uitlijning gecentreerd

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim. WordPress expertAliquam nisl leo, elementum eu euismod vitae, dignissim at neque. Curabitur porttitor, dolor in placerat sollicitudin, dui lectus aliquet arcu, nec iaculis neque orci quis metus. Donec in urna ante. Nulla facilisi. Nunc eleifend fringilla purus sit amet facilisis. Ut hendrerit consequat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat viverra porttitor. Nullam sit amet nisi vitae libero fringilla elementum vel at erat. Cras in sem erat. In hac habitasse platea dictumst.

Tussen de tekst, uitlijning rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim. WordPress expertAliquam nisl leo, elementum eu euismod vitae, dignissim at neque. Curabitur porttitor, dolor in placerat sollicitudin, dui lectus aliquet arcu, nec iaculis neque orci quis metus. Donec in urna ante. Nulla facilisi. Nunc eleifend fringilla purus sit amet facilisis. Ut hendrerit consequat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat viverra porttitor. Nullam sit amet nisi vitae libero fringilla elementum vel at erat. Cras in sem erat. In hac habitasse platea dictumst.

Tussen de tekst, uitlijning geen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim. WordPress expertAliquam nisl leo, elementum eu euismod vitae, dignissim at neque. Curabitur porttitor, dolor in placerat sollicitudin, dui lectus aliquet arcu, nec iaculis neque orci quis metus. Donec in urna ante. Nulla facilisi. Nunc eleifend fringilla purus sit amet facilisis. Ut hendrerit consequat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat viverra porttitor. Nullam sit amet nisi vitae libero fringilla elementum vel at erat. Cras in sem erat. In hac habitasse platea dictumst.

Buiten de tekst, uitlijning links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim.

WordPress expert

 

 

 

 

Buiten de tekst, uitlijning gecentreerd

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim.

WordPress expert

Buiten de tekst, uitlijning rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim.

WordPress expert

 

 

 

Buiten de tekst, uitlijning geen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada, ipsum sed fermentum ultricies, justo felis vulputate mauris, in imperdiet mauris mi eu enim.

WordPress expert

Kopteksten

Koptekst 1

Dit is een tekst opgemaakt als Paragraaf. Als je geen opmaakoptie selecteert in de opmaakbalk van de editor wordt de tekst als Paragraaf opgemaakt.

Koptekst 2

Nu volgt een ongedordende lijst:

  • Item
  • Nog een item
  • Als je twee keer een enter geeft wordt de lijst beëindigd

Koptekst 3

Nu volgt een geordende lijst:

  1. Item 1
  2. Item 2
  3. Als je twee keer een enter geeft wordt de lijst beëindigd

Koptekst 4 enzovoort