Persoonlijke handleiding website. Stichting Ik wil

Transcriptie

1 Persoonlijke handleiding website Stichting Ik wil

2 2

3 Inhoud 1. Inloggen De homepage WordPress Toolbar Het Dashboard Berichten Nieuw bericht aanmaken Berichten - Lijst van alle berichten Media Bibliotheek Media - Afbeelding verkleinen Media overzicht media Media - Afbeelding bewerken Media - Afbeelding toevoegen aan bericht / pagina Media - Galerij toevoegen aan bericht / pagina Media YouTube video s op je website plaatsen Pagina s Nieuwe pagina aanmaken Pagina s - Lijst alle pagina s Pagina s Homepagina tekst aanpassen Menu - Aanpassen indeling adres contactformulier aanpassen Wachtwoord wijzigen SEO - Zoekwoorden optimaliseren Zoekwoorden SEO Zoekwoorden optimaliseren - vervolg Meta Slider

4 1. Inloggen Start Dit stappenplan beschrijft de basisstappen die je nodig hebt om content toe te voegen aan de website. Je kunt de website op twee manieren aanpassen. Via de voor- en via de achterkant: het Dashboard. Om in te loggen ga je naar: stichtingikwil.nl/wp-admin Je ziet het volgende scherm: Voer het wachtwoord en gebruikersnaam in en druk daarna op Inloggen. 4

5 2. De homepage Teksten aanpassen via de voorkant Je kunt pagina s het beste aanpassen via de voorkant. Bovenaan de pagina zie je een knop Pagina bewerken. Wanneer je op deze knop drukt, kom je automatisch op de goede plek in het beheer (Dashboard) terecht. 5

6 3. WordPress Toolbar Als je ingelogd bent, zie je bovenaan de homepage de WordPress Toolbar. Als je met je muis over Home: Stichting Ik wil heengaat, verschijnt Dashboard. Dit is het beheer (achterkant) van de website. Op deze manier kun je switchen tussen de voor- en achterkant van de site. Met de knop Nieuw in de toolbar kun je een nieuwsbericht maken, een pagina maken of een nieuw document uploaden in je mediabibliotheek. 6

7 4. Het Dashboard Wanneer je op het Dashboard terecht gekomen bent, staat het menu staat aan de linkerkant. Als je met je muis in de toolbar over Home: Stichting Ik wil heengaat, verschijnt Site bekijken. Op deze manier kun je switchen tussen de voor- en achterkant van de site. Met behulp van het menu aan de linkerkant kun je berichten aanpassen en aanmaken, documenten uploaden in je mediabibliotheek, pagina s aanpassen en aanmaken, het contactformulier aanpassen, je inloggegevens aanpassen of een slider aanpassen/ maken. Met de knop Nieuw in de toolbar kun je een nieuw bericht maken, een pagina maken of een nieuw document uploaden in je mediabibliotheek. Er zijn dus verschillende manieren om een nieuw item aan te maken. 7

8 5. Nieuws 5.1 Nieuwsbericht aanmaken 1 Nieuw bericht Klik bij het linker menu op het kopje Nieuws en vervolgens op Voeg toe. 2 Titel hier invoeren. Probeer korte pakkende titels te gebruiken, zodat snel duidelijk is waar het bericht over gaat. 3 Bericht invoeren. Zorg ervoor dat wanneer je tekst gaat plakken dit altijd doet vanuit kladblok. Wanneer je tekst rechtstreeks vanuit een bron (zoals Word) met opmaak plakt dan komt er ongewenste informatie mee wat kan resulteren in fouten op de website. 6 Publiceren Via de knop publiceren maak je het bericht zichtbaar op de website. Je kunt een bericht direct publiceren of er voor kiezen dit in te plannen voor een later tijdstip. Mocht een bericht nog niet zichtbaar moeten zijn, dan kan de status of zichtbaarheid aangepast worden. Wanneer een bericht verwijderd dient te worden kun je klikken op in de prullenbak. Een bericht dat naar de prullenbak is verplaatst kan op een later tijdstip weer uit de prullenbak worden gehaald, zie hiervoor alle nieuws berichten. 4 Media toevoegen Voeg desgewenst media toe aan het bericht. Zie hoofdstuk Media toevoegen voor meer informatie hierover. 5 Uitgelichte afbeelding Uitgelichte afbeeldingen bij nieuwsberichten staan uit bij deze site. Je hoeft hier dus niets mee te doen. 8

9

10 5.2 Nieuws - Lijst van alle nieuwsberichten 1 Alle nieuwsberichten Voor een overzicht van alle beschikbare berichten klik op Alle nieuws berichten onder het kopje Nieuws. 2 Titel van het bericht Het titel van het bericht is klikbaar waardoor je op de bewerk pagina van het bericht terecht komt. 3 Prullenbak Verwijderde berichten worden in de prullenbak geplaatst, klik op Prullenbak om een overzicht te zien van verwijderde berichten. 4 Filter Wanneer er veel berichten zijn kan het moeilijk zijn overzicht te houden, je kunt dan gebruik maken van de filter optie om snel de berichten te vinden die je zoekt. 6 Snel bewerken Wanneer je met je muis over een bericht gaat krijg je een extra menu te zien. In dit menu kun je direct kiezen voor het verwijderen van berichten maar ook de optie snel bewerken is hier aanwezig welke makkelijk kan zijn om bijvoorbeeld de categorie of titel van een bericht te wijzigen. 7 Snel bewerken De tweede afbeelding is een weergave van de Snel bewerken optie. Het vinden van de juiste berichten kan wel eens lastig zijn via het Dashboard. De makkelijkste manier om het juiste bericht te vinden is door vanaf de homepage naar het betreffende bericht te navigeren en op de bewerken knop te klikken. 5 Zoek nieuws Wanneer de titel bekend is van het bericht dat je zoekt kun je via de zoekoptie eenvoudig het nieuwsbericht terug vinden. 10

11

12 6. Media 6.1 Bibliotheek 1 Bibliotheek Voor een overzicht van alle media bestanden klik op Bibliotheek onder het kopje Media. 2 Overzicht alle geüploade bestanden Wanneer je een bestand wilt bekijken of aanpassen kun je erop klikken in de overzichtslijst. 3 Filters en Massaselectie Via de filters kun je de bestanden sorteren op type (audio / video / afbeelding) of op datum. Wanneer je meerdere bestanden tegelijk wilt verwijderen kun je kiezen voor massaselectie. 4 Zoeken Is de naam van het bestand dat je zoekt bekend dan kun je de zoekfunctie gebruiken om snel het bestand te zoeken. 6 Bestanden selecteren Via de knop bestanden selecteren kun je vanaf je computer bestanden uploaden*. Heb je de bestanden in een ander venster geopend dan kun je ze ook overslepen naar het vak aangeduid met stippellijn om ze zo te uploaden. *Zorg er voor dat afbeeldingen verkleind zijn opgeslagen zodat ze snel gedownload kunnen worden door bezoekers van de website. Zie 6.2 hoe je dit doet. 7 Venster bestanden selecteren Na het klikken op de knop Bestanden selecteren verschijnt een venster waarin je de bestanden op je computer kan opzoeken. 5 Nieuw bestand toevoegen Via de knop Nieuw bestand kun je bestanden uploaden, dit kunnen afbeeldingen / video s / PDF s / geluidsbestanden / en zelfs Word bestanden zijn. 12

13

14 6.2 Media - Afbeelding verkleinen 1 Bibliotheek Als je dubbelklikt op de foto in de map op je computer wordt automatisch Microsoft Office Picture Manager geopend. Als dit niet gebeurt, ga je op de foto staan, rechtermuisknop Openen met Microsoft Office Afbeelding bewerken Klik bovenin op Afbeeldingen bewerken. 3 Formaat wijzigen Klik vervolgens rechts op Formaat wijzigen in het menu. 4 Formaat Web Kies Formaat Web Groot en klik op OK. 1 5 Foto Opslaan Sla het bestand op. 14

15

16 6.3 Media Overzicht media 1 Bibliotheek Voor een overzicht van alle media bestanden klik op Bibliotheek onder het kopje Media. 2 Overzicht alle geüploade bestanden Selecteer de afbeelding die je wilt gaan bewerken. 3 URL van het bestand Wanneer je een afbeelding met iemand wilt delen kun je hier de directe link naar de afbeelding kopiëren. 4 Titel Om voor jezelf een duidelijk overzicht te houden van de afbeeldingen kun je hier de titel van het bestand wijzigen zodat deze later makkelijk is terug te vinden. 5 Permanent verwijderen Voor mediabestanden is geen prullenbakfunctie in Wordpress aanwezig, via deze knop kun je een bestand direct verwijderen. 6 Afbeelding bewerken Klik op de knop bewerken om meer opties te krijgen voor het bewerken van de afbeelding zoals roteren en uitsnijden. Op de volgende pagina wordt dit toegelicht. 16

17

18 6.4 Media - Afbeelding bewerken 1 Bewerk opties Er zijn 5 opties voor het bewerken van een afbeelding. In volgorde van links naar rechts: - Uitsnijden - Roteren tegen de klok in - Roteren met de klok mee - Verticaal spiegelen - Horizontaal spiegelen De twee pijltjes staan voor ongedaan maken en opnieuw. 2 Selectiekader De bewerkoptie Uitsnijden is pas bruikbaar wanneer er in de foto een selectiekader is getekend. Dit selectiekader geeft de uitsnede aan. 3 Afbeelding schalen Wanneer de initiële foto groot is wat betreft afmetingen kan deze bij de optie Afbeelding schalen verkleind worden zodat de foto minder groot is en daardoor ook sneller te downloaden is. 4 Opslaan Wanneer de aanpassingen naar wens zijn kun je de afbeelding opslaan. 18

19

20 6.5 Media - Afbeelding toevoegen aan bericht / pagina 1 Locatie bepalen Open het bericht/de pagina waar je de foto wilt toevoegen en bepaal met je cursor de positie waar de foto geplaatst dient te worden. 2 Media toevoegen Klik op de knop Media toevoegen om het bestand te selecteren. 3 Media selecteren Selecteer in de mediabibliotheek de afbeelding (of ander bestand) die je wilt toevoegen of kies voor het tabblad Bestanden uploaden om een nieuwe afbeelding te uploaden. 4 Uitlijning Kies of je de afbeelding links / gecentreerd of rechts wilt uitlijnen. 5 Afmeting Kies bij Afmeting hoe groot de afbeelding geplaatst dient te worden. Nadat de foto is toegevoegd aan het bericht kan de foto nog vergroot / verkleind worden. 6 Invoegen in bericht / pagina Klik op Invoegen in bericht / pagina om de afbeelding in het bericht / de pagina te plaatsen. 20

21

22 6.6 Media Galerij toevoegen aan bericht / pagina 1 Een nieuwe galerij maken Als je meerdere foto s aan een pagina of bericht wil toevoegen, kun je dat het beste doen door een galerij aan te maken. Klik op media toevoegen in de pagina of het nieuwsbericht waar je de galerij aan wilt toevoegen. 1 2 Galerij aanmaken Klik vervolgens op Galerij aanmaken. 3 Bestanden selecteren Door op de bestanden te klikken kun je ze toevoegen aan de galerij. De geselecteerde bestanden krijgen een v-tje in de rechterbovenhoek; wil je een bestand deselecteren, klik op het v-tje (dit verandert in een minteken als je er met de cursor op gaat staan.) 4 Galerij toevoegen Klik op Een nieuwe galerij aanmaken. 5 Galerij bewerken Nu kun je nog een aantal instellingen veranderen van de galerij, zoals de volgorde waarin de bestanden worden getoond. Rechts onder GALERIJ-INSTELLINGEN kun je de afbeelding een link meegeven, het aantal kolommen en de afmetingen van de ingevoerde bestanden aanpassen. 2 6 Galerij invoegen Klik ten slotte op Galerij invoegen om de geselecteerde bestanden toe te voegen aan je pagina of bericht. 22

23

24 6.7 Media YouTube video s op je website plaatsen 1 Video selecteren Je kunt youtubefilmpjes aan een bericht/pagina toevoegen. Ga eerst naar de video op YouTube. 2 Video delen Onder de video zie je: Klik op Delen. 3 Insluiten Klik vervolgens op Insluiten en selecteer de tekst in het vlak. 4 Kopieer Kopieer de tekst (rechtermuisknop Kopiëren of Ctrl + c). 5 Terug naar bericht/pagina Ga nu naar het bericht/de pagina waar je het filmpje aan wilt toevoegen. Klik op Tekst. 6 Plakken Plak de code in het tekstvlak. Klik vervolgens op Visueel. 2 7 Publiceer/bijwerken. Sla nu je pagina/bericht op door rechts op Publiceer / bijwerken te klikken

25

26 7. Pagina s 7.1 Nieuwe pagina aanmaken 1 Nieuwe pagina Selecteer uit het linker menu bij het kopje pagina s voor Nieuwe pagina 2 Titel hier invoeren. Probeer korte pakkende titels te gebruiken zodat snel duidelijk is waar het bericht over gaat. 3 Pagina inhoud invoeren. Zorg ervoor dat wanneer je tekst gaat plakken dit altijd doet vanuit Kladblok. Wanneer je tekst rechtstreeks vanuit een bron (zoals Word) met opmaak plakt dan komt er ongewenste informatie mee, wat kan resulteren in fouten op de website. 4 Media toevoegen Voeg desgewenst media toe aan de pagina. Zie hoofdstuk Media toevoegen voor meer informatie hierover. 5 Pagina-attributen In deze kolom kun je de indeling van de pagina s bepalen in de paginalijst. Door bij hoofd aan te geven onder welke pagina een sub pagina komt te hangen geeft de pagina lijst een goed beeld van de website indeling. Met het kopje volgorde kunnen de pagina s in de juiste volgorde geplaatst worden. De indeling van het menu kan ingesteld worden via weergave > menu, zie hiervoor het hoofdstuk Menu aanpassen. Het kopje Sjabloon geeft de mogelijkheid een ander pagina sjabloon te kiezen. Vaak is het standaard sjabloon voldoende en geven de extra sjablonen alleen een aangepaste weergave voor bijvoorbeeld de pagina Nieuws. 7 Publiceren Via de knop publiceren maak je de pagina openbaar. Je kunt een pagina direct publiceren of er voor kiezen dit in te plannen voor een later tijdstip. Mocht een pagina nog niet zichtbaar moeten zijn dan kan de status of zichtbaarheid aangepast worden. Wanneer een pagina verwijderd dient te worden kun je klikken op in de prullenbak. Een pagina die naar de prullenbak is verplaatst kan op een later tijdstip weer uit de prullenbak worden gehaald, zie hiervoor overzicht alle pagina s Nieuwe pagina s verschijnen niet automatisch op de website, zie hiervoor Menu aanpassen 26

27

28 7.2 Pagina s - Lijst alle pagina s 1 Alle berichten Voor een overzicht van alle beschikbare pagina s klik op Alle pagina s onder het kopje Pagina s 2 Titel van de pagina Het titel van de pagina is klikbaar waardoor je op de bewerk pagina van de pagina terecht komt. 3 Prullenbak Verwijderde pagina s worden in de prullenbak geplaatst, klik op Prullenbak om een overzicht te zien van verwijderde pagina s. 7 Snel bewerken De tweede afbeelding is een weergave van de Snel bewerken optie. Het vinden van de juiste pagina kan ooit lastig zijn via het Dashboard. De makkelijkste manier om de juiste pagina te vinden is door vanaf de homepage naar de betreffende pagina te navigeren en op de bewerken knop te klikken. 4 Filter Wanneer er veel pagina s zijn kan het moeilijk zijn overzicht te houden, je kunt dan gebruik maken van de filter optie om snel de pagina te vinden die je zoekt. 5 Pagina s zoeken Wanneer de titel bekend is van de pagina die je zoekt kun je via de zoekoptie eenvoudig de pagina terug vinden. 6 Snel bewerken Wanneer je met je muis over een pagina gaat krijg je een extra menu te zien. In dit menu kun je direct kiezen voor het verwijderen van pagina s maar ook de optie snel bewerken is hier aanwezig welke makkelijk kan zijn om bijvoorbeeld het sjabloon of de titel van een pagina te wijzigen. 28

29

30 7.3 Pagina s Homepagina tekst aanpassen 1 Homepage Jullie website heeft een aparte homepage, waarbij verschillende tekstvlakken te vullen zijn, namelijk: 1. Hoofdvlak (welkom) 2. Nieuwsbrief 3. Agenda Welkomstekst In dit vlak staat nu nog: Stichting Ik wil heet u welkom!'. Als je op bewerken klikt, kun je deze tekst aanpassen in het vlak. Nieuwsbrief In dit vlak staat nu nog: Hier pas je de tekst in het blok Nieuwsbrief aan Als je op bewerken klikt, kun je deze tekst aanpassen in het vlak Nieuwsbrief blok Agenda In dit vlak staat nu nog: Hier pas je de tekst aanpassen m.b.t. de Agenda '. Als je op bewerken klikt, kun je deze tekst aanpassen in het vlak Agenda blok. 1 30

31 2 3 31

32 8. Menu Aanpassen indeling 1 Menu s Klik onder het kopje Weergave op de knop Menu s 2 Pagina s In de kolom Pagina s kunnen de pagina s geselecteerd worden welke toegevoegd dienen te worden aan het menu. Standaard worden de meest recente getoond, het tabblad Toon alles geeft alle pagina s binnen Wordpress aan. 3 Links Het is ook mogelijk een link te maken naar een externe pagina, gebruik hiervoor de knop Aangepaste links. Voer het webadres (URL) in en geeft het item een naam bij Linktekst 3 5 Menu opslaan Wanneer de indeling staat zoals deze wenselijk is kun je het menu op slaan door op de knop Menu opslaan te klikken. 4 Menustructuur Versleep de pagina s naar de gewenste structuur. Het menu werkt standaard met twee niveaus: hoofditems en subitems. Onder Over ons hangt bijvoorbeeld het subitem Missie en visie - testpagina. Let op dat je onder een subitem niet nog een item onderbrengt (een sub- subitem) Wanneer je sub-subitems toevoegt kan dit ongewenste weergave veroorzaken op de website. 32

33

34 9. adres contactformulier aanpassen 1 Contact Wanneer je berichten als gevolg van het invullen van een contactformulier op een ander e- mailadres wilt laten binnenkomen, klik je op Contact links in je Dashboard. 1 2 Contactformulier Klik op het juiste contactformulier om het te openen adres aanpassen Vul hier het (nieuwe) adres in waar de berichten van de het contactformulier op moeten binnenkomen. 3 34

35 10. Wachtwoord wijzigen 1 Profiel Klik wanneer je je wachtwoord wilt wijzigen klik je links in je Dashboard op Profiel. Hier verschijnen je persoonlijke accountgegevens. 2 Nieuw Wachtwoord Vul hier je nieuwe wachtwoord in. 3 Herhaal nieuw wachtwoord Herhaal hier het nieuwe wachtwoord dat je net hebt ingesteld adres Hier kun je eventueel je adres wijzigen. 5 Profiel bijwerken Kloppen je nieuwe gegevens? Klik dan op Profiel bijwerken om de wijzigingen op te slaan

36 11. SEO - Zoekwoorden optimaliseren Zoekwoorden 1 Zoek/ focuswoorden Om zo goed mogelijk vindbaar te zijn in Google kun je zoekwoorden toevoegen aan je berichten en pagina s. Bepaal per pagina welk woord het beste de betreffende pagina omschrijft. 3 Snippet Hier kun je zien hoe de pagina in Google wordt weergegeven. Je kunt via de verschillende invulvelden de tekst van deze weergave aanpassen (zie ook 11.2). Het zoekwoord (hier genoemd het focus trefwoord) in het voorbeeld hiernaast is Ik wil. 2 Zoekwoord Door het zoekwoord zoveel mogelijk te gebruiken kun je hoger in de ranking bij Google komen. De plaatsen, waar je het zoekwoord het best terug kunt latenkomen, zijn: Artikelkoptekst Paginatitel Pagina-URL Inhoud Meta-omschrijving Achter het bepaalde plaats kun je zien of deze optimaal zijn ingevuld. Als deze goed is ingevuld, dan staat er een groene Yes achter, en hoe vaak het woord wordt gebruikt, bij paginatitel staat bijvoorbeeld een (1). Staat er een rode No, moet deze nog geoptimaliseerd worden. 36

37

38 11.2 SEO Zoekwoorden optimaliseren - vervolg 1 Artikelkoptekst Om de Artikelkoptekst goed vindbaar te maken gebruik je de zoekwoorden (in ons geval Ik wil) in de koptekst. Je kunt zien dat deze nog niet optimaal is, omdat de titel Nieuws 4 (SEO) is en dus niet de woorden Ik wil bevat. Daarom staat er ook een No achter Paginatitel De paginatitel (of SEO titel) bevat de woorden Ik wil en heeft dus een groene Yes achter het woord. De tekst die je invult bij SEO titel wordt in Google als titel gebruikt. 3 Pagina-URL Klik bovenaan op bewerken om het zoekwoord te gebruiken in de pagina-url (het adres van de pagina). 2 4 Inhoud Als je het zoekwoord één of meerdere keren in je inhoud (de tekst van je bericht of pagina) gebruikt, wordt de pagina beter vindbaar. 6 5 Meta-omschrijving Hier kun je de tekst die je in Google ziet aanpassen. Als je hier het zoekwoord één of meerdere keren gebruikt wordt de pagina beter vindbaar. 6 Bijwerken Als je klaar bent klik je op bijwerken om op te slaan. 5 38

39 39

40 12. Meta Slider - Slider aanpassen 1 Meta Slider Klik onder het kopje Meta Slider op de knop Meta Slider 2 Slider selecteren Selecteer de slider die je wilt aanpassen of klik op de + om een nieuwe slider toe te voegen. 3 Slide toevoegen Klik op Slide toevoegen om afbeeldingen aan de slider toe te voegen. Het toevoegen van afbeeldingen aan de slider gaat op de zelfde manier als het toevoegen van afbeeldingen in een bericht. Zorg dat de sliderfoto de juiste afmeting heeft. Zie bij 6.2 hoe je afbeeldingen aanpast. 4 Slide verwijderen Wanneer je een afbeelding wilt verwijderen ga je met je muis naar de linkerbovenhoek van de afbeelding, er verschijnt dan een rood prullenbakicoon waarmee je de afbeelding uit de slider kunt halen, hiermee blijft de afbeelding wel aanwezig in de media bibliotheek. 5 Slides klikbaar maken Het is mogelijk een slide te koppelen aan een pagina binnen de website of zelfs een externe website. Indien gewenst, vul de link naar de pagina in bij het kopje URL. 6 Onderschrift toevoegen Je kunt ook een onderschrift aan elke slide toevoegen. Typ in het tekstvlak je tekst. Let op: als je een onderschrift aan een foto toevoegt, wordt dit onderschrift altijd gebruikt (ook als je de foto ergens anders nog een keer gebruikt). 7 Shortcode slider Een slider kan getoond worden in een bericht of een pagina, hiervoor is de shortcode nodig die Wordpress vertelt welke Slider weergegeven dient te worden. De shortcode kun je kopiëren en plakken in de tekst van het bericht / de pagina. Per bericht / pagina kan dan een andere slider ingesteld worden mits gewenst. Zie hiervoor punt Slider opslaan Sla de slider op na elke aanpassing / bewerking. 9 Slider verwijderen Wanneer een slider niet meer nodig is kan deze verwijderd worden via de knop Verwijder slider. De foto s die gekoppeld zijn in de slider zullen niet worden verwijderd. Deze blijven staan in de mediabibliotheek. LET OP: Slider 1 (dit is de de standaard/hoofdslider) NOOIT VERWIJDEREN. Je kunt deze wel aanpassen (andere foto s erin plaatsen of verwijderen of tekst aanpassen), maar nooit de slider verwijderen. Het kan zijn dat er dan geen slider meer op de website getoond wordt. 10 Shortcode gebruiken in een bericht / pagina Wanneer het thema de optie ondersteunt om op elke pagina een andere slider weer te geven dan staat dit veld op de bewerkpagina van elk nieuwsbericht en pagina. Als je de shortcode hebt geselecteerd en gekopieerd kun je deze op het gewenste bericht / pagina oproepen door onder het kopje Thema opties de shortcode te plakken in het veld Slider shortcode. 40

41

42 Mede mogelijk gemaakt door De opgeleverde website en dit bijbehorende stappenplan zijn gemaakt door SupportPunt Eindhoven. SupportPunt wordt ondersteund door Triptic, specialist in online communicatie. 42