Gebruikershandleiding

Transcriptie

1 Blok ontwerp & fotografie Veerweg CP Nieuw-Lekkerland Telefoon: KvK Dordrecht: BTW-nummer: NL B01 ING: Gebruikershandleiding Wordpress CMS Korte gebruikershandleiding Wordpress CMS Beste heer/mevrouw, Gefeliciteerd met de oplevering van uw nieuwe website. Om het voor u gemakkelijk te maken om uw website bij te houden hebben wij uw website geïntegreerd in het CMS WordPress. In deze handleiding vindt u beschrijvingen van alle basishandelingen om uw website bij te kunnen houden. Veel succes met het onderhoud en het doorvoeren van verbeteringen op uw website. Heeft u tips of suggesties om deze handleiding te verbeteren? Mail dan uw tip of suggestie naar info@blokof.nl Uw persoonlijke inlog gegevens zijn per naar u verzonden. U heeft deze gegevens nodig om deze hanleiding door te nemen. Inleiding Klanten van Blok ontwerp & fotografie kunnen snel en gemakkelijk hun website bijhouden met een Content Management Systeem. Op het internet wordt een grote diversiteit aan de zogenoemde CMS en aangeboden. Deze systemen hebben ieder zijn eigen voor- en nadelen. Wij hebben gekozen voor het CMS van WordPress. Dit systeem biedt veel mogelijkheden, maar blijft tegelijkertijd overzichtelijk en gemakkelijk te gebruiken. Omdat niet iedereen even handig en doortastend is met dit soort systemen is deze korte handleiding samengesteld. De belangrijkste basishandelingen worden helder en overzichtelijk toegelicht. Heeft u alsnof vragen of opmerkingen? Neem dan gerust contact met ons op via: info@blokof.nl 1

2 Na het lezen en toepassen van deze handleiding bent u in staat om handelingen uit te voeren in de volgende categorieën: * Berichten publiceren * Berichten wijzigen * Berichten verwijderen * Pagina s toevoegen * Pagina s wijzigen * Pagina s verwijderen * Afbeeldingen toevoegen en aanpassen * Filmpjes invoegen * Hyperlinks maken Iedere categorie bestaat uit verschillende toepassingen en voor iedere toepassing is er een uitleg gemaakt waarmee u stap voor stap op weg geholpen wordt om uw website aan te passen. Voordat we nader ingaan op de verschillende categorieën behandelen we eerst een aantal basishandelingen van WordPress zodat u het beter begrijpt en makkelijk toe kunt passen. 23

3 Inhoudsopgave Inleiding 1 1. WordPress basics Inloggen Dashboard Editor 5 2. Pagina s Nieuwe pagina Pagina verwijderen Pagina bewerken 9 3. Berichten Een nieuw bericht publiceren Een bericht verwijderen Een bericht bewerken Media Afbeeldingen toevoegen Een video toevoegen Een hyperlink maken 18 3

4 1. WordPress Basics WordPress is een Content Management Systeem dat wordt geïnstalleerd op het domein van uw website. Hiermee is uw website snel en makkelijk te beheren door simpelweg in te loggen op uw domein met uw WordPress-account wat voor u door Blok ontwerp & fotografie aangemaakt is. Het zichtbare gedeelte op uw website wordt door Blok ontwerp & fotografie als template of theme geprogrammeerd in WordPress. De inhoud van uw website wordt hoofdzakelijk samengesteld door berichten en pagina s. 1.1 Inloggen Voordat u aan de slag kunt met het bewerken en beheren van uw website zult u eerst moeten inloggen. Loop de volgende stappen door om in te loggen op uw WordPressaccount: 1. Open een nieuw scherm of tabblad in uw internetbrowser (bij voorkeur Mozilla Firefox, te downloaden via: 2. Ga naar de homepage van uw website. 3. Plak of typ achter uw domeinnaam de volgende toevoeging: /wordpress/wpadmin en druk op enter. Het adres in uw browser zou er dan zo uit moeten zien: maar dan met uw eigen domeinnaam. Uw scherm zou eruit moeten zien zoals is weergegeven in afbeelding Voer uw gebruikersnaam en wachtwoord in en klik op inloggen. U wordt nu automatisch doorgestuurd naar het dasboard. Blok ontwerp & fotografie heeft u voorzien van gebruikersnaam en wachtwoord. Beschikt u niet over deze gegevens of bent u deze gegevens kwijt, neem dan contact op met Blok ontwerp & fotografie. Afbeelding 1 45

5 1.2 Dashboard Zodra u bent ingelogd bevindt u zich op het dashboard. Aan de linkerkant vind u het menu. Sommige menuonderdelen kunnen worden uitgevouwen om meer opties weer te geven. In deze handleiding maken we gebruik van de menuonderdelen berichten en pagina s. 1.3 Editor De editor kunt u gebruiken voor het bewerken van uw berichten en uw pagina s. Omdat we hier later verder op in gaan wordt eerst een uitleg van deze editor gegeven. Als u bekend bent met het werken in een tekstverwerkingsprogramma zoals Microsoft Word zult u een aantal iconen uit de editor kunnen herkennen. Voor de volledigheid volgt hier een overzicht van de iconen met bijbehorende betekenis. Geselecteerde tekst vet maken Geselecteerde tekst cursief maken Geselecteerde tekst doorhalen Opsomming maken Nummeren Een Quote Links uitlijnen Centreren Rechts uitlijnen Koppeling invoegen/bewerken Koppeling verwijderen Meer tag invoegen (bericht verder lezen) Spellingscontrole aan/uit Volledig venster aan/uit Onderste rij iconen weergeven/verbergen Tekststijl wijzigen Tekst onderstrepen Uitvullen Tekstkleur wijzigen Plakken als platte tekst Maak/Plakken uit Word Formattering verwijderen Media invoegen/bewerken Symbool invoegen Inspringen vergroten Inspringen verkleinen Ongedaan maken Opnieuw Help 5

6 2. Pagina s Zoals al eerder vermeld wordt een website onder meer opgebouwd uit pagina s en berichten. Een standaard website heeft een homepage, een aantal moederpagina s voor de menuonderdelen en meestal hebben de moederpagina s dochterpagina s. Een voorbeeld; Blok ontwerp & fotografie heeft een homepagina. Op de homepagina zijn een aantal menuonderdelen te zien zoals producten, service, en tools. Dit zijn moederpagina s. Wanneer met de muis over producten wordt genavigeerd verschijnt er een dropdownmenu met verschillende producten, dit zijn de dochterpagina s van producten. Het is eindeloos mogelijk om dochterpagina s eigen dochters te geven, maar dit komt niet ten goede van de overzichtelijkheid van de website. Standaard wordt er gebruik gemaakt van twee niveau s. Een situatie waarbij dit voor kan komen is wanneer onder producten verschillende productcategorieën worden getoond en daaronder de bijbehorende producten. In onderstaande paragrafen wordt uitgelegd hoe u pagina s kunt aanmaken, bewerken en verwijderen. 2.1 Nieuwe pagina Het plaatsen van een nieuwe pagina kan op verschillende plaatsen. Zo kunt u een nieuwe pagina aanmaken die zichtbaar wordt in het menu, maar u kunt ook een dochterpagina aanmaken. In eerste instantie maakt u een pagina aan, vervolgens kunt u hier een locatie voor instellen. Onderstaand wordt u stap voor stap duidelijk gemaakt hoe u een nieuwe pagina kunt plaatsen en hoe u hiervan de plaatsing kunt instellen. 1. Ga vanuit het dashboard (of vanuit een andere locatie in uw WordPress account) naar het menu aan de linkerkant van de pagina en klik op het pijltje dat zichtbaar wordt als u met de muis op Pagina s staat. Er vouwt zich nu een menu uit met de onderdelen: Afbeelding 3: Pagina s 67

7 2. Klik op nieuwe pagina. U krijgt dan volgend scherm te zien: Afbeelding 4: Pagina s Nieuwe toevoegen Vul de titel in van de pagina. In het menu van uw website wordt deze titel getoond. Als u deze nieuwe pagina als een dochter heeft bedoeld dient u dit in te stellen. Klik op het pijltje en stel de gewenste moeder in. 7

8 4. U kunt nu in het wysiwyg vak de inhoud van de pagina invullen. 5. Als u klaar bent kunt u de pagina publiceren. Dit doet u door op de knop, rechts onderin de pagina te klikken. U heeft nu een nieuwe pagina toegevoegd. 6. U kunt ook de plek toewijzen waar de pagina komt te staan. Als de pagina geen moeder heeft is dit de plaats in het menu, als de pagina wel een moeder heeft is dit de plaats waar deze onder de moeder komt te staan. U kunt deze volgorde voor iedere pagina zelf instellen. Hoe lager het cijfer, hoe meer deze naar links of naar boven wordt geplaatst (afhankelijk van een verticale of horizontale menustructuur). U kunt een getal toewijzen aan de pagina bij volgorde. Opmerking: U kunt zowel de titel, de moeder en de volgorde in een later stadium nog wijzigen, nadat u de pagina heeft gepubliceerd. 2.2 Een pagina verwijderen Het kan zijn dat u een pagina wilt verwijderen omdat deze verouderd of overbodig is geworden. Bedenk van tevoren goed of u zeker weet dat u de pagina wilt verwijderen. Het is beter om de inhoud van deze pagina te wijzigen, dan hem helemaal te verwijderen. Redenen hiervoor kunnen zijn dat deze pagina nog wel vindbaar is via Google en dat mensen deze pagina in hun favorieten kunnen hebben staan. Als u zeker weet dat u de pagina wilt verwijderen gaat u als volgt te werk. 1. Klik in het menu aan de linker kant van de pagina op pagina s. 2. Zoek de pagina op die u wilt verwijderen. 3. Als u met uw muis over de titel van de pagina die u wilt verwijderen navigeert verschijnen er vier opties. 89

9 * Bewerken * Snel bewerken * Prullenbak * Bekijken 4. U kunt nu dus beter kiezen voor bewerken. Verwijder de content die u wilt verwijderen en vul hier in dat de huidige pagina niet meer bestaat en maak eventueel een link aan naar een vergelijkbare pagina, zodat u deze bezoeker niet direct verliest. 2.3 Een pagina bewerken In deze paragraaf kunt u lezen hoe u een pagina kunt bewerken. Daarnaast worden handige tips gegeven over wat u beter wel en beter niet kunt doen. Om een pagina te bewerken voert u de volgende stappen uit: 1. Klik in het menu aan de linker kant van de pagina op pagina s. 2. Zoek de pagina op die u wilt bewerken. 3. Als u met uw muis over de titel van de pagina die u wilt bewerken navigeert verschijnen er vier opties. * Bewerken * Snel bewerken * Prullenbak * Bekijken 4. Om de pagina te bewerken kiest u voor bewerken. U krijgt nu een scherm te zien met daarin de content van de pagina die u wilt bewerken. 5. U kunt nu de tekst aanpassen en invullen zoals u dat wilt in het wysiwyg vak. U kunt ook de titel van de pagina aanpassen. Als u de wijzigingen heeft doorgevoerd klikt u rechts onderin de pagina op. De wijzigingen worden direct zichtbaar op uw website zodra u deze heeft vernieuwd. 6. Als u een pagina bewerkt kunt u ook de volgorde wijzigen, Deze stap kunt u bij het bewerken van iedere pagina uitvoeren. 9

10 3. Berichten Het maken van nieuwe berichten werkt op vrijwel dezelfde manier als het maken van pagina s. Berichten worden met name gebruikt om een nieuwsarchief of een blog bij te houden. Daarnaast kunnen berichten ook worden gebruikt om een pagina uit op te bouwen. Hier kunt u niet zelf voor kiezen, maar dit is een onderdeel uit het template dat voor uw website is gebruikt. In dit hoofdstuk kunt u lezen hoe u nieuwe berichten kunt publiceren, berichten verwijderen en berichten bewerken. 3.1 Een nieuw bericht publiceren In de volgende stappen wordt duidelijk hoe u een nieuw bericht kunt plaatsen. 1. Ga in WordPress naar het menu aan de linkerkant en klik op berichten. Er verschijnen nu vier opties waar u uit kunt kiezen. * Bewerken * Nieuw bericht * Bericht tags * Categorieën 2. Geef de titel op voor het bericht, deze wordt ook getoond boven het bericht waar deze is geplaatst. U moet ook een categorie aan het bericht koppelen, de categorie bepaalt waar het bericht getoond wordt. Als u bijvoorbeeld als categorie homepage aanvinkt wordt het bericht op de homepage getoond. De naam van de categorie moet overeen komen met de titel van de pagina waar het bericht op getoond moet worden. De pagina moet wel ondersteuning bieden om berichten te tonen, dit moet door Mr- Website in het template worden voorbereid

11 3. U kunt nu beginnen met invoeren van de tekst van uw bericht in het wysiwyg vak. 4. Als u klaar bent met het schrijven van uw bericht moet u het bericht nog publiceren voordat het getoond wordt op uw website. Dit doet u door rechts bovenin op de knop te klikken. 5. Het bericht is na het vernieuwen van uw website zichtbaar op de pagina die correspondeert met de categorie die u heeft aangegeven. 3.2 Een bericht verwijderen Het kan zijn dat u een bericht wilt verwijderen omdat deze niet meer van toepassing is of overbodig is geworden. Bedenk van tevoren goed of u zeker weet dat u het bericht wilt verwijderen. Als u het zeker weet gaat u als volgt te werk. 1. Klik in het menu aan de linker kant van de pagina op berichten. 2. Zoek het bericht op dat u wilt verwijderen. 3. Als u met uw muis over de titel van het bericht dat u wilt verwijderen navigeert verschijnen er vier opties. * Bewerken * Snel bewerken * Prullenbak * Bekijken 4. Om het bericht te verwijderen klikt u op prullenbak. Het bericht wordt nu naar de prullenbak verplaatst en is na het vernieuwen van uw website niet meer zichtbaar. 3.3 Een bericht bewerken Het kan soms erg handig zijn om een bericht te bewerken; wanneer de omstandigheden wijzigen of als u bijvoorbeeld enkel een datum moet aanpassen. Het is aan te raden om in paragraaf 2.3 na te lezen wat u soms beter wel en soms beter niet kunt doen bij het bewerken. 1. Klik in het menu aan de linker kant van de pagina op berichten. 2. Zoek het bericht op dat u wilt bewerken. 3. Als u met uw muis over de titel van het bericht dat u wilt bewerken navigeert verschijnen er vier opties. * Bewerken * Snel bewerken * Prullenbak * Bekijken 4. Om het bericht te bewerken kiest u voor bewerken. U krijgt nu een scherm te zien met daarin de content van het bericht dat u wilt bewerken. 11

12 5. U kunt nu de tekst aanpassen en invullen zoals u dat wilt in het wysiwyg vak. U kunt ook de titel van het bericht aanpassen. Als u de wijzigingen heeft doorgevoerd klikt u rechts onderin de pagina op. De wijzigingen worden direct zichtbaar op uw website zodra u deze vernieuwd. 6. Als u bericht bewerkt kunt u ook de volgorde wijzigen. Dit kunt u doen door de datum van het bericht te wijzigen. Het bericht met de meest recente datum staat bovenaan en hoe langer geleden de datum van een bericht is, hoe verder deze daar onder staat. In onderstaande afbeelding kunt u zien waar u deze datum kunt wijzigen. Vergeet na het wijzigen niet om op de knop Bijwerken te klikken. Daar waar u op bewerken heeft geklikt verschijnt dit deelvenster. U kunt hier uw gewenste datum ingeven

13 4. Media Het is mogelijk om zowel in pagina s als berichten media toe te voegen. Hierbij kunt u denken aan plaatjes en foto s, maar het is ook mogelijk om filmpjes van bijvoorbeeld Youtube toe te voegen. In dit hoofdstuk wordt u stap voor stap uitgelegd hoe u media kunt toevoegen aan uw website. Bedenk dat lang niet alle media geschikt is om op uw website te publiceren. In de laatste paragraaf van dit hoofdstuk wordt uitgelegd waar u op moet letten om te bepalen of uw media geschikt is voor uw website. 4.1 Afbeeldingen toevoegen Het maakt voor de stappen niet uit of u een afbeelding wil toevoegen aan een bericht of aan een pagina. Ook maakt het niet uit of u een pagina of bericht aan het bewerken bent, of dat u een nieuwe aanmaakt. In de volgende stappen wordt duidelijk hoe u afbeeldingen kunt toevoegen aan uw website. 1. Ga naar de pagina of het bericht dat u nieuw wilt aanmaken of wilt bewerken. 2. Merk op dat er boven de editor de volgende iconen zichtbaar zijn: Deze iconen hebben de volgende betekenis: 3. Klik op het icoon om een afbeelding toe te voegen. U krijgt dan het volgende scherm te zien: 13

14 4. Om een afbeelding te kunnen selecteren om in te voegen moet u eerst afbeeldingen toevoegen aan uw Media Bibliotheek. Dit kunt u doen door op de knop te klikken. U krijgt dan een verkenner scherm te zien of een finder voor Mac-gebruikers. Hier kunt u de afbeelding opzoeken en selecteren die u in wilt voegen. Als u het bestand heeft geselecteerd wordt het bestand geupload naar uw Media Bibliotheek in WordPress. 5. U krijgt nu het volgende scherm te zien: naam afbeelding datum U kunt hier al diverse opties selecteren zoals de uitlijning en de afmeting van de afbeelding die u wilt invoegen. In het voorbeeld wordt gekozen voor een uitlijning naar rechts en de afmeting op volledige grootte. Om de afbeelding in te voegen klikt u op de knop invoegen in bericht. De afbeelding wordt ingevoegd op de plaats waar u de cursor had staan op het moment dat u een afbeelding ging invoegen. 6. Klik op Bijwerken (in deze knop kan ook Pagina bijwerken staan). Als u nu uw website vernieuwd kunt u het resultaat bekijken. Als het resultaat u bevalt bent u klaar met het invoegen van een afbeelding. Als het niet bevalt gaat u verder met stap Het kan zijn dat de afbeelding op de website niet zo overkomt zoals u dat bedoeld had. Dat kan komen doordat de afbeelding te groot of te klein is, de afbeelding niet goed uitgelijnd is of dat u de afbeelding op een andere plaats wil hebben. Dit kunt u nog wijzigen. Navigeer in WordPress naar het bericht of pagina waar de afbeelding staat die u wilt bewerken

15 8. Klik met uw muis op de afbeelding waar u de instellingen van wilt wijzigen. U krijgt nu twee iconen te zien op de afbeelding: door op het linker icoon te klikken kunt u instellingen wijzigen. Klikt u op het rechter icoon dan kunt u de afbeelding verwijderen. Als u op het linker icoon klikt krijgt u het volgende scherm te zien: U kunt hier de uitlijning aanpassen, de afmetingen procentueel vergroten en verkleinen en de naam wijzigen. Als de gewenste instellingen hier nog niet bij staan kunt u nog kiezen voor Geavanceerde instellingen. 9. Klik op Geavanceerde instelllingen als u meer instelmogelijkheden wilt bekijken. De enige optie die u in dit scherm moet gebruikten is Afmeting. U kunt hier het aantal pixels voor de breedte en de hoogte instellen en u kunt hier het formaat terugzetten naar de originele grootte. Als u uw wijzigingen heeft doorgevoerd klikt u op de knop. U komt nu weer terug in het originele scherm waar u uw bericht of pagina bewerkt. Ook dat moet bijgewerkt worden om de veranderingen zichtbaar te maken op uw website. Hiervoor klikt u wederom op Bijwerken. 10.Herhaal bovenstaande stappen zo vaak als nodig. 15

16 Als u een afbeelding invoegt moet u er rekening mee houden dat deze geschikt is om op het web te publiceren. Daarbij moet de bestandsgrootte tot een minimum worden beperkt, zodat bezoekers van uw website niet lang hoeven te wachten totdat de afbeelding is geladen. Hou rekening met de volgende bestandspecificaties: 4.2 Een video toevoegen Naast afbeeldingen is het ook mogelijk om video s toe te voegen aan uw website. Het toevoegen van video passen we echter op een andere manier toe dan het toevoegen van afbeeldingen. De reden hiervan is de omvang van de bestandsgrootte van video s. Iedere keer als iemand een video bekijkt die op dezelfde manier als een afbeelding op uw website is geplaatst wordt bekeken, wordt er veel data verzonden van en naar de server waar uw website op staat. Als van deze optie veel gebruik gemaakt zou worden kunnen wij niet meer hetzelfde voordelige tarief voor hosting in rekening brengen. Er bestaat echter een simpele oplossing om dit probleem te omzeilen. Dit doen we door een video in te sluiten (embedden) vanuit Youtube, een gratis dienst van Google waar u video s kunt bekijken en plaatsen. Een voordeel hiervan is dat uw website ook bezoekers trekt via Youtube. Als de video die u wilt plaatsen nog niet op Youtube staat kunt u de handleiding volgen die u kunt vinden op deze website: Zodra uw Youtube video is ingesloten op uw website ziet het er voor de bezoeker uit alsof de video direct op uw eigen website staat. Ga als volgt te werk om dit te realiseren: 1. Zoek in een apart venster op Youtube het filmpje wat u wilt plaatsen op uw site. 2. Als u het filmpje heeft gevonden ziet u onder het filmvenster een aantal opties staan. Klik op <Insluiten>. 3. Er verschijnt nu een klein venster met een aantal opties. U hoeft hier verder niet per se iets mee te doen, behalve de code te kopiëren. (Code selecteren, en dan Ctrl+C of Cmd+C voor Mac gebruikers. U kunt ook rechtermuisknop gebruiken en dan kiezen voor Kopiëren.) 16 17

17 4. Ga nu terug naar de pagina of het bericht dat u nieuw wilt aanmaken of wilt bewerken, waar u de video wilt invoegen. 5. Tot nu toe hebben we alleen nog maar gewerkt in het wysiwyg vak, maar nu klikt u op HTML, rechts naast wysiwyg. 6. Afhankelijk van de pagina of het bericht waar u de video in wil plaatsen krijgt u nu een hoop codes te zien. U zult echter ook tekst herkennen die u heeft geplaatst op deze pagina of in dit bericht. Zoek het woord of het einde van de zin op waaronder u het filmpje wil invoegen. Plaats hier de cursor en druk nu één maal op enter. 7. Plak hier de code die u heeft gekopieerd in stap 3. (Ctrl+V of Cmd+V voor Mac gebruikers. U kunt ook rechtermuisknop gebruiken en dan kiezen voor plakken.) 8. Plaats de cursor achter de code die u net geplakt heeft en druk nogmaals op enter. 9. Klik nu op pagina bijwerken of bericht bijwerken, afhankelijk van waar u wijzigingen in aanbracht. 10. Vernieuw uw website en bekijk of de video op de juiste plaats geplaatst is. Loop bovenstaande handelingen net zo vaak door totdat het filmpje naar uw tevredenheid op de juiste manier is geplaatst. Blader naar de volgende pagina voor de laatste stap: Een Hyperlink maken 17

18 4.3 Een hyperlink maken Een hyperlink (koppeling) is een code die ergens aan gekoppeld wordt die ergens anders naar verwijst. Deze hyperlink kan bijvoorbeeld worden gekoppeld aan een woord, een zin of een afbeelding. Wanneer u daar dan op klikt wordt u doorverwezen naar waar de hyperlink naar verwijst. Deze verwijzing kan naar een andere website zijn,maar het kan ook een andere pagina op uw eigen website zijn. In de volgende stappen wordt duidelijk hoe u met WordPress hyperlinks kunt maken op uw website. 1. Ga naar het venster waar u uw bericht of pagina kunt bewerken. 2. Selecteer het woord, de regel of de afbeelding waar u een hyperlink van wil maken. 3. Klik vervolgens in de editor op. 4. U krijgt nu het volgende venster te zien: Vul bij koppelings-url de pagina in waar u naartoe wilt verwijzen, deze kunt u opzoeken op de website waar u naar wilt verwijzen en kopiëren vanuit de adresbalk. Dit kan een moeder of dochterpagina zijn op uw eigen website, maar u kunt ook naar andere websites linken. Let er hierbij goed op dat blijft staan. 5. Klik op Invoegen 6. U verlaat nu het Koppeling invoegen/bewerken venster en gaat terug naar het wysiwyg vak. Hier klikt u vervolgens op de knop pagina bijwerken of bericht bijwerken, afhankelijk van of u een bericht of een pagina aan het bewerken was. 7. Als u nu uw website vernieuwt zal de hyperlink zichtbaar worden. 8. Als u de hyperlink wilt wijzigen volgt u dezelfde stappen

19 Einde korte gebruikershandleiding Voor vragen en/of opmerkingen kunt u mailen naar info@blokof.nl 19