Wordpress uitgelegd Websitebegeleiding.nl
2012
Websitebegeleiding.nl
[email protected] © 2012
Met behulp van Wordpress is het tegenwoordig een fluitje van een cent om een eigen website of weblog te onderhouden. Met dit handboek heeft u een complete handleiding over de werking van Wordpress in handen. Een handige gids voor mensen die beginnen met Wordpress, met verwijzingen naar stap voor stap video’s geheel in het Nederlands.
Wordpress uitgelegd Een handleiding voor beginners door Websitebegeleiding.nl
Zie voor bijbehorende video’s: Websitebegeleiding.nl
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
2
Inhoud Wordpress voor beginners .................................................................................................................................... 2 Welkom bij je nieuwe Wordpress website! ............................................................................................................ 4 Een eerste indruk ................................................................................................................................................. 4 Inloggen ........................................................................................................................................................... 4 De Achterkant ...................................................................................................................................................... 5 Twee menubalken ............................................................................................................................................ 5 Een nieuw bericht maken ...................................................................................................................................... 6 Opslaan............................................................................................................................................................ 7 Het bewerken en opmaken van een bericht (of pagina) .......................................................................................... 8 De tekst opmaken. ............................................................................................................................................ 9 Een link toevoegen............................................................................................................................................ 9 Een link verwijderen........................................................................................................................................ 10 Het invoegen van een afbeelding......................................................................................................................... 11 Ruimte besparen ............................................................................................................................................ 14 Een Youtubefilmpje invoegen .............................................................................................................................. 17 Extra instellingen ............................................................................................................................................ 19 De begintijd veranderen .............................................................................................................................. 19 Het formaat veranderen .............................................................................................................................. 19 Categorieën ....................................................................................................................................................... 21 Trefwoorden (Tags) ............................................................................................................................................ 23 Reacties ............................................................................................................................................................. 24 Een bericht snel bewerken .................................................................................................................................. 25 Pagina’s ............................................................................................................................................................. 26 Het menu........................................................................................................................................................... 27 Pagina’s toevoegen aan het menu: .................................................................................................................. 29 Widgets ............................................................................................................................................................. 32 Eigen inhoud in een widget.............................................................................................................................. 34 Alleen tekst................................................................................................................................................. 34 Afbeelding in een widget ............................................................................................................................. 35 Onderhoud......................................................................................................................................................... 36 Functionaliteiten ................................................................................................................................................ 36 Hulp................................................................................................................................................................... 36
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
3
Welkom bij je nieuwe Wordpress website! Het webadres van je nieuwe website is: www.jouwdomeinnaam.nl Als je voor de eerste keer naar je website surft, zie je je website met een standaard design. Wij werken hier met een op maat gemaakte sjabloon.
Het ontwerp is klaar, maar er zit zo goed als geen inhoud in. Via deze handleiding leer je inhoud te geven aan je Wordpress website.
Een eerste indruk Inloggen Om artikelen te kunnen plaatsen in je website, zul je eerst moeten inloggen. Het plaatsen gebeurt namelijk aan de “achterkant”. Deze kant krijgt de bezoeker niet te zien. Om in te kunnen loggen tik je achter het webadres /wp-admin, zoals je ook op de afbeelding kunt zien. Gebruikersnaam: jouwnaam Wachtwoord: jouwwachtwoord
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
4
De Achterkant Als je je gebruikersnaam en wachtwoord hebt ingevuld, dan kom je automatisch terecht op je Dashboard. Dit is het centrale “regelsysteem” van je website.
Twee menubalken Je ziet twee menubalken: een grote aan de linkerkant van het scherm, en een smallere aan de bovenkant van het scherm. De bovenste menubalk blijft altijd zichtbaar zolang je bent ingelogd. Ook als je aan de voorkant van je website bezig bent (al kan je dit ook uitschakelen). Via deze menubalk kan je ook uitloggen (klik rechtsboven op je naam en dan op Uitloggen). Via de linkermenubalk kom je op de diverse pagina’s terecht waar je bijvoorbeeld nieuwe berichten kunt aanmaken, of beheren, of waar je nieuwe pagina’s kunt aanmaken of beheren. Er zijn echter nog veel meer mogelijkheden!
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
5
Een nieuw bericht maken Laten we allereerst eens een nieuw bericht aan gaan maken voor je website. Klik in de linker menubalk op Berichten en dan op Nieuw bericht.
De belangrijkste onderdelen heb ik hier aangegeven. 1
4 2
3
1. De titel van het nieuwe bericht. Deze kan altijd nog gewijzigd worden. Bij de titel is het belangrijk (vooral als je je geld wilt gaan verdienen met webloggen) dat je er de woorden in verwerkt waarop je gevonden wilt worden. Maak de titel echter niet de lang, en overdrijf niet. 2. Dit is de opmaakbalk. Vergelijk het met de mogelijkheden die je in het tekstverwerkingsprogramma Word hebt. Je hebt op het internet echter lang niet zoveel mogelijkheden dan dat je in een tekstverwerker zou hebben qua opmaak. Deze eenregelige opmaakbalk kan je uitvouwen naar twee regels, waardoor je wat meer opmaakmogelijkheden krijgt. Dit uitvouwen doe je met deze knop:
3. Het berichtenveld. Hier tik je je artikel in. Het is mogelijk om je berichten in Word te maken en achteraf hier in te plakken. Dit kan niet zonder meer. Word kent veel “troep” in zijn © 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
6
teksten, en die zouden worden mee gekopieerd, waardoor de opmaak er totaal anders uit kan gaan zien, dan dat jij bedoeld hebt. Wil je toch van Word gebruik maken, doe dat dan via deze knop: 4. Het publicatieblok. Hier kan je bepalen of het bericht alleen moet worden opgeslagen om op een ander tijdstip weer te bewerken (Opslaan als concept), of moet worden gepubliceerd. Het uitvouwen van een blok. Soms wordt een blok niet weergegeven, of althans alleen de titelbalk wordt weergegeven.
Klik dan met de linkermuisknop een keer in de titelbalk om het blok uit te laten vouwen. Dit werkt zo bij alle blokjes die weergegeven worden op de pagina.
Opslaan Vergeet niet je bericht op te slaan (Opslaan als concept of Bijwerken) voordat je het gaat bekijken!!
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
7
Het bewerken en opmaken van een bericht (of pagina) Het volgende is van toepassing op berichten, maar ook op pagina’s. Het opmaken en bewerken werkt op precies dezelfde manier. Als je in de linker menubalk klikt op Berichten, krijg je een overzicht te zien van alle gemaakte berichten (concept en gepubliceerd).
Standaard is er altijd een bericht gemaakt als voorbeeld bij een nieuwe Wordpress installatie. Dit bericht heet Hallo wereld!
Zo gauw je er met je muis overheen gaat, wordt er een menu zichtbaar. Als je hier op de link Bewerken klikt, kan je het bericht bewerken.
Je ziet dat hier reeds de titel is ingevuld en er al tekst aan het artikel is toegevoegd.
Het artikel is reeds gepubliceerd, je kunt het rechts in het publicatieblokje zien aan de publicatiedatum.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
8
De tekst opmaken.
Als je met het tekstverwerkingsprogramma Word uit de voeten kunt, dan is het opmaken van de tekst binnen Wordpress geen probleem. Je zult de meeste icoontjes in de opmaakbalk herkennen. De handigste werkwijze is om je teksten eerst zonder opmaak in te tikken. Pas als het stuk gereed is ga je met de opmaak aan de gang. Dubbelklik in een woord om het woord te selecteren en klik dan op de gewenste knop. In het bovenstaande is er gedubbelklikt op het woord eigenwoningbezitters. Als je daarna op de knop B klikt, zul je zien dat het woord eigenwoningbezitters vetgedrukt staat. Is het dan nog niet duidelijk te zien, klik dan even buiten de selectie.
Een link toevoegen. Wat je niet kent van Word, zijn de volgende knoppen: Met behulp van deze knoppen kunt je een link aan een geselecteerde tekst hangen, of juist de link uit een geselecteerde tekst verwijderen. Zoals je weet is een link een verwijzing naar een andere plek op het internet. Dat kan een andere website zijn, maar ook een andere bericht of pagina binnen je eigen website. Wil je een link aanmaken, dan zal je ook het webadres moeten weten van deze link. Het stukje dat ik heb geschreven in dit artikel staat oorspronkelijk op een andere website. Ik wil de bron aan geven als een link. Dit zijn de stappen die ik onderneem: 1. Ik surf naar de desbetreffende website en kopieer het adres in de adresbalk.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
9
2. Ik selecteer de tekst waar de link aan gekoppeld moet worden.
3. Ik druk op de knop met het schakeltje (link). 4. Ik plak het gekopieerde adres in het eerste veld , en geef een passende korte titel.
5. Ik wil graag dat de link geopend wordt in een nieuw venster/tabblad (zodat mijn website ook geopend blijft), dus plaats ik een vinkje. 6. Ik klik op de knop Link toevoegen. Je ziet nu dat de tekst gekleurd en onderstreept is.
Een link verwijderen. Selecteer de tekst waar een link aanhangt en klik op dit icoontje: Is het icoontje grijs en niet gekleurd, dan is de selectie niet juist geweest. Zorg ervoor dat alleen de tekst met de link geselecteerd is (alleen het onderstreepte gedeelte).
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
10
Het invoegen van een afbeelding Wordpress heeft een eigen media bibliotheek. In deze bibliotheek kunnen afbeeldingen zitten, maar ook video’s, geluidsbestanden en documenten (zoals bijvoorbeeld een pdf). Deze bestanden moeten vanaf je eigen computer worden ge-upload naar je bibliotheek. Deze media bestanden kunnen geplaatst worden in een bericht of pagina. In de praktijk zal je een afbeelding pas aan je bibliotheek toevoegen op het moment dat je het nodig hebt in je bericht. Hieronder wordt getoond hoe je dat zou kunnen doen. Ik open het bericht waar de afbeelding moet komen te staan. De gewenste afbeelding staat reeds op mijn computer (zie voor handleiding hoe je een afbeelding van het internet kunt halen en opslaan bijlage 1). Ik zet de cursor op de plaats waar de afbeelding moet worden ingevoegd. Daarna klik ik op de media toevoegen knop.
Het beeldscherm verdeel ik in tweeën. Links open ik de map waarin mijn afbeelding staat, rechts staat Wordpress in een venster open. Ik kan nu de afbeelding van de afbeeldingenmap verslepen naar mijn Wordpress.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
11
Zodra de afbeelding binnen de omkadering is gesleept, en je hebt je muisknop losgelaten, wordt de afbeelding ge-uploadt. Het kan zijn dat je computer de bovenstaande techniek niet ondersteund. Je krijgt dan de afbeelding zoals rechts is weergegeven te zien. Klik dan op de knop Bestand kiezen om de afbeelding te handmatig te uploaden van je computer. Als het hiermee klaar is, scroll dan verder naar beneden op deze popup pagina totdat je het volgende ziet:
Probeer de afbeelding zo klein mogelijk te houden
Kan je veranderen Laat het verwijzen naar je afbeelding. Is standaard.
Hoe groot mag het in het artikel geplaatst worden?
© 2012 – Websitebegeleiding.nl
Klaar? Klikken!
Beperkte uitlijning is mogelijk.
Wordpress uitgelegd
12
Het resultaat:
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
13
Ruimte besparen Wil je ruimte besparen op je website, dan kan je een afbeelding in je bericht (of pagina) plaatsen die al reeds elders op het internet staat. Je hebt hiervoor het webadres van de afbeelding nodig (zie voor het opzoeken van de url van een afbeelding bijlage 2). Volg de stappen zoals uitgelegd onder het hoofdstuk Afbeelding invoegen. Dit keer klik je op het tabblad Van URL.
Ga via een ander tabblad of venster van je webbrowser naar de afbeelding die je wilt invoegen. Klik met de rechtermuisknop op de afbeelding. Klik op de optie: Afbeeldings-URL kopiëren.
Je kunt even controleren of de link juist is door het te plakken in de adresbalk en te kijken of de afbeelding inderdaad te voorschijn komt.
Nu ga je terug naar je Media invoeg venster en plak je de URL die je net gekopieerd hebt in het veld achter URL.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
14
Je kunt een titel aan de afbeelding geven, de uitlijning aangeven en eventueel linken aan. Klik dan op de knop Invoegen in bericht. De afbeelding is nu geplaatst:
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
15
Aangezien het bericht al eerder is gepubliceerd, klik ik op de knop Bijwerken in het Publicatieblok. Daarna bekijk ik de Wijzigingen.
Het resultaat:
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
16
Een Youtubefilmpje invoegen Gelukkig is het invoegen van een Youtubefilmpje niet moeilijk, als je maar weet hoe je het moet doen. Via Youtube zoek ik een filmpje op dat ik wil plaatsen in het bericht. Via Google zoek ik op youtube onderhoud huis Ik bekijk meteen het eerste filmpje in de zoekresultaten. Dit is het filmpje dat ik graag in mijn bericht wil laten zien. Ik heb daarvoor de url nodig. Deze kan ik uit de adresbalk kopiëren en plakken, maar als ik via een omweg op dit filmpje uitkom, dan staat er veel “troep” in de adresbalk.
Een schone url vind ik door op het knopje Delen te klikken.
Er komt een nieuw blok tevoorschijn met een verkorte schone url die reeds is geselecteerd. Je hoeft deze alleen nog maar te kopiëren en te plakken in je bericht. Let er wel op dat de url niet als link in je bericht weergegeven mag worden.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
17
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
18
Extra instellingen De begintijd veranderen Het zou kunnen dat je het filmpje op een bepaalde plaats wilt laten beginnen met afspelen. Bijvoorbeeld pas bij de 1,5 minuut. Dat kan je instellen. Klik op Opties En vink de optie aan waar je de begintijd kan aangeven. Er wordt nu een code achter de link toegevoegd. De link ziet er nu als volgt uit: http://youtu.be/-BFXaIDr-UQ?t=1m30s
Het formaat veranderen Op het moment dat je het formaat wilt gaan veranderen, kan je geen gebruik meer maken van de link. Je zult dan met een ingebouwde code moeten gaan werken. Deze code moet je dan invoegen in het HTML tabblad van je bericht. Allereerst klik je op de knop Insluiten. De code die je kunt gebruiken staat meteen geselecteerd. In deze code staat dat je breedte van je video 420 is en de hoogte 315. Door op de vierkantjes onderaan te klikken, kan je de grootte wijzigen. Het is zelfs mogelijk een aangepaste breedte en hoogte weer te geven. In de selectie worden de wijzigingen automatisch doorgevoerd. Heb je de grootte ingesteld, dan kopieer je de code. Ga terug naar je bericht en klik op het HTML tabblad. Plak nu helemaal onderin de gekopieerde code.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
19
Je zou hier zelfs handmatig nog de grootte kunnen wijzigen. Omdat de url van het vorige Youtube filmpje er ook nog staat, zul je zien dat er dadelijk 2 filmpjes onder elkaar weergegeven gaan worden. Daarom kan je het beste er een weghalen.
Klik je weer op het tabblad Wysiwyg, dan zie je dat de code een geel blok laat zien. De weergave hiervan kan wisselen per gebruikte browser (ik gebruik Google Chrome). Pas via de voorkant zie je het uiteindelijke resultaat. Vergeet niet op te slaan!
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
20
Categorieën Een weblog kan heel veel berichten/artikeltjes bevatten. Op een gegeven moment zijn het er zoveel, dat het overzicht verloren gaat. Handig is het dan om de diverse berichten al tijdens het maken in te delen in categorieën. Zo is het heel handig voor bezoekers van je website om snel berichten te vinden die allemaal met één onderwerp (je categorie) te maken hebben! De categorieën vind je aan de rechterkant van je berichten bewerkingsvenster. Onder het Publicatie blokje. Misschien moet je het eerst nog uitvouwen. Klik dan in de balk naast Categorieën.
Omdat ik bij deze website nog nooit eerder met een categorie heb gewerkt, is er nog maar een standaard categorie, nl. Geen categorie. Je ziet soms bij Wordpress websites dat alle berichten ingedeeld staan in de categorie: Geen categorie. De eigenaars van de website zijn zich dan niet bewust van de mogelijkheden van het aanmaken en gebruiken van een categorie!
Een nieuwe categorie toevoegen . Het toevoegen van een nieuwe categorie gaat heel eenvoudig. Klik gewoonweg in het Categorieënblok op de link Nieuwe categorie toevoegen(1). Vul nu de naam van de categorie in (2), en klik op de knop Nieuwe categorie toevoegen(3).
De nieuwe categorie zie je nu in de lijst verschijnen. Geen categorie vink ik uit en 2 Onderhoud huis is al automatisch aangevinkt.
1
3
Aan de voorkant zie je in de zijbalk in het Categorieën blokje de nieuwe categorie staan. Boven het artikel zie je ook de categorie staan achter: Geplaatst in:
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
21
Je kan een bericht in meerdere categorieën plaatsen. Maar beperk dat zoveel mogelijk. Je kan veel beter met Tags (trefwoorden) werken. Want daarvan kan je heel veel aan het artikeltje hangen. De Tags behandelen we in het volgende hoofdstuk.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
22
Trefwoorden (Tags) Aan een bericht (niet aan een pagina) kan je ook trefwoorden of labels hangen. Deze trefwoorden heten hier Tags. Dit werkt ongeveer hetzelfde als een categorie. Alleen een categorie werkt heel globaal en met de trefwoorden kun je wat meer specialiseren. Je kunt heel erg veel trefwoorden aan een bericht hangen. Probeer het wel met beleid en met mate te doen. Gebruik trefwoorden die het bericht typeren. Stel jezelf eens voor als de bezoeker van je eigen website. Met welke zoekwoorden wil jij het artikel vinden? Gebruik deze woorden als trefwoorden. Je kunt meerdere trefwoorden achter elkaar intikken. Zet een komma tussen de trefwoorden. Als er geen komma wordt gezet tussen twee trefwoorden, dan worden deze twee trefwoorden als één trefwoord gezien. Je kan ook kiezen uit de meest gebruikte tags, dat is voor later erg handig. Nu nog niet, want er zijn nog geen trefwoorden toegevoegd. Links zie je dat het trefwoord onderhoud huis is toegevoegd. Hier heeft geen komma tussen onderhoud en huis gestaan. Wil je een trefwoord verwijderen, klik dan op het kruisje voor het trefwoord.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
23
Reacties Je kan zelf bepalen of mensen mogen reageren onder een bericht of pagina. Dit kan je aan of uit zetten. Vink reacties dan aan of uit. Via trackbacks en pingbacks kom je erachter of andere blogs een artikel/pagina hebben vernoemd. Hebben er mensen gereageerd op jouw artikel/bericht, dan zie je dat onder het tweede blokje Reacties. Vind je deze blokken niet terug op je pagina, klik dan boven op Scherminstellingen, je kan hier namelijk de onderdelen “aan” of “uit” zetten.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
24
Een bericht snel bewerken Als je in de linkermenubalk op Berichten of Alle berichten klikt, dan krijg je aan de rechterkant alle berichten te zien die je hebt gemaakt.
Ga je met je muis over zo’n berichtentitel, dan komt er een menu tevoorschijn. Dit hebben we ook al in het begin van de handleiding gezien. In het begin van de handleiding hebben we gezien wat er gebeurt als je op de link Bewerken klikt. De link Prullenbak spreekt voor zichzelf, en de link Bekijken houdt in dat je het bericht aan de voorkant van de website kunt bekijken. De link Snel bewerken is niet voor de inhoud van het bericht bedoeld. Met behulp van deze link kan je de gegevens erom heen bewerken. Zoals de titel van het bericht, de publicatiedatum, de categorieën, de trefwoorden (tags), enz. Je kan hier zelfs het bericht sticky maken. Dit houdt in dat het bericht altijd bovenaan de pagina blijft staan ongeacht het aantal nieuwere gepubliceerde berichten.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
25
Pagina’s Horen berichten echt bij een weblog, de pagina’s zijn meer een onderdeel voor een gewone website. De berichten worden geplaatst op de pagina genaamd Home en elke nieuw bericht komt bovenaan te staan. Dit zorgt ervoor dat er veel gebeurt op de Home pagina. De andere pagina’s zijn wat dat betreft maar saai. De inhoud zal zelden veranderen.
Bij een nieuwe Wordpress installatie is er standaard al een bericht (Hello World) en een pagina geplaatst. Klik je links in de menubalk op Pagina’s of Alle pagina’s, dan krijg je een overzicht van alle pagina’s te zien. In dit geval alleen maar de Voorbeeld pagina. Ga je met je muis over de Voorbeeld pagina heen, dan zal er (net als bij Alle berichten) een snelmenu te voorschijn komen. Het maken van een nieuwe pagina lijkt erg veel op het maken van een nieuw bericht. Je kunt echter aan de pagina’s geen categorieën en trefwoorden toekennen.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
26
Het menu Als je naar de voorkant van je website kijkt zie je een horizontale menubalk. In de rechterzijbalk staat er geen, maar daar kan wel eentje geplaatst worden. De menubalken kunnen we instellen. We kunnen de volgorde van weergave bepalen, of het pagina’s moeten zijn, externe links of categorieën. In het geval hieronder zijn er de categorieën weergegeven.
Om de menu’s in te kunnen gaan stellen, klik ik via het Dashboard in de linkermenubalk op Weergave, daarna op Menu’s.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
27
2
1
3
4
1. Om een menu te kunnen maken, moet ik hier eerst een menunaam invoeren. Daarna klik ik op de knop Menu aanmaken 2. In het menu kunnen pagina’s, categorieën en aangepaste links worden geplaatst. Een link kan je hier invullen en voorzien van een Label. Dit is de tekst die in het menu moet komen te staan. Klik na het in vullen op de knop Aan menu toevoegen 3. Je moet eerst pagina’s hebben voordat je ze kunt toevoegen aan het menu. Hier kan je ze kiezen. Vind je de pagina niet, klik dan op het tabblad Toon alles, je ziet nu alle pagina’s die je gemaakt hebt. Vink je keuzes aan en klik op de knop Aan menu toevoegen. 4. Ditzelfde geldt ook voor de Categorieën. Vink de gewenste categorieën aan en klik op de knop Aan menu toevoegen. Op het moment dat ik achter Menunaam: Horizontaal heb ingetikt en op de knop Menu opslaan heb geklikt, verschijnt links van dit blok een nieuw blok genaamd Thema locaties. Hier kan ik bepalen waar ik het menu zou willen plaatsen.
Het thema dat ik gebruik, heeft twee mogelijke plaatsen voor een menu. Het Main Menu en het Top Menu. Een menu in de zijbalk wordt geplaatst mbv zogenaamde widgets. Daar © 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
28
komen we later nog op terug. Een nieuw menu kan ik maken door op het Plustabblad te klikken naast Horizontaal.
Pagina’s toevoegen aan het menu: Vink in het Pagina’s blok de pagina’s aan zoals in de afbeelding staat aangegeven. Klik daarna op de knop Aan menu toevoegen.
De volgorde kan je zelf instellen door de pagina balk te verslepen mbv je ingedrukte linkermuisknop. Vergeet niet daarna te klikken op de knop Menu opslaan.
Inmiddels heb ik nog een nieuw menu gemaakt genaamd Top. Daar plaats ik de pagina’s 2 en 4 in. Een link en een categorie in het menu plaatsen gaat zoals je in onderstaande afbeeldingen ziet.
Vergeet niet op de knop Aan menu toevoegen te klikken.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
29
Alles staat nu in het menu Horizontaal. Als de volgorde van de menu items naar wens is, klik dan op de knop Menu opslaan. Daarna klik ik op het tabblad Top om ook daar een Aangepaste link toe te voegen.
Ik vul de velden in en klik op de knop Aan menu toevoegen. In het Topmenu zet ik ook alles in de juiste volgorde en sla het Menu op.
Ik kies het menu Horizontaal voor het Main Menu, en het menu Top voor het Topmenu.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
30
En zo wordt dan het resultaat aan de voorkant:
Hou er rekening mee dat niet elk thema twee horizontale menubalken ondersteund!
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
31
Widgets Widgets zijn blokken met inhoud die je op bepaalde plaatsen in je website kunt zetten. Ze worden dan over de gehele website op die plek weergegeven. Je kunt dan denken aan een welkomst tekst, een zoekveld, een afbeelding of zelfs een video. Als er maar genoeg ruimte is, dan kan je het daarin plaatsen. Meestal worden de widgets ingezet in de zijbalken. De widgets zijn afhankelijk van de mogelijkheden van het thema. Je kunt niet in twee zijbalken widgets zetten als je thema er maar een ondersteund. Binnen Wordpress is er een aparte pagina waar je de widgets kunt vinden. Deze pagina vind je onder de Weergave optie.
Beschikbare en gedeactiveerde widgets Je hebt in het midden twee blokken. Als je de Beschikbare widgets uitvouwt, dan zie je daar alle widgets die tot je beschikking staan. Bij de Gedeactiveerde widgets komen de widgets te staan die je in het verleden gebruikt en ingesteld hebt, maar op dit moment niet nodig hebt. Widgetruimtes De rechterbalk laat de thema mogelijkheden zien. Via het thema wat ik hier gebruik worden er 5 widgetruimtes ondersteund. Ik heb twee zijbalken, twee blokken onderaan de pagina en een ruimte in de voetbalk waar ik widgets in kan stoppen. Omdat ik maar één zijbalk in mijn thema tot mijn beschikking heb, zal de tweede zijbalk onder de eerste zijbalk worden neergezet. Als je op de balk klikt van de Beschikbare widgets, dan vouwt deze zich uit. Afhankelijk van het thema zie je hier de mogelijkheden die je tot je beschi kking hebt. Een widget kan je in beperkte mate bewerken. Je kan er een titel aangeven, en soms wat opties aanvinken. Je kan ze pas bewerken op het moment dat je ze naar hun plaats aan de rechterkant hebt gesleept.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
32
Het verslepen van een widget dat je wilt gaan gebruiken doe je door met je linkermuisknop op de titelbalk te klikken en met ingedrukte muisknop te verslepen naar de gewenste widgetruimte. Daar zal de widget zich ontvouwen en kan je het verder bewerken. Op het moment dat je de widgetruimtes in gebruik neemt, zullen de standaard instellingen worden overschreden. Dat betekent dat in de zijbalk alleen nog maar de widgets te zien zijn die je zelf hebt geplaatst. Ik heb de widgets naar de Primary Sidebar versleept. Via de voorkant ziet dat als volgt eruit: Ingestelde niet gebruikte widgets bewaren. Heb je een widget helemaal ingesteld (titel, inhoud), maar wil je het nu nog niet gebruiken? Versleep het dan naar de Gedeactiveerde ruimte. De instellingen worden bewaard en als je de widget nodig hebt, hoef je het alleen nog maar naar de gewenste widget ruimte te verslepen.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
33
Eigen inhoud in een widget. Wil je zelf bepalen wat er in een widget komt te staan? Dan kan je het beste gebruik maken van de Tekst widget. Versleep deze widget naar de gewenste widgetruimte. (Ik zet het in de primairy sidebar) De widget zal zich automatisch uitvouwen. De titel wordt boven de widget geplaatst aan de voorkant in een balkje. Wil je daar geen tekst boven hebben s taan, dan laat je de titel leeg. Elke keer als je wat hebt veranderd, sla het op via de knop Opslaan!
Alleen tekst In het grote vak eronder kan je gewoon je teksten intikken Als je de optie Automatisch paragrafen toevoegen aanvinkt, dan zal een nieuwe regel ook daadwerkelijk op een nieuwe regel beginnen.
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
34
Afbeelding in een widget . Een widget kan alleen maar met html overweg. Dat betekent dat je zult moeten werken met html codes. Er is echter een slimmigheidje om dit te kunnen omzeilen. Maar een tijdelijk nieuw bericht aan. Maak het helemaal naar je wens, incl. afbeeldingen. Klik daarna op het tabblad HTML en selecteer de gehele tekst en kopieer het. Ga daarna naar je tekstwidget toe en plak het erin. Sla het op, en bekijk het aan de voorkant. Dit werkt helaas niet met een video. Hiervoor heb je een extra plugin voor nodig. Als voorbeeld heb ik de inhoud van het bericht Onderhoud woning gebruikt en in de tekstwidget geplaatst. Omdat alle html codes in het html-tabblad worden weergegeven, hoef ik ze niet zelf te verzinnen. Door de gehele html-code te kopiëren en hier te plakken, zie je dit ook in de voorkant goed terug. Let wel op afbeeldingen die breder zijn dan de zijbalk….
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
35
Onderhoud Het onderhoud is belangrijk bij een Wordpress installatie. Zodra er nieuwe updates voor het cms of plugins zijn, is het belangrijke deze te installeren. Bestel je een Wordpress installatie bij Zichtbaarophetinternet.nl, dan is het mogelijk een onderhoudsabonnement te nemen. Dan worden de updates een keer per maand bijgewerkt.
Functionaliteiten De website kan verder uitgebreid worden met extra functionaliteiten in de vorm van plugins. Deze plugins kan je via het Dashboard -> Plugins zelf opzoeken en installeren.
Hulp Je kunt nu werken met Wordpress. Je bent geen absolute beginner meer! Natuurlijk zullen er vragen zijn, vooral als je verder wilt. Allereerst kan je natuurlijk de helpbron via je website zelf raadplegen. Via het Dashboard zie je boven bij alle pagina’s een helpknop zitten. Als je daarop klikt vouwt de help zich uit.
Weet je iets niet meer, kijk dan eerst hier!
Hulp via het internet Via het internet is er voldoende hulp te vinden. Kijk eerst eens op Websitebegeleiding.nl. Daar vind je videofilmpjes die je stap voor stap een handeling uitleggen. Ook hoe je moet updaten, een plugin of thema moet installeren. Verder zul je hier nog veel meer tips tegen komen. Dan heb je natuurlijk ook nog de Nederlandstalige Wordpress fora die je hier kan vinden: http://nl.forums.wordpress.org/
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
36
De Wordpress codex is dè handleiding voor Wordpress. Hier kan je werkelijk alles vinden. Voor een groot gedeelte reeds in het Nederlands vertaald, maar helaas nog niet alles. Je vindt de Wordpress codex hier: http://codex.wordpress.org/nl:Startpagina Dan heb je ook nog een Nederlandse website met een actieve Wordpress groep waar je vaak snel en goed geholpen wordt: http://www.werkgroepen.net/wordpress/ En nu rest er niets anders dan te schrijven: ga aan de slag! Wees niet bang om van alles uit te proberen!
Dus Succes!!
Irma Heisterkamp www.websitebegeleiding.nl www.zichtbaarophetinternet.nl www.heisterkamp-producties.nl
© 2012 – Websitebegeleiding.nl
Wordpress uitgelegd
37