Handleiding Wordpress
V 1.0 Door
Inhoud Inloggen op de website ........................................................................................................................... 3 Het Dashboard......................................................................................................................................... 4 Berichten ................................................................................................................................................. 5 Berichten aanmaken ........................................................................................................................... 5 Berichten bewerken ............................................................................................................................ 6 Pagina's .................................................................................................................................................... 7 Pagina's aanmaken .............................................................................................................................. 7 Pagina's bewerken............................................................................................................................... 8 Media....................................................................................................................................................... 9 Media toevoegen ................................................................................................................................ 9 Media bewerken ............................................................................................................................... 12 Inhoud bewerken .................................................................................................................................. 14 Tekst modus ...................................................................................................................................... 15 Wysiwyg modus................................................................................................................................. 17
Inloggen op de website
Om in te loggen op de website ga naar: www.[domeinnaam].nl/wp-admin domeinnaam is de naam van de website, voorbeeld: www.roadit.nl (dit kan ook .eu/ .com etc zijn) Dan komt er een inlogpagina tevoorschijn dat er zo uit ziet:
Er is door Road IT een gebruikersnaam en wachtwoord opgestuurd. Als dat niet zo is, stuur dan een e-mail naar
[email protected] of bel 035 69 184 73. Als er is ingelogd verschijnt er een pagina waarmee de website kan worden beheerd. Dit wordt het dashboard genoemd.
Het Dashboard
Het dashboard zal er ongeveer zoals onderstaande afbeelding uitzien.
Aan de linkerkant staan de items die nodig zijn om te beginnen. Waarvan de belangrijkste: 1. Berichten aanmaken en beheren 2. Pagina's aanmaken en beheren 3. Media bestanden beheren (bijv. afbeeldingen en PDF bestanden)
Berichten
Onder het kopje Berichten staan alle berichten. Dit geldt alleen voor een website met een blog/nieuws pagina. Als dit niet aanwezig is zullen de berichten niet te zien zijn. Als u een blog/nieuws pagina op de website wilt hebben stuur dan een e-mail naar
[email protected] of bel 035 69 184 73. Berichten aanmaken Om een bericht aan te maken, klik op Berichten in het linker menu.
Klik op de knop Nieuw Bericht. Bij het volgende scherm kan een bericht worden gemaakt, hieronder een uitleg van alle velden en knoppen die belangrijk zijn om een bericht goed aan te maken.
Berichten bewerken Om een bericht te bewerken, ga naar Berichten. Kies dan een bericht uit de lijst.
Om het bericht aan te passen, klik op de titel. Dan komt dezelfde pagina tevoorschijn als bij een bericht aanmaken. Hier kunnen velden gewijzigd worden. Belangrijk is dat de pagina weer wordt opgeslagen met de knop Bijwerken.
Pagina's
Onder het kopje Pagina's zijn alle pagina's te vinden. De website bestaat uit pagina's, deze zijn gekoppeld aan menu items en zo kan er genavigeerd worden. Pagina's aanmaken Om een pagina aan te maken, klik op Pagina in het linker menu.
Bij het volgende scherm kan een pagina worden gemaakt, hieronder een uitleg van alle velden en knoppen die belangrijk zijn om een pagina goed aan te maken.
Pagina's bewerken Om een pagina te bewerken, ga naar Pagina's. Kies dan een pagina uit de lijst.
Om de pagina aan te passen, klik op de titel. Dan komt dezelfde pagina tevoorschijn als bij een pagina aanmaken. Hier kunnen velden gewijzigd worden. Belangrijk is dat de pagina weer wordt opgeslagen met de knop Bijwerken.
Media
Bij de knop media kunnen allerlei soorten bestanden worden beheerd. Afbeeldingen: .JPG, .PNG, .GIF etc. Documenten: DOC, DOCX, PDF etc. Media toevoegen Media toevoegen kan op 2 manieren 1. Via Media in het menu. 2. Via Media toevoegen in de desbetreffende pagina of het bericht. Manier 1 Klik op Media in het linker menu.
Om een afbeelding toe te voegen klik op Nieuw bestand.
Dan komt er een laadbalkje
Als deze op 100% staat komt er een overzicht van de bestanden die geupload zijn (meerdere tegelijk mogelijk)
Nu is de afbeelding te kiezen bij een pagina of bericht. Kies dan media toevoegen en kies het bestand in Mediabibliotheek. (zoals te zien in manier 2) Maar als er iets anders mee gedaan moet worden dan is het handig om de URL te hebben.
Meer toelichting hierover staat verderop in dit document onder Media bewerken. Manier 2 de 2e manier is om het bestand toe te voegen bij het bewerken of aanmaken van een pagina.
Net als op manier 1 komt er een laadbalkje en dan is het bestand of zijn de bestanden in een overzicht te zien, en kunnen ze onder de knop Mediabibliotheek worden gekozen.
Media bewerken Media bewerken kan ook op 2 manieren. 1. Direct na het uploaden van een bestand 2. Vanuit het menu item Media Manier 1 Als er net een mediabestand is geupload, zoals op de vorige bladzijde, dan kan de afbeelding gelijk worden bewerkt.
Manier 2 Ga naar Media in het linkermenu en ga met de muis over het mediabestand dat bewerkt moet worden. Klik dan op Bewerken.
Na het klikken op bewerken komt dit scherm. Bestand URL is de letterlijke link naar het bestand. Als voorbeeld het Google logo: https://www.google.nl/images/srpr/logo11w.png Als je op de bovenstaande link klikt kom je uit op het bestand. Dit is de URL van het bestand en hiermee kun je naar de afbeelding verwijzen op de website of andere plekken op het internet maar ook in e-mail berichten.
Als je op Afbeelding bewerken klikt kom je op een pagina waar de afbeelding makkelijk aangepast kan worden. Bijv kantelen of spiegelen.
Inhoud bewerken
Hieronder vallen de pagina’s en berichten. Het bewerken of maken van de inhoud gaat op dezelfde manier bij berichten en pagina’s. Ik laat het voorbeeld met pagina’s zien maar voor berichten werkt het niet anders. Om naar de editor van een pagina te gaan, ga dan vanaf het dashboard naar pagina’s en kies een pagina of ga vanaf de website naar een pagina en kies pagina bewerken bovenin.
De inhoud van een pagina wordt bewerkt met een editor. De editor heeft 2 standen. 1. Wysiwyg Dit is voluit ‘What you see is what you get’. Kortom wat je intypt zou er precies hetzelfde uitzien op de website. 2. Tekst Dit is platte tekst en eigelijk heel basic wat je intypt zie je, alleen de opmaak word zoals bij Wysiwyg niet geregeld door de editor maar moet je zelf invoegen met HTML codes. Normaal gesproken zou ik Wysiwyg meteen aanraden maar helaas werkt maar heel weinig of geen editors helemaal perfect met What you see is what you get. Soms worden er automatisch codes ingevoegd die eigelijk niet zo werken zoals je wilt.
Daarom zou ik voor de meeste basis handelingen aanraden om Tekst te kiezen. Voor handelingen zoals afbeeldingen uitlijnen naar een bepaalde hoek is het handiger om Wysiwyg te gebruiken. Tip: Switch niet te vaak tussen Wysiwyg en Tekst, dan is er kans dat de layout weer veranderd.
Tekst modus
Vaak zien codes op zo’n pagina er heel ingewikkeld uit maar dit valt best mee. Het voordeel van een editor is dat alleen de inhoud aangepast kan worden, dus verder kan het de website niet aantasten. Allereerst staat er bovenin een knop Media toevoegen.
Als je hier een plaatje invoegt zal hij in de Tekst editor een code toevoegen. Dit begint met IMG SRC=. De code die hij invoegt is standaard goed dus daar hoeft niks aan veranderd te worden. Daaronder komt een hele rij met knoppen. Dit is gemaakt zodat de codes niet elke keer ingetypt hoeven te worden. Voor de basis zijn eigenlijk alleen de volgende nodig:
Hieronder de functie van elk knop die belangrijk kan zijn: b i link ul ol li
Dikgedrukt Cursief Een link (kan naar alles zijn, pagina, afbeelding, PDF bestand) Opsomming Genummerde opsommig Elke bullet van een opsomming (zowel voor ul en ol)
Voor de meeste knoppen geld dat er meteen een code wordt ingevoegd. Als voorbeeld Dikgedrukt: Als je op de knop b drukt word de volgende code ingevoerd: <strong> Als je meteen daarachter iets typt... bijvoorbeeld dikgedrukt wordt het zo: <strong>dikgedrukt Als je dan nog een keer op b klikt dan wordt het zo: <strong>dikgedrukt Nu is hij dikgedrukt. De werking van opsommingen is zo: Klik eerst op ul, dan komt er
te staan. Begin dan met de items, bij de eerste keer klikken komt er - en de tweede keer
(om af te sluiten)
Uiteindelijk wordt het zo: Dit is een lijst: Voor een link werkt het anders. Als je hier op klikt komt er een pop up schermpje. (eerst de tekst selecteren waar de link op moet komen) Nu kan er een URL opgegeven worden en optioneel ook geopend worden in een nieuw tabblad. Bij het klikken op Link toevoegen wordt de code ingevoegd. Wat hier niet bijstaat maar wel belangrijk is zijn enters. Deze zijn te maken met Je kunt ze overal invoegen. Twee enters = Dan kun je een nieuwe alinea beginnen. Wysiwyg modus De werking van de Wysiwyg modus is eenvoudiger maar dit heb je zelf minder in de hand. (door de automatisch toevoeging van codes)
De editor balk laat nu andere codes zien.
Net zoals in wordt selecteer je eerst de tekst en kies dan voor dikgedrukt of cursief (dit kan trouwens ook zo in de tekst editor) De opsommingstekens kunnen worden ingevoegd door op of te klikken. Dan komt er automatisch een bullet en daarachter kan getypt worden. Met een enter ga je naar de volgende Dan is er nog tekst links, midden of naar rechts uitlijnen. Dit is ook zoals in Word. Daarna een link invoegen. Selecteer tekst dat een link moet worden en hetzelfde pop up schermpje zal weer komen (net als bij tekst). Als er een afbeelding is ingevoegd (door media toevoegen te kiezen) kan deze nog bewerkt worden.
Klik op het plaatje. Dan komen er 2 icoontjes. De rechter is afbeelding verwijderen en de linker is bewerken. Kies de linker. Hier kan onder andere de positie worden bepaald van de afbeelding, maar daarnaast nog meer.
Dit is versie 1.0 van de handleiding. Als er nog suggesties zijn om meer punten te bespreken hoor ik dat graag. Mail voor suggesties naar [email protected] Alvast Bedankt, Remy van Gelderen Road IT