Gebruikershandleiding WordPress 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
[email protected]. Wilt u het bijhouden van uw website liever overlaten aan MrWebsite? Kijk dan op http://www.mrwebsite.nl/service/servicecontract/ voor de mogelijkheden.
Paul Brink MrWebsite
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
Inleiding Klanten van MrWebsite 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. MrWebsite heeft 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 handleiding samengesteld. De belangrijkste basishandelingen worden helder en overzichtelijk toegelicht. 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.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
1
Inhoudsopgave Inle id in g
1
1.
Wo r dP r es s b a sic s
3
1.1
In l ogge n
3
1.2
D as hb oard
4
1.3
Edi tor
4
2.
P a g in a ’s
6
2.1
N ieu we p a gina
6
2.2
Pa gina v e rwi jd eren
8
2.3
Pa gina b e we rke n
9
3.
Ber i cht en
11
3.1
Ee n n i euw b eri c ht p ub liceren
11
3.2
Ee n b e r ich t v erw ijd eren
12
3.3
Ee n b e r ich t b ew erken
13
4.
M e d ia
15
4.1
Afb ee l d inge n toev oegen
15
4.2
Ee n v i d e o toev oegen
18
4.3
Ee n h y p e rlin k ma ken
20
5.
P r o b le me n o p lo s s e n
22
5.1
H et l u kt nie t
22
5.2
Ik w il het n iet z e lf d oen
22
5.3
S e r v i cec on tra c t
22
5.4
Te lef oni sch e ond erst euning
22
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
2
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 MrWebsite aangemaakt is. Het zichtbare gedeelte op uw website wordt door MrWebsite als template of theme geprogrammeerd in WordPress. De inhoud van uw website wordt hoofdzakelijk samengesteld door berichten en pagina’s. Hier kunt u meer over lezen in hoofdstukken 2 en 3.
1 .1 In lo g g en 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: http://www.mozilla.com/nl/). 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: “http://www.uwdomeinnaam.nl/wordpress/wp-admin” maar dan met uw eigen domeinnaam. Uw scherm zou eruit moeten zien zoals is weergegeven in afbeelding 1. 4. Voer uw gebruikersnaam en wachtwoord in en klik op inloggen. U wordt nu automatisch doorgestuurd naar het “dasboard” (§1.2). MrWebsite heeft u voorzien van gebruikersnaam en wachtwoord. Beschikt u niet over deze gegevens of bent u deze gegevens kwijt, neem dan contact op met MrWebsite.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
3
Afbeelding 1: Inlogscherm WordPress
1 .2 Da s hbo a rd 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 Edit o r 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. Afbeelding 2: Editor
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.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
4
Geselecteerde tekst vet maken
Tekststijl wijzigen
Geselecteerde tekst cursief maken
Tekst onderstrepen
Geselecteerde tekst doorhalen
Uitvullen
Opsomming maken
Tekstkleur wijzigen
Nummeren
Plakken als platte tekst
Een “Quote” maken
Plakken vanuit Word
Links uitlijnen
Formattering verwijderen
Centreren
Media invoegen/bewerken
Rechts uitlijnen
Symbool invoegen
Koppeling invoegen/bewerken
Inspringen vergroten
Koppeling verwijderen
Inspringen verkleinen
‘Meer’ tag invoegen (bericht verder lezen)
Ongedaan maken
Spellingscontrole aan/uit
Opnieuw
Volledig venster aan/uit
Help
Onderste rij iconen weergeven/verbergen
Zoals u kunt zien in afbeelding 2 kunt u in de editor ook switchen tussen ‘Wysiwyg’ (What you see is what you get) en ‘HTML’ (Hypertext Markup Language). Normaal gesproken werken we in de editor met Wysiwyg, maar in enkele gevallen maken we gebruik van de HTML editor. Wanneer dat het geval is wordt dat duidelijk aangegeven.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
5
2 . P a g i n a ’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; MrWebsite 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 Nie uwe pa g in a 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
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
6
2. Klik op nieuwe pagina. U krijgt dan volgend scherm te zien: Afbeelding 4: Pagina’s | Nieuwe toevoegen
3. 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. Afbeelding 5: Titel en moederpagina opgeven
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
7
4. U kunt nu in het ‘wysiwyg’ vak de inhoud van de pagina invullen. In paragraaf 2.3 kunt u verder lezen aan welke eisen de inhoud van het ‘wysiwyg’ vak moet voldoen. 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 Ee n p a g in a ve rwi j d e r e n 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. ✓
Bewerken
✓
Snel bewerken
✓
Prullenbak
✓
Bekijken
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
8
4. U kunt nu dus beter kiezen voor bewerken (§ 2.3). Verwijder de content die u wilt verwijderen en vul hier in dat de huidige pagina niet meer bestaat en maak eventueel een link (§ 4.3) aan naar een vergelijkbare pagina, zodat u deze bezoeker niet direct verliest.
2 .3 Ee n p a g in a b e we r ke n 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, zoals besproken in paragraaf 2.1 stap 6. Deze stap kunt u bij het bewerken van iedere pagina uitvoeren. Wat u beter wel en beter niet kunt doen bij het bewerken van uw pagina in WordPress:
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
9
Do’s
Don’ts
Koppen geeft u aan door de ‘tekststijl’ te
Maak geen koppen door de tekstgrootte aan te
wijzigen. Doorgaans kiest u de stijl van
passen of door ze cursief, vet en/of
‘Koptekst 3’ om een kop te maken omdat
onderstreept te maken. Dit verstoord het beeld
Koptekst 1 en 2 al in gebruik zijn voor andere
en de consistentie op de rest van uw website.
delen van uw website. Gebruik hiervoor dus altijd te tekststijl. Kijk uit met het kopiëren en plakken van tekst Schrijf geen grote lappen tekst. Tekst lezen van in het ‘wysiwyg’ vak. Het komt veel voor dat de een beeldscherm is meestal niet heel prettig. tekstopmaak wordt overgenomen, maar dat
Hou hier dus rekening mee en zorg voor
het niet meteen zichtbaar is. Op de website is voldoende witregels en alinea’s. Opsommingen het dan wel zichtbaar en ziet het er niet mooi
kunt u het best met bullets weergeven.
uit. Soms heeft u met de rechtermuisknop ook de keuze om tekst de plakken in de modus ‘plakken als niet opgemaakte tekst’. Klik tussentijds regelmatig op bijwerken om het Verander de tekstkleur niet. Dit moet in de resultaat van de verandering te bekijken op de code van het template worden verwerkt door website.
MrWebsite.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
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 Ee n n ie u w b e ric h t p u b l i c e r e n 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 MrWebsite in het template worden voorbereid.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
11
Afbeelding 6: Titel en categorie van bericht
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 Ee n b e ri ch t v e rw i j d e r e n 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.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
12
✓
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 Ee n b e ri ch t b e we r k e n 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. 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
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
13
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
te klikken.
Afbeelding 7: Datum bewerken
Daar waar u op bewerken heeft geklikt verschijnt dit deelvenster. U kunt hier uw gewenste datum ingeven.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
14
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 Afb e el d in g e n t o e vo e g e n 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 volgens de beschreven stappen in § 2.1, 2.3, 3.1 of 3.3. 2. Merk op dat er boven de editor de volgende iconen zichtbaar zijn:
Deze iconen hebben de volgende betekenis: Afbeelding toevoegen
Audio toevoegen
Video toevoegen
Media toevoegen
3. Klik op het icoon om een afbeelding toe te voegen. U krijgt dan het volgende scherm te zien:
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
15
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:
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
. 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
(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
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
16
klaar met het invoegen van een afbeelding. Als het niet bevalt gaat u verder met stap 7. 7. 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. 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
.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
17
9. Klik op
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
.
10. Herhaal bovenstaande stappen zo vaak als nodig. 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: Geschikte en aanbevolen bestandstypen: *.jpg, *.jpeg, *.gif, *.png, Dots per inch (Dpi)
72 Dpi (aanbevolen)
Resolutie (breedte x hoogte)
Maximaal 960 x 720 (aanbevolen), nooit groter dan nodig.
4 .2 Ee n v id eo to e v o e g e n 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
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 -
[email protected]
18
kunt u de handleiding volgen die u kunt vinden op deze website: http:// www.google.com/support/youtube/ 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 ‘
’.
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.) 4. Ga nu terug naar de pagina of het bericht dat u nieuw wilt aanmaken of wilt bewerken, waar u de video wilt invoegen volgens de beschreven stappen in paragraaf 2.1, 2.3, 3.1 of 3.3. 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 Macgebruikers. 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.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 - [email protected]
19
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.
4 .3 Ee n h y pe rlin k m ak e n 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.3 of 3.3). 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 ‘http://’ blijft staan. 5. Klik op ‘Invoegen’
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 - [email protected]
20
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.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 - [email protected]
21
5. Problemen oplossen Als deze handleiding niet leidt tot het gewenste resultaat kunt u ook onderstaande mogelijkheden bekijken.
5 .1 Het lu k t ni et Komt u er na het lezen van deze handleiding nog niet uit of wil het echt niet lukken, dan kunt u het werk ook uitbesteden aan MrWebsite. Wij kunnen tegen facturering van de tijd die wij er mee bezig zijn om de aanpassingen te verwerken de veranderingen doorvoeren.
5 .2 Ik w il het n ie t z e lf d o e n Het kan natuurlijk zijn dat u om verschillende redenen geen tijd of zin heeft om veranderingen aan uw website door te voeren. Of u ziet het echt niet zitten om u te verdiepen in de mogelijkheden die u heeft met WordPress. Wij kunnen tegen facturering van de tijd die wij er mee bezig zijn om de aanpassingen te verwerken de veranderingen doorvoeren.
5 .3 Ser v i cec o n tra c t U kunt bij ons een servicecontract afsluiten, waarmee u het onderhoud aan uw website aan ons overlaat. U levert de wijzigingen aan en wij voeren het door. In het servicecontract wordt een budget opgenomen waaruit u iedere maand opnieuw veranderingen kunt laten doorvoeren. U betaalt hiervoor een vast bedrag per maand. Zijn er gedurende een periode geen veranderingen nodig, dan kunt u uw budget ook opsparen om na deze periode grotere veranderingen te laten doorvoeren. Kijk voor meer informatie op http://www.mrwebsite.nl/service/servicecontract/
5 .4 Te le fo n is c h e o n d e r s t e u n i n g Indien u graag een beetje opweg geholpen wilt worden kunnen wij u ook telefonisch ondersteunen, waarbij wij u met behulp van instructies duidelijk kunnen maken hoe WordPress werkt en hoe verschillende functies werken. Vraag naar de mogelijkheden bij MrWebsite.
Marnixstraat 261-2, 1015WH Amsterdam - 020 7173978 - [email protected]
22