Geplaatst in Handleidingen, WordPress

Hoe pagina’s aanmaken en bewerken in WordPress

Bijgewerkt tot WordPress 4.1

Pagina’s menu

Als je in het menu aan de linkerzijde op ‘Pagina’s’ klikt, komen alle pagina’s van de website in beeld.

Overzicht van alle pagina's
Overzicht van alle pagina’s

Een nieuwe pagina maken

Bovenaan naast het kopje ‘Pagina’s’ staat ‘Nieuwe pagina’. Klik hier op om een nieuwe pagina aan te maken.

Een pagina die je wilt bewerken openen

In het grote overzicht staan de namen van de pagina’s onder elkaar vermeld. Achter de namen staat extra informatie over onder meer wie de pagina wanneer heeft aangemaakt.

Door op een titel te klikken kan je de betreffende pagina direct bewerken.

De opbouw van een pagina

WordPress pagina indeling
WordPress pagina indeling

Paginatitel

Bovenaan zie je de tekst ‘Pagina bewerken’ staan. Direct daaronder zie je de titel van de pagina. Deze kun je eenvoudig aanpassen door in het titelvak te klikken.

Tip: Ander menu label

De titel wordt automatisch in de menubalk weergegeven. Als je in het menu een andere omschrijving wilt, kan je dit aanpassen via ‘Navigatielabel’. Ga naar ‘Weergave’, ‘Menu’s’ en selecteer de juiste pagina. Voer bij ‘Navigatielabel’ de korte menutitel in. Voeg eventueel bij ‘Beschrijving’ de oorspronkelijke titel nogmaals in. Als het thema het ondersteund wordt dit als ondertitel weergegeven.  Mijn homepage heeft als titel en beschrijving ‘Een webredacteur biedt uitkomst’ en als navigatielabel ‘Home’.

Permalink

Onder het titelvak staat ‘Permalink’. Dit adres wordt automatisch aangemaakt op basis van de titel. Dit is het directe adres van de betreffende pagina. Het adres is van belang voor de vindbaarheid in Google.

Je kunt de permalink eenvoudig aanpassen door op de knop ‘bewerken’ te drukken. Doe dit alleen als je de pagina net hebt aangemaakt en niet tevreden bent over het adres. Het kan zijn dat er al links naar je pagina zijn en die werken dan niet meer.

Pagina bekijken

Als je op de knop ‘Pagina bekijken’ klikt, schakel je over naar hoe de pagina er op het internet uitziet. Boven in de browser is een zwarte balk zichtbaar met ‘Pagina bewerken’. Door hier op te klikken schakel je terug naar de pagina in de beheeromgeving.

Tip: Eerst opslaan

Heb je wat aangepast en wil je weten hoe het er uit ziet? Sla dan altijd eerst de pagina op via ‘Bijwerken’. Anders gaan de wijzigingen verloren.

Verkorte URL

Met de button ‘Verkorte URL verkrijgen’ kan je een korter webadres voor de pagina aanmaken dat je kunt delen met anderen.

Editor

Media toevoegen

Boven de editor staat de tekst ‘Media toevoegen’. Via deze link kan je afbeeldingen en video’s op de pagina toevoegen. Lees meer hierover op Hoe afbeeldingen en video’s plaatsen in WordPress.

Tabbladen Visueel en Tekst

In de rechterbovenhoek staan twee tabbladen : ‘Visueel’ en ‘Tekst’. Het tabblad Visueel is de gewone ‘Word’ weergave. Als je in dit tabblad teksten typt en deze bijvoorbeeld een andere kleur geeft of schuin zet wordt dit ook zo op je website weergegeven. In het tabblad tekst wordt de HTML code van de tekst weergegeven. Deze kan je hier ook aanpassen.

De werkbalk in de WordPress tekst editor

Met behulp van de werkbalk kan je de tekst opmaken.

Dat kan heel gemakkelijk met de werkbalk die je bovenaan het tekstvak ziet, die je ongetwijfeld ook kent uit Word of een andere tekstverwerker. Een overzicht van alle functies van deze werkbalk vind je in bij Hoe teksten plaatsen en bewerken in WordPress.

Revisies

Onderaan de pagina staat het kopje ‘revisies’. Hier vind je de eerdere versies van de pagina. WordPress slaat iedere paar minuten een actuele versie van de pagina op zodat je altijd terug kunt naar een eerdere versie als je per ongeluk een fout maakt.

Tip: Vink scherminstellingen aan

Zie jij het onderdeel revisies of andere onderdelen niet? Klik dan rechtsboven op ‘Scherminstellingen’ en vink de gewenste vakjes aan.

De pagina publiceren of bijwerken

Rechtsboven op de pagina staat het kader ‘Publiceren’, met de onderdelen:

Opslaan als concept

De pagina wordt opgeslagen, maar nog niet gepubliceerd.

Voorbeeld

Bekijk hoe de pagina er op internet uitziet.

Status

  • Bij ‘Gepubliceerd’ is de pagina op internet te bezoeken.
  • ‘Wachtend op review’ gebruik je als je de pagina eerst door iemand anders wilt laten controleren.
  • ‘Concept’ gebruik je als je de pagina nog niet wilt publiceren, bijvoorbeeld omdat de pagina nog niet af is, of omdat je het pas later wilt publiceren.

Zichtbaarheid

  • Standaard staat de zichtbaarheid op ‘Openbaar’. De pagina is dan voor iedereen op internet zichtbaar.
  • Bij ‘Beschermd met wachtwoord’ moet de bezoeker alleen op deze pagina een wachtwoord invullen om toegang te krijgen.
  • Bij ‘Privé’ heeft alleen de auteur toegang tot de pagina. Hij moet dan wel ingelogd zijn in de beheeromgeving.

Revisies

Door hier op te klikken kan je terug naar een eerder opgeslagen versie van de pagina.

Publiceren op

Hier wordt de tijd en datum weergegeven waarop je een bericht geplaatst hebt. Je kunt dit ook aanpassen. Handig als je bijvoorbeeld nu al een pagina wilt maken die pas volgende week gepubliceerd mag worden.

In de prullenbak

Met de prullenbak kan je pagina’s verwijderen. De pagina’s zijn pas definitief verwijderd als ze ook verwijderd worden in het alle pagina’s overzicht.

Publiceren/Bijwerken

Door op de knop ‘Bijwerken’ (of ‘Publiceren’ bij een nieuwe pagina) te drukken worden de aanpassingen op de website doorgevoerd.

Pagina-attributen

Hoofd

Hier stel je in of de huidige pagina een hoofdpagina is of een sub-pagina van een andere pagina. Als je hier een andere pagina als hoofdpagina instelt, wordt de huidige pagina in het navigatiemenu opgenomen als subpagina. Bovendien wordt de hoofdpagina ook toegevoegd aan de permalink (en dus ook de url) van de subpagina.

Sjabloon

Als het thema beschikt over meerdere templates, vind je hier ook nog het onderdeel ‘sjabloon’. Hier kan je kiezen uit een aantal verschillende templates, die ieder zorgen voor een ander uiterlijk van de pagina.

Volgorde

Bij het venster onder ‘volgorde’ kun je door een nummer in te vullen bepalen als hoeveelste deze pagina wordt getoond in het menu. Voor subpagina’s geldt deze volgorde binnen het submenu.


WordPress Handleidingen


Kan ik u helpen?

Bas Holla is een allround webredacteur die particulieren en organisaties helpt bij het opzetten, inrichten en beheren van websites en andere online communicatiemiddelen. Wilt u meer weten of een vrijblijvende offerte? Neem dan contact op!

Geplaatst in Handleidingen, WordPress

Hoe teksten plaatsen en bewerken in WordPress

Bijgewerkt tot WordPress 4.1

De tekst editor

Het plaatsen en aanpassen van teksten en afbeeldingen gebeurd in berichten en pagina’s op dezelfde manier: in de tekst editor.

WordPress Tekst editor

Als je wel eens een document in Word hebt gemaakt, kan je ook overweg met de tekst editor!

Media toevoegen

Boven de editor staat de tekst ‘Media toevoegen’. Via deze link kan je afbeeldingen en video’s op de pagina toevoegen. Lees meer hierover op Hoe afbeeldingen en video’s plaatsen in WordPress

Tabbladen Visueel en Tekst

In de rechterbovenhoek staan twee tabbladen : ‘Visueel’ en ‘Tekst’. Het tabblad Visueel is de gewone ‘Word’ weergave. Als je in dit tabblad teksten typt en deze bijvoorbeeld een andere kleur geeft of schuin zet wordt dit ook zo op je website weergegeven. In het tabblad tekst wordt de HTML code van de tekst weergegeven. Deze kan je hier ook aanpassen.

Afleidingsvrije modus

Valk onder de tabbladen ‘Visueel’ en ‘Tekst’ staat de knop voor ‘Afleidingsvrije modus’. Door hier op te klikken, blijft alleen de tekst editor in beeld en verdwijnen alle zijbalken.

Afleidingsvrije modus

De werkbalk

Als je op een knop klikt, schakel je de functie in. Als je nu gaat typen krijgt de tekst de eigenschappen van de ingeschakelde functies. Als je nog eens op een knop klikt, schakel je de functie uit. Je kan ook een al getypt stuk tekst selecteren, en op één van de functieknoppen klikken die je wilt gebruiken.

werkbalk vet Vet
Vette tekst

wb41-cursief Cursief
Schuingedrukte tekst

wb41-doorgestreept Doorgehaald
Doorgestreepte tekst

wb41-ul Opsommingslijst

  • eerste opsomming
  • tweede opsomming
  • derde opsomming
  • enz.

wb41-ol Genummerde lijst

  1. nummer 1
  2. nummer 2
  3. nummer 3
  4. enz.

wb41-blockquote Blockquote

Type een stuk tekst en selecteer het. Klik op de Blockquote knop en je je hebt een stuk tekst in een blok. Per thema kan het uiterlijk van een Blockquote verschillen. Sommige thema’s tonen hun blok tussen ‘omgekeerde aanhalingstekens’, andere voegen een achtergrondkleur toe. Meestal wordt het blok vertoond met een inspringing naar rechts.

wb41-hr Horizontale lijn
Een horizontale lijn over de gehele breedte van de pagina.

wb41-links-uitlijnen Links uitlijnen
De tekst en afbeeldingen worden tegen de linkerkantlijn geplaatst.

wb41-centreren Gecentreerd uitlijnen
De tekst en afbeeldingen worden in het midden geplaatst.

wb41-rechts-uitlijnen Rechts uitlijnen
De tekst en afbeeldingen worden tegen de rechterkantlijn geplaatst.

wb41-link Link invoegen/bewerken
Een link maken naar een andere pagina of site. Voorbeeld naar de homepage van deze site:

  • Selecteer een stuk tekst waaruit je wilt linken
  • Klik op de ‘schakel’
  • Een popup schermpje opent. Type of kopieer in het vak URL het internetadres van de site of pagina waar je naar wilt linken. Voor de homepage van deze site is dat  https://www.webredactie.net/
  • Bij ‘Titel’ kun je een optionele tekst invoeren, iets als , ‘naar (naam van site)’. Deze titel wordt getoond als met de muis op de link stilgehouden wordt.
  • Vink ‘Open link in een nieuw venster/tab’ aan als je wilt dat de link in een nieuw scherm opent. De site van waaruit je linkt blijft open in het oorspronkelijke venster. Als je het niet aanvinkt, wordt de site van waaruit je linkt vervangen door de site waar je naar toe linkt.

Tip: Open link in een nieuw venster/tab

Als je linkt binnen jouw eigen site, vink je niet aan ‘Open link in een nieuw venster/tab’.
Als je linkt naar een andere site, vink je wel aan ‘Open link in een nieuw venster/tab’.

  • Als je klikt op ‘Of link naar bestaand bericht of pagina’, verschijnt er een overzicht van eigen pagina’s en berichten, waar je direct naar kan linken, zonder dat je een URL hoeft in te voegen.
  • Klik als laatste op ‘Link toevoegen’ en je komt weer terug in de editor.

wb41-unlink Link verwijderen
Als je een link wilt verwijderen, selecteer dan alle tekst met de link en klik op de ‘link verwijderen’ knop

wb41-meer-lezen Lees-meer-tag invoegen
Op de plek waar je dit invoegt, eindigt het bericht en komt er een link met ‘Meer lezen’, welke doorlinkt naar het volledige bericht. Op deze manier ontstaan er niet onnodig lange lappen tekst op de homepage van je site en kunnen de bezoekers gerichter vinden waar ze belangstelling voor hebben.

wb41-spellingscontrole Spellingscontrole
Mijn ervaring is dat het niet werkt voor nederlandstalige sites.

wb41-weergeven Werkbalk weergeven/verbergen
Als je op deze knop klikt verschijnt of verdwijnt de tweede regel met knoppen.

wb41-paragraaf Stijlen
Als je hierop klikt, kan je verschillende lettergroottes selecteren voor paragrafen en koppen.

Tip: Gebruik ingestelde lettergroottes

Standaard wordt de tekst als paragraaf weergegeven. Gebruik echter ook de verschillende kopgroottes: het geeft rust in de site en de zoekmachines zijn er dol op! Over het algemeen worden de kopregels als volgt gebruikt:

  • Koptekst 1:  Paginatitel
  • Koptekst 2: belangrijke tussenkoppen
  • Koptekst 3: Minder belangrijke tussenkoppen en onderverdelingen

wb41-onderlijnen Onderstreept
Gebruik dit zo weinig mogelijk. Bezoekers zullen denken dat het een link is waarop geklikt kan worden om naar een andere pagina/site te gaan.

wb41-uitvullen Uitvullen
Elke regel wordt over de hele breedte uitgevuld. Wil je dit gebruiken, let er dan op dat je tekst veel kleine woorden bevat. Het kan gebeuren dat je vanwege het uitvullen grote ruimte tussen de tekst krijgt, waardoor je bericht lastiger te lezen is.

wb41-letterkleur Tekstkleur
Klik op het driehoekje, klik op de gewenste kleur en je tekst wijzigt van kleur. Gebruik dit heel spaarzaam, want je site wordt er heel druk van en bezoekers kunnen denken dat er een link achter zit.

wb41-plakken-als-tekst Plakken als tekst
Als je tekst van een andere bron gebruikt, worden vaak opmaakkenmerken mee-gekopieerd. De tekst is dan opeens in een andere lettertype, veel groter of kleiner, of in een andere kleur. Als je op deze knop klikt kan je tekst die je gekopieerd hebt in de editor plakken zonder dat deze opmaakkenmerken worden mee-gekopieerd. Je houdt alleen maar ‘platte’ tekst over zonder links.

Tip: Plakken vanuit Word

Als je direct vanuit Word in de editor plakt worden de lettertype-kenmerken wel verwijderd, maar blijven links en vet en cursief wel intact.

wb41-gum Opmaak verwijderen
Verwijdert opmaak. Wil je de tekstgrootte of de kleur terug naar standaard? Selecteer het bewuste stuk tekst en klik op de gum. Alle opmaak wordt dan verwijderd.

wb41-speciale-karakters Speciaal karakter
Niet iedereen weet gelijk hoe je è, ¾ of € moet typen. Met deze knop heb je ze direct in beeld en hoef je er alleen maar op te klikken om ze in te voegen, zonder dat je de ascii codes hoeft op te zoeken.

wb41-tab-links Inspringen verkleinen
Deze knop maakt dat je tekst een tab naar links gaat.

wb41-tab-rechts Inspringen vergroten
Deze knop maakt dat je tekst een tab naar rechts gaat.

wb41-ongedaan-maken Ongedaan maken
Je maakt de laatste handeling(en) in de editor ongedaan.

wb41-opnieuw Opnieuw
Ongedaan maken bleek toch niet nodig.  Met deze knop herstel je het ongedaan gemaakte.

wb41-toetscombinaties Toetscombinaties
In plaats van je met je muis te klikken op de toolbar, kun je ook toetsencombinaties gebruiken. Onderstaande toetsen gebruik je normaal gesproken in combinatie met de Ctrl-toets. Op een Mac gebruik je in plaats daarvan de Command-toets.

Letter Actie Letter Actie
c Kopiëren v Plakken
a Alles selecteren x Knippen
z Ongedaan maken y Opnieuw
b Vet i Cursief
u Onderstreept 1 Koptekst 1
2 Koptekst 2 3 Koptekst 3
4 Koptekst 4 5 Koptekst 5
6 Koptekst 6 k Link invoegen/bewerken

Voor de volgende sneltoetsen gebruik je een andere toetscombinatie: Alt + Shift + letter.

Letter Actie Letter Actie
n Spelling controleren l Links uitlijnen
j Tekst uitvullen c Centreren
d Doorgehaald r Rechts uitlijnen
u  Lijst a Link invoegen
o 1. Lijst s Link verwijderen
q Citeren m Afbeelding invoegen
w Afleidingsvrije-modus t Meer-tag invoegen
p Pagina-afbreken tag invoegen h Help
x Code tag toevoegen/verwijderen

Focus sneltoets:

Alt + F8 Afbeelding-toolbar (wanneer afbeelding is geselecteerd)
Alt + F9 Bewerker-menu (als ingeschakeld)
Alt + F10 Bewerker-toolbar
Alt + F11 Element-pad

Maak gebruik van de pijltjestoetsen om de focus op andere knoppen te plaatsen. Om focus terug te krijgen op de bewerker klik op escape of maak gebruik van één van de knoppen.


WordPress Handleidingen


Kan ik u helpen?

Bas Holla is een allround webredacteur die particulieren en organisaties helpt bij het opzetten, inrichten en beheren van websites en andere online communicatiemiddelen. Wilt u meer weten of een vrijblijvende offerte? Neem dan contact op!