Algemeen beheer pagina's en menustructuur

Transcriptie

1 Algemeen beheer pagina's en menustructuur Door de pagina's en navigatie (menustructuur) van je website goed te ordenen maak je je website logisch en overzichtelijk voor je bezoekers. Maar ook voor jezelf is dit prettig in het beheer, zeker als je veel pagina's hebt. En zelfs Google houdt van structuur. In deze tutorial daarom uitleg en tips over 'gestructureerd content management'. Dit is een van onze langere tutorials. We zijn een groot voorstander van 'netjes werken in je CMS' en een goede ordening in het beheer van je pagina's en menustructuur is daar een belangrijk onderdeel van. Je zult merken dat je efficiënter werkt als je de tips uit deze tutorial ter harte neemt, en dat geldt zeker als je met meerdere mensen je website beheert. Inhoud Pagina's en menu's: twee verschillende dingen... 2 Ordening in het beheer van je pagina's... 2 Volgorde in het paginaoverzicht... 2 Hiërarchie binnen je pagina's... 4 Wat is een handige volgorde en hiërarchie?... 5 Lege pagina's als 'hulpjes'... 5 Pagina-hiërarchie: ook goed voor Google... 6 Aantal pagina's en soorten informatie in het paginaoverzicht... 6 Pagina kwijt?... 7 Je menustructuur inrichten... 8 Menu-items maken, aanpassen en verwijderen Een pagina toevoegen als menu-item Menu aanpassen of verwijderen Andere soorten menu-items (anders dan pagina's) Een menu naar een andere website linken Een menu naar een blogcategorie linken Tips voor een goede menustructuur Pagina 1 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

2 Pagina's en menu's: twee verschillende dingen Pagina's maak je voor bezoekers veelal bereikbaar via je menustructuur. Omdat pagina's en menu's vaak dezelfde naam hebben, zou je kunnen denken dat een pagina en een menu één en hetzelfde 'ding' zijn. Maar dat is niet zo. Pagina's en menu's zijn aparte dingen, die je op verschillende plekken in het CMS beheert. Pagina's maak en beheer je in het onderdeel Pagina's van WordPress Je menustructuur maak en beheer je in het onderdeel Weergave > Menu's Er is wel een relatie tussen pagina's en menu's, want pagina's kunnen worden gekoppeld aan menu's. Je menustructuur is een soort 'kapstok' waar je pagina's aan 'ophangt'. Maar het is niet zo dat een pagina automatisch een menu wordt, dat moet je apart regelen. Ordening in het beheer van je pagina's Volgorde in het paginaoverzicht Als je in WordPress een nieuwe pagina aanmaakt, wordt die standaard bovenaan in het overzicht geplaatst omdat dit overzicht op aanmaakdatum wordt gesorteerd (met de jongste pagina bovenaan). Heb je veel pagina's dan wordt dat onoverzichtelijk. Gelukkig kun je het paginaoverzicht naar eigen voorkeur sorteren. Elke pagina heeft namelijk een veldje met de naam Volgorde. Door daar getallen in te vullen zullen pagina's op basis van die getallen worden gesorteerd, in plaats van op datum. Je vindt dit veld in het blok Pagina-attributen aan de rechterkant van het bewerkscherm van een pagina. Maar je kunt het ook invullen zonder de pagina te openen, via de optie Snel bewerken bij alle pagina's in het paginaoverzicht. Pagina 2 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

3 Veld Volgorde in het bewerkscherm van de pagina. Veld Volgorde als je klikt op Snel bewerken bij een pagina in het overzicht. TIP Als je de volgorde aanpast via Snel bewerken en vervolgens op Bijwerken klikt, zie je de volgorde niet meteen veranderen. Klik op Alle pagina's om het scherm te verversen of gebruik de toets F5 van je toetsenbord. Daarna zie je de nieuwe volgorde. Dit is een handige sorteerfunctie, maar als je veel pagina's hebt, wordt het bewerkelijk. Daarom bouwt WebGenerator standaard een handigheidje in waarmee je pagina's in het paginaoverzicht kunt verslepen. Ga in het paginaoverzicht met je muis over een pagina heen tot dat je de cursor ziet veranderen in een kruisje met vier pijltjes. Klik en hou je rechtermuistoets ingedrukt, en sleep de pagina naar de gewenste positie. 'Onder water' wordt door deze sleepactie het sorteernummer automatisch aangepast. Pagina 3 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

4 Beweeg je muis over een pagina tot je je cursor ziet veranderen en 'drag & drop' vervolgens de pagina. Hiërarchie binnen je pagina's In de menustructuur van je website zal je hoogstwaarschijnlijk werken met een hiërarchische indeling, ofwel met hoofdmenu's met daaronder submenu's en misschien daaronder nog subsubmenu's. Hoewel je dat apart zult regelen in het beheer van je menustructuur, kun je je pagina's ook alvast op die manier ordenen. We adviseren je ook om dat te doen. Je kunt namelijk een pagina een 'dochter' maken van een andere pagina. Dat doe je met de optie Hoofd in het blok Pagina-attributen in het bewerkscherm van een pagina. Als je de optie Hoofd open klapt zie je alle andere pagina's. De pagina die je bewerkt kun je toewijzen aan een 'hoofd'. Je maakt dan de pagina een dochter van die andere pagina. Kies je voor de optie (geen hoofd), dan is de pagina geen dochter van een andere pagina. Je kunt een pagina ook dochter maken van een pagina die zelf al dochter is. Dan maak je de pagina als het ware een 'kleindochter'. Hiernaast zie je dat eerder aangemaakte dochters en kleindochters met inspringingen worden weergegeven. Eventueel al aanwezige hiërarchie is dus al zichtbaar. TIP Net als bij het veld Volgorde kun je ook de optie Hoofd bewerken via Snel bewerken in het paginaoverzicht. Pagina 4 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

5 Wat is een handige volgorde en hiërarchie? Als je je pagina's sorteert en onderverdeelt in hoofden, dochters en eventueel kleindochters kun je daarbij het beste de volgorde aanhouden waarin je ze ook in de menustructuur op de website zult gaan presenteren. Op die manier ontstaat een logische ordening waarvan je ook plezier van zult hebben bij het inrichten van je menustructuur. In het paginaoverzicht zie je dat 'dochters' inspringen met een streepje en 'kleindochters' met twee streepjes. Bovendien worden ze automatisch onder hun 'hoofden' weergegeven. Door gebruik te maken van de sorteerfunctie (met het veld Volgorde of door simpelweg te slepen) kun je de pagina's precies in de volgorde zetten waarin je ze ook binnen de menustructuur van je site wilt laten zien. Lege pagina's als 'hulpjes' WordPress kent geen 'mappen' in het beheer van pagina's, maar biedt hulpmiddelen zoals een zoekfunctie en sorteeropties waarmee je pagina's kunt terugvinden. Door pagina's te ordenen zoals je ze ook in de menustructuur zult gaan laten zien, creëer je voor jezelf een logisch overzicht waarin je pagina's snel terugvindt. Maar misschien heb je meerdere menu's op je website, of wellicht zijn sommige pagina's helemaal niet opgenomen in het menu. Met lege pagina's kun je dan een visuele onderverdeling maken. Door de namen van die pagina's in hoofdletters te schrijven en bijvoorbeeld een aantal =-tekens voor en achter de naam te zetten, creëer je een soort scheidingslijn. In de afbeelding zie je twee van die pagina's: ===== SNELMENU ===== en ===== DIVERSEN ======. Je kunt dergelijke pagina's als Privé markeren, waardoor ze niet op internet zichtbaar zijn: het zijn immers lege pagina's die je alleen maar aanmaakt als hulpjes in je CMS. TIP Pagina's zijn ook zichtbaar op internet als je ze niet direct via je menustructuur bereikbaar maakt, bijvoorbeeld via Google of links op andere sites. Wil je bepaalde pagina's niet zichtbaar maken, dan kan dat door ze als Privé te markeren, maar ook op andere manier. Een uitgebreide uitleg vind je op: Pagina 5 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

6 Pagina-hiërarchie: ook goed voor Google Google houdt ook van structuur in websites. Structurering van je pagina's ziet Google onder meer terug in de adressen van je pagina's. Stel dat je een pagina Diensten hebt (met een korte introducerende omschrijving per dienst) en per dienst een achterliggende pagina met uitgebreidere informatie. Nemen we als voorbeeld drie dienstenpagina's met als namen Consultancy, Detachering en Projecten, dan zien de adressen van de pagina's er als volgt uit: Hoofdpagina Dochter Dochter Dochter Je ziet dat WordPress de hiërarchie dus ook in de pagina-adressen laat terugkeren. Dit is voor Google een logisch cluster van samenhangende informatie (zoekmachinespecialisten noemen die clusters ook wel silo's). Die samenhang zal je nog verder gaan versterken door je menustructuur corresponderend op te bouwen. Aantal pagina's en soorten informatie in het paginaoverzicht In het paginaoverzicht worden per pagina een aantal paginakenmerken getoond, zoals onder andere de titel, auteur en aanmaakdatum. Maar er kan ook informatie uit de Yoast SEO plugin worden getoond. Verder toont WordPress standaard niet meer dan 20 pagina's per scherm. Heb je meer pagina's, dan moet je doorklikken naar een volgend scherm. Je kunt deze instellingen echter aanpassen via de tab Scherminstellingen recht bovenin: Tabje Scherminstellingen rechtsboven het paginaoverzicht Er schuift dan een paneel naar beneden waarin je kunt aan- en uitvinken welke informatie je per pagina wilt zien én hoeveel pagina's je per scherm wilt zien: Paneel Scherminstellingen bij Alle pagina's Pagina 6 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

7 Als je het aantal pagina's aanpast, moet je even op de knop Uitvoeren klikken. Je instellingen worden onthouden dus je hoeft dit maar één keer te doen. TIP De functie Scherminstellingen zie je op veel plekken in WordPress terugkeren. Vaak laat WordPress binnen een werkscherm alleen de meest gebruikte informatie en functies zien. Met Scherminstellingen kun je hier per scherm je eigen voorkeuren in aangeven. Pagina kwijt? Heb je veel pagina's en ben je een bepaalde pagina even 'kwijt'? Hieronder een paar tips: Gebruik de zoekfunctie recht bovenin van het paginaoverzicht. Weet je wie de pagina heeft gemaakt? Klik op de auteursnaam achter een van de pagina's in het overzicht en alleen de pagina's van die auteur worden dan getoond. Klik op Alle pagina's in de linke kolom om alle pagina's weer te tonen. Kijk in de prullenbak. Die wordt als link getoond boven het paginaoverzicht als er pagina's zijn weggegooid (als de prullenbak leeg is wordt de link niet getoond). Een pagina in de prullenbak kun je terugzetten via de link Herstellen: de pagina gaat dan terug naar het paginaoverzicht. Weet je nog wanneer de pagina ongeveer is aangemaakt? Klik dan op Datum bovenaan het paginaoverzicht: de pagina's worden dan op aanmaakdatum gesorteerd. Klik op Sort by Order bovenin het scherm om de sortering weer terug te zetten naar je eigen sorteervolgorde. Misschien heb je meer pagina's dan WordPress in het paginaoverzicht toont en staat je pagina in een van de volgende schermen. Verhoog dan het aantal pagina's dat in het overzicht wordt getoond, zie de uitleg onder het kopje Aantal pagina's en soorten informatie in het paginaoverzicht op de vorige pagina. Pagina 7 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

8 Je menustructuur inrichten We hebben je nu een uitgebreide uitleg gegeven hoe je je pagina's overzichtelijk kunt sorteren en structureren. Nu is het tijd om uit te leggen hoe je je menustructuur kunt beheren. Voor het beheer van je menustructuur ga je naar Weergave > Menu's: Naar menubeheer gaan via Weergave > Menu's Je komt nu in het volgende scherm: Het werkscherm voor menubeheer zoals het wordt geopend als je klikt op Weergave > Menu's Pagina 8 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

9 Hieronder een uitleg van dit scherm aan de hand van de nummertjes in de afbeelding. Verderop gaan we nader in op het aanmaken en beheren van menu-items. 1. Het scherm opent standaard onder de tab Menu's bewerken. Je zult het scherm ook meestal onder die tab gebruiken. 2. Onder de tab Locaties beheren kun je menu's aan locaties toewijzen. Een locatie is een plek in het design van je website waar het mogelijk is menu's te plaatsen. Over het algemeen hoef je hier niets te doen, alles staat hier al goed ingesteld. 3. Via de tab Scherminstellingen kun je bepalen welke informatie je in dit werkscherm wilt zien. Over het algemeen volstaan de standaard instellingen. 4. Websites hebben vaak meerdere menu's. Bijvoorbeeld een primair menu voor de 'hoofdzaken' (Home, Diensten, Over ons,...) en een secundair menu voor de 'belangrijke bijzaken'. Hier kun je kiezen welk menu je wilt bewerken; klik op Selecteren om dat menu in het werkscherm in beeld te brengen. Het maken van een nieuw menu zal over het algemeen niet nodig zijn, omdat we je website al met menu's op hebben geleverd. 5. In het blok Pagina's zie je je pagina's die je aan menu's kunt koppelen. 6. Via het blok Links kun je menu's linken naar pagina's buiten je eigen website. 7. Via het blok Categorieën kun je menu's linken naar categorieën uit je blog. 8. Hier zie je je complete menustructuur. 9. Vink je deze optie aan, dan worden nieuwe pagina's die je aanmaakt bij Alle pagina's automatisch als hoofdmenu-item toegevoegd aan het menu. We adviseren je om deze optie niet aan te vinken, want nieuwe pagina's komen dan 'zomaar' in het menu terecht en zijn direct zichtbaar voor bezoekers van je website. 10. Bij Thema locaties staat aangegeven op welke plek in je website het menu wordt getoond. Normaalgesproken staat deze instelling goed en hoef je hier niets aan te veranderen. 11. De link Menu verwijderen doet precies wat hij zegt: het menu wordt verwijderd. Gebruik dit alleen als je een menu compleet opnieuw wilt inrichten. 12. Met de buttons Menu opslaan bovenaan en onderaan het scherm bewaar je wijzigingen in je menustructuur. Pagina 9 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

10 Menu-items maken, aanpassen en verwijderen In je menustructuur zal je meestal linken naar pagina's (je kunt ook andere zaken in je menustructuur opnemen, daarover later meer). In het blok Pagina's aan de linkerkant zie je je pagina's. Standaard worden deze getoond onder het tabje Meest recent, gesorteerd op aanmaakdatum (met de jongste pagina's bovenaan). Klik je op het tabje Toon alles, dan worden de pagina's getoond in de volgorde waarin je ze zelf hebt gesorteerd. Via het tabje Zoek kun je specifieke pagina's opzoeken: handig bij veel pagina's. Meest recent toont je pagina's gesorteerd op aanmaakdatum Toon alles toont je pagina's in je eigen sorteervolgorde Via Zoek kun je specifieke pagina's opzoeken TIP Als je je pagina's op voorhand al hebt gerangschikt zoals je ze ook in je menustructuur wilt laten zien, dan is de tab Toon alles waarschijnlijk de meest overzichtelijke weergave voor je. Waarom zie je twee keer "Home" bij Toon alles? De pagina die als homepage (startpagina van je site) moet dienen wordt in WordPress als zodanig geselecteerd via Instellingen > Lezen. Vanwege die aparte status wordt die pagina hier twee keer getoond. Om een pagina toe te voegen vink je die pagina aan en klik je op Aan menu toevoegen. Er wordt een menu aangemaakt en helemaal onderaan het menu toegevoegd. Je kunt het menu vervolgens naar de gewenste plek in het menu slepen en eventueel ook de menutekst aanpassen. Op de volgende pagina's leggen we dat met een praktijkvoorbeeld verder uit. TIP Je kunt ook meerdere pagina's aanvinken of zelfs alle pagina's aanvinken via de link Alle selecteren. Zo kun je pagina's 'in bulk' in de menustructuur plaatsen. Nota bene: de menu's nemen dan niet automatisch de volgorde of hiërarchie van de pagina's aan, dat moet je nog even apart regelen door ze naar de juiste posities te slepen. Pagina 10 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

11 Een pagina toevoegen als menu-item Stel, we hebben een pagina aangemaakt over een nieuwe dienst "Content advies". Dit is een dochterpagina van Diensten. We hebben de pagina al als dochter van Diensten gekenmerkt en in de juiste volgorde gezet ten opzichte van de andere dochterpagina's onder Diensten: Positie van de nieuwe pagina "Content advies" in het paginaoverzicht Via Weergave > Menu's gaan we naar het menubeheer. Bovenin het scherm kijken we of we in het juiste menu werken. Zo niet, dan selecteren we het juiste menu. WordPress laat standaard altijd het menu zien waarin je het laatst gewerkt hebt. Via de optie Selecteer een menu om te wijzigen kun je indien nodig een ander menu selecteren. Pagina 11 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

12 In het blok Pagina's klikken we op Toon alles zodat we de pagina zien terugkeren op dezelfde positie als in het paginaoverzicht. We vinken de pagina aan en klikken op de button Aan menu toevoegen: Toon alles toont de pagina op z'n gesorteerde positie. Vink de pagina aan en klik op Aan menu toevoegen om de pagina in het menu te plaatsen. De pagina wordt nu onderaan in het menu als menu-item toegevoegd. Pak het menu op en sleep het naar de gewenst positie. In dit geval willen we er een submenu van maken van het menu Diensten. Daarom slepen we het menu niet alleen naar boven maar ook een beetje naar rechts. Het nieuwe menu wordt in eerste instantie onderaan toegevoegd... Pagina 12 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

13 We pakken het op en slepen het naar de gewenste positie. Een kadertje laat zien waar we het menu kunnen 'laten vallen'... Als we het menu loslaten staat het op de gewenste positie in de menustructuur. Klik nu op de button Menu opslaan onderaan of bovenaan het scherm. Het menu-item zal nu op je website in het menu zichtbaar zijn. Pagina 13 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

14 Menu aanpassen of verwijderen Een eenmaal geplaatst menu kun je van positie veranderen door het opnieuw te slepen. Daarnaast kun je voor andere handelingen het menu openklikken via het kleine pijltje aan de rechterkant: Klik op het kleine pijltje aan de rechterkant om een menu open te klappen. Het opengeklapte menu. In het opengeklapte menu zie je een aantal opties. We lichten die hieronder toe aan de hand van de nummertjes in de afbeelding. 1. Door opnieuw op het pijltje te klikken klap je het menu weer dicht. 2. Bij Navigatielabel kun je de tekst op het menu aanpassen. Standaard gebruikt WordPress de naam van de pagina, maar dat kun je hier dus aanpassen. 3. In het veld Titelattribuut kun je optioneel een tekst ("title tag") invullen die op je website getoond zal worden als mensen met hun muis over het menu heen gaan. 4. Behalve door te slepen kun je een menu-item ook verplaatsen met de hier getoonde links. 5. Als je klikt op de link achter Origineel ga je naar de gekoppelde pagina op je website. Let op: eventueel niet opgeslagen aanpassingen worden dan niet bewaard (maar je krijgt daar wel eerst een nette waarschuwing van). Pagina 14 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

15 6. Met Verwijderen kun je het menu-item verwijderen. Je verwijdert alleen het menu: de gekoppelde pagina blijft gewoon bestaan (die staat bij Alle pagina's). 7. Met Annuleren klap je het menu-item weer dicht en annuleer je alle eventuele nog niet opgeslagen wijzigingen die je gedaan had. Andere soorten menu-items (anders dan pagina's) Vanuit je menustructuur kun je ook linken naar andere soorten inhoud binnen of zelfs buiten je eigen website. Onder het blokje Pagina's zie je nog twee balkjes: Links en Categorieën. Door op het pijltje aan de rechterkant te klikken kun je deze opties openklappen. We leggen beide opties hieronder uit. Een menu naar een andere website linken Met het blokje Links kun je een menu-item naar een andere website laten linken. Het werkt simpel: vul het adres van de website in bij URL (let op: altijd inclusief en vul de tekst op het menu in bij Linktekst. Klik op Aan menu toevoegen om het menu-item in het menu te zetten. Bedenk dat het voor bezoekers meestal niet logisch is als ze vanuit een menustructuur naar een andere website worden geleid. Er zijn situaties waarin het wel handig kan zijn. Denk aan een bedrijf dat een website heeft, maar (op een ander adres) ook een webshop. Een menu naar een blogcategorie linken Heb je je blog onderverdeeld in meerdere categorieën en wil je vanuit je menu direct naar een specifieke categorie verwijzen, dan kan dat via het blokje Categorieën. Dit blokje toont de categorieën uit je blog. Vink simpelweg de gewenste categorie aan en klik op Aan menu toevoegen om het menu-item in het menu te zetten. Dit menu brengt de bezoeker dan naar de overzichtspagina met berichten uit die categorie. TIP Als je een pagina weggooit of verbergt, denk er dan ook aan een eventueel gekoppeld menuitem uit je menustructuur te verwijderen. Anders leidt het menu-item 'nergens' naartoe. Bezoekers krijgen geen foutmelding of iets dergelijks, maar ze worden omgeleid naar de pagina die als 404- pagina staat ingesteld en dat is niet wat ze hadden verwacht (in onze helpdesk vind je een aparte uitleg over wat een 404-pagina is en hoe je die instelt). Pagina 15 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie

16 Tips voor een goede menustructuur Je menustructuur is misschien wel een van de belangrijkste onderdelen van je website. Hieronder een aantal tips voor een goed menustructuur. Maak je menustructuur niet te 'diep'. Hoeveel lagen je in je site kunt aanmaken is afhankelijk van je webdesign. Meestal is dat drie lagen (hoofdmenu, submenu, subsubmenu). Vaak kun je volstaan met twee lagen. Veelal bouwen we de mogelijkheid in om met een 'primair' en 'secundair' menu te werken. In je primaire menu plaats je de belangrijkste onderdelen, in je secundaire menu de 'belangrijke bijzaken'. Hieronder zie je een praktijkvoorbeeld: onze eigen website. In het primaire menu zie je wat we verkopen, het 'bewijsmateriaal' daarvan (onze portfolio, plus mogelijkheden tot contact of offerte-aanvraag. Andere zaken die we iets minder belangrijk vinden hebben we in het secundaire menu geplaatst om het primaire menu zo kort en krachtig mogelijk te houden. Je hebt kunnen lezen dat je menutitels apart kunt instellen. Denk goed na over die namen, maar ook over welke onderwerpen je op hoofdniveau laat zien. In deze tutorial zag je als voorbeeld soms een hoofdmenu Diensten, met daaronder de diensten Websites, Webshops en marketing. In het echt zouden we dat nooit zo doen. Websites, webshops en marketing zijn onze core business en de reden waarom mensen onze website bezoeken. We zouden die diensten altijd direct op het hoogste niveau plaatsen. Ga je je website voor het eerst vullen, neem dan de tijd om vooraf goed over je menustructuur na te denken. Doe dat niet in het CMS, maar eerst op papier, of met losse blaadjes of memo-stickertjes op de muur (ideaal als je met een team over je menustructuur wilt brainstormen). Je zult merken dat dit erg helpt bij het nadenken over hoe je je site wilt inrichten. Succes met het structureren van je website! Pagina 16 van 16 / Tutorial Algemeen beheer pagina's en menustructuur / versie