Cursus Websites bouwen met WordPress

De deelnemers bouwen hun eigen website.

Enkele onderwerpen die behandeld worden:

  • gebruiks- en zoekmachinevriendelijkheid
  • configuratie
  • beheer
  • uitbreidingen van WordPress

Deze cursus is gemaakt in samenwerking met een opleidingsdeskundige (Wouter Swaneveld).

Geplaatst in Cursus, cursus WordPress | Reageren uitgeschakeld

Hyperlinks

De tekst moet nog worden gemaakt.

Geplaatst in Geen categorie | Een reactie plaatsen

Lijsten

Dit bericht moet nog worden gemaakt.

Geplaatst in Geen categorie | Een reactie plaatsen

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.

Geplaatst in bericht & pagina, configuratie, Cursus, cursus WordPress, instellingen, Stap voor stap, Weblog, wordpress | Een reactie plaatsen

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.

Geplaatst in configuratie, Cursus, cursus WordPress, instellingen, pagina, Stap voor stap, Weblog, wordpress | Een reactie plaatsen

Youtube instructies

Om de video’s op de website van VDG Websites beter te kunnen bekijken moet je twee instellingen aanpassen.

Hier lees je hoe je dit doet.

Instellingen

  1. Start de video door op de pijl in het midden te klikken
  2. Plaats, indien nodig, de muisaanwijzer tegen de onderrand van de video. Er verschijnt een zwarte balk met knoppen
  3. Klik op de tandwiel-knop om de kwaliteit van de video in te stellen op 1080p. Als de video schokkerig afspeelt kies je een lagere kwaliteit
  4. Klik op de rechthoekige knop om de video in een volledig scherm te zien
Youtube instellingen

Klik op de afbeelding voor een grotere versie

Geplaatst in Weblog, youtube | Een reactie plaatsen

WordPress gehackt

Omdat WordPress zo populair is, is het een geliefd doelwit van hackers.

Bronnen op internet melden dat er de laatste tijd sprake is van een flinke toename van het aantal aanvallen.

Minimale maatregelen

Wat kun je doen om jouw WordPress-site zo optimaal mogelijk te beschermen:

  • Verwijder het standaardaccount met de inlognaam “admin” en vervang het door een account met een zelf bedachte inlognaam
  • Maak een voldoende ingewikkeld wachtwoord aan met een wachtwoordgenerator zoals Keepass
  • Verander dit wachtwoord regelmatig
  • Zorg dat zowel WordPress, geïnstalleerde plugins als gebruikte thema’s tijdig geüpdatet worden
  • Installeer alleen plugins en thema’s afkomstig uit bronnen die je kunt vertrouwen (zoals de WordPress plugin- en themadirectory)

Aanvullende maatregelen

  • Verwijder plugins en thema’s die wel geïnstalleerd zijn, maar die je niet gebruikt
  • Als je een test WordPress-installatie op dezelfde webserver hebt staan, gelden daarvoor dezelfde beveiligingsregels als voor de hoofdinstallatie
  • Maak gebruik van gespecialiseerde beveiligingsplugins zoals Wordfence of Sucuri

 Backup

Als het dan toch mis gaat kun je maar beter een goede backup hebben gemaakt. Doe dit regelmatig, van zowel WordPress als de database.

Sommige hosting providers hebben daarvoor een speciale pagina in de hostingmanager. Daar kun je met één muisklik een backup maken.
Anders moet je met FTP en phpMyAdmin aan de gang.

Of je laat het VDG Websites doen…

Links

Geplaatst in beveiliging, Geen categorie, onderhoud, Weblog, wordpress | 1 reactie

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”

Geplaatst in Bronmateriaal | Een reactie plaatsen

Afbeeldingen: weergaveinstellingen bijlagen – Afmeting

Thumbnail – 150 x 150

WordPress expert

 

 

 

Gemiddeld – 247 x 300

WordPress expert

 

 

 

 

 

Volledige grootte – 365 x 443

WordPress expert

Geplaatst in Cursus, cursus WordPress, Voorbeelden | Een reactie plaatsen

Afbeeldingen: weergaveinstellingen bijlagen – Link naar

Link naar: Aangepaste URL

Als je op de afbeelding klikt ga je naar een andere pagina / website.

WordPress expert

Link naar: Mediabestand

Als je op de afbeelding klikt wordt de afbeelding getoond.

WordPress expert

Link naar: Bijlagepagina

Als je op de afbeelding klikt wordt de afbeelding getoond als een onderdeel van de site.

WordPress expert

Link naar: Geen

Als je op de afbeelding klikt gebeurt er niets.

WordPress expert

 

Geplaatst in Cursus, cursus WordPress, Voorbeelden | Een reactie plaatsen

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

Geplaatst in Cursus, cursus WordPress, Voorbeelden | Een reactie plaatsen