Je eigen WordPress-website - Deel 2: website inrichten
In deel 1 heb je WordPress geïnstalleerd op de webserver van je hostingprovider. Nu is het hoog tijd om de website vorm te geven en van inhoud te voorzien. Het toevoegen van teksten, afbeeldingen en video's krijg je met het dashboard van WordPress eenvoudig voor elkaar.
Deel 1 nog een keer teruglezen? Dat kan hier! En deel 3 van dit drieluik je eigen Wordpress-site bouwen vind je hier.
Tip 01: Bericht openen
De standaardvormgeving van je WordPress-site oogt nog erg basaal en bestaat uit slechts één webpagina. Verderop in dit artikel passen we dat aan door een ander thema te installeren en nieuwe pagina's toe te voegen. Allereerst voorzie je de website van inhoud, zodat er iets valt te lezen voor je bezoekers. Je kunt bijvoorbeeld aangeven dat er momenteel aan de website gewerkt wordt. Surf naar www.jouwwebsite.nl/wp-login.php, waarbij je 'jouwwebsite' vervangt door je eigen domeinnaam. Log in met je gebruikersnaam en wachtwoord van WordPress. Ga naar Berichten en klik op Hallo wereld om de inhoud van het standaardbericht te openen. Er verschijnt een soort tekstbewerker in beeld waarin je het bericht kunt opmaken. Dit noemt men een WYSIWYG-editor (What You See Is What You Get). Hiermee komt het bericht er aan de 'voorkant' hetzelfde uit te zien.
©PXimport
Tip 01 De WYSIWYG-editor van WordPress vertoont veel overeenkomsten met een reguliere tekstbewerker als Word.
Tip 02: Bericht opmaken
Het staat je vrij om de inhoud van het standaardbericht naar eigen inzicht aan te passen. Kies allereerst voor een andere titel en typ de gewenste inhoud van het bericht. Vergeet hierbij niet om de opmaakfuncties in de bovenste knoppenbalk te gebruiken. Zo maak je tekst bijvoorbeeld cursief of voeg je opsommingstekens toe. Standaard zijn niet alle functies van de knoppenbalk zichtbaar. Klik op het achterste pictogram Toolbar weergeven/verbergen om alle functies uit te vouwen. Je kunt dan onder meer de tekstkleur aanpassen en speciale karakters toevoegen.
Verder is het ook mogelijk om een uitgelichte afbeelding aan het bericht te hangen. Scrol hiervoor een stukje omlaag en klik rechtsonder op Uitgelichte afbeelding instellen. Via Bestanden selecteren kies je een afbeelding uit de Mediabibliotheek of van je eigen schijf. Je koppelt eventueel een onderschrift, alternatieve tekst en beschrijving aan de afbeelding. Bevestig tot slot met Uitgelichte afbeelding instellen. Houd er rekening mee dat het thema bepaalt wat er met de uitgelichte afbeelding gebeurt. Vaak wordt de afbeelding op de voorpagina gepubliceerd als verwijzing naar het volledige bericht. Overigens is het ook mogelijk om direct afbeeldingen aan de WYSIWYG-editor toe te voegen. Gebruik hiervoor de knop Media toevoegen.
©PXimport
Tip 02 Typ de tekst die je op de website wilt publiceren en voeg hier eventueel afbeeldingen aan toe.
Permalinks
Ieder bericht krijgt een eigen webadres. WordPress noemt dit een permalink. Standaard bestaat de url uit een willekeurig nummer of een datum met de titel van het bericht. Tijdens de opmaak van het bericht kun je de structuur van de url handmatig aanpassen, maar handiger is het om de structuur van de permalink in de instellingen vast te leggen, zodat je er geen omkijken meer naar hebt. Ga hiervoor naar Instellingen / Permalinks en bepaal welke elementen je in de url wilt opnemen. Voor veel websites is het gebruikelijk om het jaar, de maand en naam van het bericht in de url te vermelden. Is je website wat statischer, met minder actuele berichten, kies dan voor alleen de berichtnaam. Maak een keuze en klik onderaan op Wijzigingen opslaan.
©PXimport
Geef aan op welke manier je de url van nieuwe berichten wilt opbouwen.
Tip 03: Bericht publiceren
Zodra je het bericht naar tevredenheid hebt opgemaakt, is het tijd voor publicatie. Het is verstandig om een categorie aan het bericht te hangen, zo kun je berichten op een reisblog onderverdelen in de categorieën Europa, Afrika, Azië, Oceanië en Noord- en Zuid-Amerika. Zeker als je regelmatig nieuwe informatie aan je website toevoegt, is het slim om de berichten netjes in te delen. Klik aan de rechterkant op Nieuwe categorie toevoegen en bedenk een naam. Vervolgens bevestig je met Nieuwe categorie toevoegen. Verder biedt WordPress een optie om zogeheten tags aan het bericht toe te wijzen, al is dat niet verplicht. Tags zijn trefwoorden die horen bij het bericht. Schrijf je bijvoorbeeld een reisblog over een rondreis door Italië, dan kies je voor tags als zon, rondreis, Italië, Rome en strand. Wanneer je de juiste categorieën hebt gekozen, publiceer je het bericht op de website. Klik hiervoor op Bijwerken of in het geval van een nieuw bericht op Publiceren. Wil je eerst een voorbeeldweergave zien? Klik dan eerst op Wijzigingen bekijken of bij een nieuw bericht op Voorbeeld.
Tip 04: Nieuwe webpagina
Je weet nu hoe je nieuwe berichten op de hoofdpagina publiceert. Uiteraard wil je de website voorzien van meerdere pagina's. Extra webpagina's zijn met name interessant wanneer je statische informatie wilt laten zien; informatie die weinig actueel is. Veelgebruikte webpagina's zijn hiervoor bijvoorbeeld 'Over ons' of 'Contact'. Klik vanuit het dashboard van WordPress op Pagina's / Nieuwe pagina. Bedenk een paginatitel en voer de tekst in. Vergeet niet om beeld aan de tekst toe te voegen en stel eventueel een uitgelichte afbeelding in. Deze afbeelding verschijnt bij de meeste thema's als vergrote weergave boven aan de pagina. Klik op Publiceren om de pagina definitief toe te voegen.
©PXimport
Tip 04 Het toevoegen van een nieuwe pagina lijkt erg op het bewerken of toevoegen van een bericht.
Tip 05: Hoofdpagina
Nieuwe berichten belanden met het standaardthema automatisch op de homepage van je website. Dat is niet altijd de bedoeling. Misschien stel je liever een webpagina met statische informatie als toegangspoort voor je website in. Een meubelmaker die zijn diensten op een persoonlijke website aanbiedt, wil bijvoorbeeld louter reclame voor zichzelf maken. Het periodiek toevoegen van nieuwe berichten zoals bij een nieuwssite, is in deze situatie dus niet van toepassing. Gelukkig biedt WordPress de mogelijkheid om een specifieke webpagina als voorpagina weer te geven. Zorg ervoor dat de beoogde hoofdpagina gereed is (zie tip 4) en navigeer naar Instellingen / Lezen. Bij de optie Startpagina toont kies je voor Een statische pagina. Selecteer achter Voorpagina in het uitrolmenu de titel van de beoogde webpagina. Je klikt onderaan ten slotte op Wijzigingen opslaan.
©PXimport
Tip 05 Geef aan welke webpagina je als eerste wilt weergeven wanneer bezoekers naar jouw website surfen.
Tip 06: Reacties
WordPress is van oorsprong software om een eigen weblog te creëren, waarbij bezoekers reacties kunnen achterlaten. Niet iedere websitebeheerder zit daarop te wachten. Om die reden is het handig om te weten hoe je deze functie in- of uitschakelt. Open vanuit het dashboard een bericht of pagina. Klik vervolgens rechtsboven op Scherminstellingen, waarbij je controleert of er bij het onderdeel Reacties twee vinkjes staan. Scrol een stukje omlaag en zoek het vak Reacties op. Door het vinkje Reacties toestaan te verwijderen, kunnen bezoekers geen commentaar leveren op jouw bericht of pagina. Via Bijwerken sla je de wijziging op. Wil je de reactiefunctie voor de complete website uitschakelen? Ga dan naar Instellingen / Reacties en verwijder het vinkje voor Sta toe dat bezoekers kunnen reageren op nieuwe artikelen. Klik onderaan op Wijzigingen opslaan.
©PXimport
Tip 06 Indien je reacties van bezoekers niet op prijs stelt, zet je deze functie voor jouw website uit.
Tip 07: Thema wijzigen
Het thema bepaalt grotendeels hoe jouw website eruitziet en is ingedeeld. Denk hierbij aan het kleurenschema, het lettertype en de navigatiestructuur. Afhankelijk van het ingestelde thema, heb je zelfs toegang tot specifieke instellingen om de lay-out en inhoud naar je hand te zetten. WordPress beschikt over duizenden thema's die je zelfs vrijblijvend kunt uitproberen.
Klik in het dashboard-menu op Weergave en ga naar Thema's. Via Nieuw thema toevoegen bekijk je het aanbod. Klik op Eigenschapsfilter en Filters toepassen om het aanbod op kleur en indeling te sorteren. Heb je een mooi exemplaar gevonden? Zweef met de muisaanwijzer boven het thema en kies voor Voorbeeld. Wanneer je tevreden bent met hoe het thema eruitziet, bevestig je de installatie ervan met Installeren. Het geïnstalleerde thema is nog niet actief. Ga weer terug naar Weergave / Thema's en klik op Live voorbeeld om te zien hoe jouw website er met de vernieuwde vormgeving uitziet. Ben je helemaal zeker van je zaak? Kies dan linksboven voor Opslaan & activeren.
©PXimport
Tip 07 De catalogus van WordPress telt duizenden gratis thema's.
Tip 08: Thema uploaden
Naast de catalogus van WordPress zijn er elders op internet nog veel meer thema's te vinden. Er zijn voldoende gratis vindplaatsen, maar bedenk wel dat deze thema's lang niet altijd veilig zijn. Bovendien bevatten ze geregeld verkapte advertenties in de vorm van hyperlinks. Wil je een exclusiever design met meer mogelijkheden, dan kun je er ook voor kiezen om voor een exemplaar betalen. Een aanrader is bijvoorbeeld www.elegantthemes.com.
Voor een bedrag van 69 dollar (zo'n 60 euro) heb je toegang tot 87 uitstekende thema's. Heb je een mooi thema gevonden? Je hebt dan als het goed is een zip-bestand naar je pc gedownload. Door dit bestand naar het WordPress-dashboard te uploaden, is het nieuwe thema voor je website beschikbaar. Navigeer hiervoor binnen het cms naar Weergave / Thema's en klik bovenaan op Nieuwe toevoegen. Via Thema uploaden en Bestand kiezen selecteer je het zip-bestand op je harde schijf. Je klikt vervolgens op Openen, waarna je bevestigt met Nu installeren. Kies als laatste voor Activeren en bekijk het resultaat op je website. Schrik niet als je website er ietwat rommelig uitziet, want je moet het thema nog vormgeven.
©PXimport
Tip 08 Met een betaald thema creëer je een exclusiever design voor je WordPress-site.
Responsive
Tegenwoordig gebruiken we naast de computer veelal mobiele apparaten om websites te bekijken, namelijk de tablet en smartphone. Het is belangrijk dat het gebruikte thema daar rekening mee houdt. In vaktermen is je website dan responsive, waarbij het thema zich automatisch aanpast aan de beschikbare schermruimte. Je thema komt er dan op ieder scherm goed uit te zien, waarbij het met mobiele apparaten niet nodig is om in te zoomen.
Tip 09: Thema vormgeven
Nadat je het thema hebt geïnstalleerd, ga je de website wat meer opsmuk geven. Je regelt dat door alle thema-instellingen nauwkeurig door te nemen en de beschikbare opties te wijzigen. Voeg bijvoorbeeld afbeeldingen, kleuren en een ander lettertype toe. Welke instellingen er exact beschikbaar zijn, is afhankelijk van het gekozen thema. Veel thema's bieden de mogelijkheid om via de functie Customizer aanpassingen te maken. Mits beschikbaar, navigeer je daarvoor vanuit het dashboard naar Weergave / Customizer. Je ziet de huidige lay-out van je website verschijnen, waarbij je het deelvenster aan de linkerkant gebruikt om de instellingen te wijzigen. Het resultaat is direct zichtbaar! Zodra je iets wijzigt, bevestig je bovenaan met Opslaan & publiceren. Veel thema's integreren binnen het dashboard van WordPress overigens ook een eigen menu waarin je het uiterlijk van je website onder handen kunt nemen.
©PXimport
Tip 09 Met de functie Customizer voeg je bijvoorbeeld een favicon aan je website toe.
Tip 10: Menu samenstellen
Afhankelijk van welk thema je hebt gekozen, zijn er één, twee of misschien wel drie plekken beschikbaar voor het menu. Voor de navigatiestructuur op je website is het belangrijk dat je de menu's logisch indeelt. Je gebruikt hiervoor categorieën van berichten en pagina's die je in eerder in dit artikel hebt aangemaakt. Ga vanuit het dashboard naar Weergave / Menu's en bedenk een geschikte menunaam. Nadat je hebt bevestigd met Menu aanmaken, zet je aan de linkerkant een vinkje voor alle pagina's die je in het menu wilt hebben. Klik vervolgens op Aan menu toevoegen. Geef ook aan of je berichten, aangepaste links en/of categorieën aan het menu wilt toevoegen. Wijzig bij het onderdeel Menustructuur de volgorde door de menublokken te verslepen. Je geeft bij Thema locaties aan op welke plek je het zojuist aangemaakte menu wilt weergeven. Bevestig als laatste met Menu opslaan.
©PXimport
Tip 10 Je bepaalt zelf welke pagina's je in het hoofdmenu van je website wilt weergeven.