Gebruikershandleiding Wordpress

38
GEBRUIKERSHANDLEIDING Testversie 1.0 Evert Lavrijsen Oktober 2012

description

Gebruikershandleiding Wordpress voor publiceren op de website van Heemkundige Studiekring De Acht Zaligheden.

Transcript of Gebruikershandleiding Wordpress

Page 1: Gebruikershandleiding Wordpress

GEBRUIKERSHANDLEIDING

Testversie 1.0 Evert Lavrijsen Oktober 2012

Page 2: Gebruikershandleiding Wordpress

2

INHOUDSOPGAVE

Inhoud INHOUDSOPGAVE ...................................................................................................................................................2

INLOGGEN ............................................................................................................................................................3

GEBRUIKERSPROFIEL ...............................................................................................................................................5

BERICHTEN............................................................................................................................................................6

DE WORDPRESS EDITOR ...................................................................................................................................... 10

TEKST INVOEREN EN OPMAKEN .......................................................................................................................... 10

AFBEELDINGEN INVOEGEN ................................................................................................................................ 18

AFBEELDINGEN VERKLEINEN .......................................................................................................................... 18

HET INVOEGEN VAN ENKELVOUDIGE AFBEELDINGEN .......................................................................................... 19

HET INVOEGEN VAN EEN FOTOGALERIJ ............................................................................................................ 24

LINKS ................................................................................................................................................................ 27

EVENEMENTEN ................................................................................................................................................... 29

BOEKEN ............................................................................................................................................................. 31

MONUMENTEN .................................................................................................................................................. 35

BIDPRENTJES ...................................................................................................................................................... 37

Page 3: Gebruikershandleiding Wordpress

3

INLOGGEN

Klik op navolgende link: http://hskdeachtzaligheden.nl/wp-login.php

of klik op “Log In” onderaan op onze website

Het volgende scherm verschijnt:

Vul hier uw eigen gebruikersnaam en uw wachtwoord in:

U kunt ervoor kiezen om de gegevens te laten onthouden op uw computer als u dat wilt.

Page 4: Gebruikershandleiding Wordpress

4

Als u de juiste gebruikersnaam en wachtwoord heeft ingegeven klikt u op “Inloggen” en verschijnt het

volgende scherm:

Afhankelijk van de aan u toegekende rechten ziet u aan de linkerkant in het menu de mogelijkheden die

uw heeft.

Met deze melding hoeft u verder niets te doen…

Page 5: Gebruikershandleiding Wordpress

5

GEBRUIKERSPROFIEL Kies voor het menu-item “Gebruikers | Je profiel” Hier kunt u uw gegevens aanpassen en een eigen gekozen wachtwoord instellen.

Klik hierop en u komt op uw profielpagina:

Deze gegevens kunt u naar eigen inzicht invullen en/of wijzigen. Sla deze gegevens op door op “Profiel bijwerken” te klikken. In het vervolg van deze handleiding gaan we verder inzoomen op de diverse mogelijkheden die er zijn om gegevens in het voeren op onze website.

Page 6: Gebruikershandleiding Wordpress

6

BERICHTEN

Nieuwe berichten worden standaard weergegeven op de “Home”-pagina. Voor het plaatsen van een nieuw

bericht op de website gaat u naar “Berichten”. Als u met de muis hierover beweegt ziet u “Alle berichten”

en “Nieuw bericht”.

Voor het plaatsen van een nieuw bericht moet natuurlijk worden gekozen voor “Nieuw bericht”.

Het volgende scherm verschijnt dan:

Page 7: Gebruikershandleiding Wordpress

7

Als eerste moet de titel worden ingegeven. Daarna de tekst in het tekstvak.

Hierna moet aan de rechterkant gekozen worden voor de Categorie waar het bericht in thuishoort.

Dan is het resultaat reeds te zien door te klikken op “Voorbeeld”.

Page 8: Gebruikershandleiding Wordpress

8

Als alles naar tevredenheid is kan het bericht gepubliceerd worden door te klikken op “Publiceren”. Een gepubliceerd bericht verschijnt bovenaan op de voorpagina/homepage van onze website. Het bericht kunt u eventueel ook opslaan als concept als het nog verdere bewerking behoeft.

Het bericht kunt u wijzigen door in het linkermenu te kiezen voor “Alle berichten”.

Page 9: Gebruikershandleiding Wordpress

9

Kies voor “Mijn” voor de eigen berichten zichtbaar te maken.

Beweeg met de muis over het te bewerken bericht en klik op “Bewerken”

Breng uw wijzigingen aan en sla op als concept of publiceer.

Boven het tekstvak (de tekstverwerker oftewel de editor) bevinden zich allerlei knoppen welke een functie

hebben om de tekst op te maken.

We gaan in dit hoofdstuk niet in op de opmaak van de tekst. Dit komt terug in het volgende hoofdstuk “De

Wordpress Tekstverwerker”

Page 10: Gebruikershandleiding Wordpress

10

DE WORDPRESS EDITOR

In dit hoofdstuk wordt de werking van de Wordpress editor of tekstverwerker uitgelegd. Deze editor is te gebruiken om de tekst op een mooie manier op te maken en afbeeldingen toe te voegen bij:

Berichten

Evenementen

Monumenten

Boeken

TEKST INVOEREN EN OPMAKEN

Zo ziet de tekstverwerker er ongeveer bij iedereen uit.

De tekstverwerker kan groter gemaakt worden door rechts onderin de hoek met de muis te klikken op het

witte pijltje wat verschijnt en zo het blok vergroten of verkleinen totdat het de gewenste grootte heeft.

Ook kan gekozen worden om de tekstverwerker te vergroten naar volledig scherm met de knop:

Opgemerkt moet worden dat met werken in ‘volledig scherm’ slechts enkele opmaakmogelijkheden

beschikbaar zijn.

Om nog meer opmaakmogelijkheden te verkrijgen klikt men op de knop genaamd ‘gootsteen ‘:

Page 11: Gebruikershandleiding Wordpress

11

De tekstverwerker komt er dan als volgt uit te zien:

Hieronder worden de verschillende knoppen met hun functionaliteiten uiteengezet toegelicht met

voorbeelden. Om de gewenste opmaak toe te passen moet de betreffende tekst geselecteerd worden en

daarna op de knop van uw keuze klikken. Tip: zorg ervoor dat de complete tekst goed staat qua inhoud en

ga daarna pas de opmaak aanpassen.

tekst vetgedrukt

tekst cursief (schuingedrukt)

tekst doorhalen

ongeordende lijst – meer opties via pijltje rechts van de knop

geordende lijst – meer opties via pijltje rechts van de knop

blockquote

Page 12: Gebruikershandleiding Wordpress

12

tekst links uitlijnen op de pagina

tekst centreren op de pagina

tekst rechts uitlijnen op de pagina

tekst onderstrepen

tekst uitvullen op de pagina (staat standaard aan)

tekst een andere kleur geven (kleurenkiezer via pijltje rechts van de knop)

Hieronder enkele voorbeelden van bovengenoemde opmaakmogelijkheden zoals deze er op de website uit

komen te zien:

Page 13: Gebruikershandleiding Wordpress

13

Nog meer opmaakmogelijkheden:

keuzemogelijk voor diverse lettergroottes o.a. t.b.v. kopteksten; opties via pijltje

rechts van de knop. Let op: De kopteksten zijn in werkelijkheid allemaal even groot!

Het anker is een functionaliteit welke NIET gebruikt hoeft te worden en behoeft dus ook geen

nadere uitleg.

Subschrift (bijvoorbeeld H2O)

Superschrift (bijvoorbeeld x2)

Stijlen is een functionaliteit welke NIET gebruikt hoeft te worden en behoeft dus

ook geen nadere uitleg.

voorbeelden van bovenstaande opmaakmogelijkheden

Dan zijn er nog een aantal knoppen met handige functionaliteiten waarvan hieronder de uitleg wordt

gegeven:

Deze knop kunt u gebruiken om een link te maken naar een andere webpagina. Dit kan zowel een externe website zijn, maar ook onze eigen website.

Page 14: Gebruikershandleiding Wordpress

14

Om een link te maken selecteer eerst het woord waar u de link aan wilt hangen:

Bijvoorbeeld: Het woord “website” in de tekst laten linken naar http://www.google.nl

Selecteer het woord “website”. Klik vervolgens op de knop . Nu verschijnt het volgende scherm:

Geef nu de URL (webadres) in: http://www.google.nl Bij titel hoeft u niets in te geven. Dit mag wel. In onderstaand voorbeeld zal duidelijk worden wat dit doet.

Bij het doorlinken naar een externe website is het wenselijk om het vinkje aan te zetten bij “Open link in

een nieuw venster/tab”. Als alles is ingegeven klik op .

Zo ziet het er dan uit op de website. Als men met de muis over de link beweegt, wordt de Titel zichtbaar.

Page 15: Gebruikershandleiding Wordpress

15

Er kan natuurlijk ook een link gemaakt worden naar een bericht of pagina op de eigen website.

Bijvoorbeeld: De woorden “eigen website” in de tekst laten linken naar de contactpagina van onze website.

Selecteer de woorden “eigen website”. Klik vervolgens op de knop . Nu verschijnt het volgende scherm:

Klik op

Blader nu naar de gewenste pagina of bericht. In dit geval contact. Klik hierop. De gegevens worden

automatisch gevuld en het volgende scherm verschijnt:

Page 16: Gebruikershandleiding Wordpress

16

Let op dat het vinkje uitstaat bij “Open link in een nieuw venster/tab”.

Klik vervolgens op , en de link is aangemaakt.

met deze knop kan de link worden ontkoppeld/verwijderd.

De ”invoegen meer lezen tag” is een functionaliteit welke NIET gebruikt hoeft te worden en

behoeft dus ook geen nadere uitleg.

Spellingscontrole. Het kiezen van de juiste taal kan via het pijltje rechts van de knop.

De ze knoppen betreffen functionaliteiten welke NIET gebruikt hoeven te

worden en behoeven dus ook geen nadere uitleg.

via deze knop kan willekeurige tekst geplakt worden welke gekopieerd is uit bijvoorbeeld een

website.

Page 17: Gebruikershandleiding Wordpress

17

via deze knop kan tekst geplakt worden welke gekopieerd is uit een Word-bestand. Een

gedeelte van de opmaak blijft gehandhaafd.

Formattering verwijderen. Met deze knop verwijderd u alle opmaak welke afwijkt van de

standaardopmaak.

Teken invoegen. Met deze knop kunt u speciale tekens invoeren in uw tekst.

Inspringing vergroten en verkleinen. Hiermee kunt u de gewenste tekst verder of

dichterbij de kantlijn laten beginnen.

Laatste actie(s) ongedaan maken of opnieuw. Indien u een vergissing gemaakt

heeft kun u de laatste gedane actie(s) ongedaan maken.

Via deze knop komt u in een help menu voor deze editor waar bijvoorbeeld veel informatie

staat beschreven over sneltoetsen.

Page 18: Gebruikershandleiding Wordpress

18

AFBEELDINGEN INVOEGEN

Als u tekst inclusief een afbeelding kopieert vanuit een externe applicatie of webpagina, en deze plakt in

de Wordpress tekstverwerker zult u merken dat de afbeelding niet zal worden weergegeven. In dit

hoofdstuk wordt beschreven hoe u afbeeldingen kunt toevoegen aan uw berichten, evenementen en

monumenten.

AFBEELDINGEN VERKLEINEN

Alvorens afbeeldingen in te voegen moeten deze in de meeste gevallen worden verkleind om zodoende de

snelheid van het laden optimaal te houden en ook omdat de webruimte natuurlijk niet onbeperkt is. De

maximale bestandsgrootte is ingesteld op 200kb.

Een simpele manier om één of meerdere afbeeldingen te verkleinen:

Selecteer één of meerdere afbeeldingen die op de website gepubliceerd moeten worden en dus verkleind.

De afbeeldingen zijn allemaal ruim 3MB.

Meerdere bestanden selecteren kan door indrukken van Ctrl toets en klikken met de muis op de

betreffende afbeeldingen.

Als alle gewenste bestanden zijn geselecteerd ga dan op één van de bestanden staan en druk op de

rechtermuisknop. Kies voor “Kopiëren naar” en vervolgens “E-mailontvanger”

Page 19: Gebruikershandleiding Wordpress

19

Kies een fotoformaat, bijvoorbeeld klein of normaal. Klik nu op “bijsluiten”.

De afbeeldingen zijn allen verkleind tot net onder de 100kB.

Sla deze bestanden vervolgens (tijdelijk) ergens op via “Bestand” en vervolgens “Bijlagen opslaan”.

HET INVOEGEN VAN ENKELVOUDIGE AFBEELDINGEN

Onder de regel “Type hier uw aanvullende tekst” willen we een afbeelding toevoegen.

Zet de cursor met de muis op de plaats waar de afbeelding moet komen en klik op de knop

Page 20: Gebruikershandleiding Wordpress

20

Klik vervolgens op .

Selecteer de gewenste afbeelding.

Pas eventueel de titel aan. Alternatieve tekst is niet heel erg interessant. Een onderschrift kan worden

ingegeven. Deze wordt zichtbaar op de website. De beschrijving is ook niet interessant. Link URL bij

voorkeur “Bestands-URL kiezen. In dit geval kiezen we voor uitlijning gecentreerd, zodat de afbeelding

precies in het midden van de pagina wordt weergegeven. De afmeting zetten we op gemiddeld.

Vervolgens klikken op .

Page 21: Gebruikershandleiding Wordpress

21

Page 22: Gebruikershandleiding Wordpress

22

De afbeelding kan nog worden bewerkt door te klikken op

via deze knop kan de afbeelding worden verwijderd.

Het formaat van de afbeelding kan nog worden aangepast door met de muis door één van de hoeken te

selecteren en te slepen en naar wens groter of kleiner te maken. Als maximale breedte bij berichten en

evenementen 500px aanhouden en bij monumenten 400px.

Voorbeeld op de website:

Om meer afbeeldingen toe te voegen moeten bovenstaande stappen worden herhaald.

Indien er meerdere afbeeldingen in één bericht staan is het wenselijk om een uitgelichte afbeelding in te

stellen. Deze uitgelichte afbeelding komt op de voorpagina van de website. Het moet dus bij voorkeur de

meest aansprekende afbeelding zijn. Dit kan tijdens het invoegen van de afbeelding door op “Als

uitgelichte afbeelding gebruiken” te klikken.

Page 23: Gebruikershandleiding Wordpress

23

Het kan ook achteraf als alle afbeeldingen reeds zijn ingevoegd.

Klik op “Uitgelichte afbeelding instellen”

Klik op “gallerij”

Klik op “Tonen” bij de gewenste uitgelichte afbeelding”

Klik op “Als uitgelichte afbeelding gebruiken”. Vervolgens op .

Page 24: Gebruikershandleiding Wordpress

24

HET INVOEGEN VAN EEN FOTOGALERIJ

Helemaal onderaan het testbericht gaan we een afbeeldingsgalerij invoegen.

Ga met de cursor helemaal onderaan het bericht staan en klik op

Selecteer de bestanden. Meerdere bestanden selecteren kan door indrukken van Ctrl toets en klikken met

de muis op de betreffende bestanden. Vervolgens klikken op “openen”.

Klik op “Galerij”

Page 25: Gebruikershandleiding Wordpress

25

Stel e.e.a. in bijv. de sortering en het aantal galerijkolommen. Klik vervolgens op .

Page 26: Gebruikershandleiding Wordpress

26

In de tekstverwerker zal e.e.a. er als volgt uitzien.

Klik nu op “voorbeeld”om te zien hoe de webpagina eruit zal komen te zien.

Page 27: Gebruikershandleiding Wordpress

27

LINKS

Voor het toevoegen van links op onze website ga naar “Links” en “Nieuwe toevoegen”

Page 28: Gebruikershandleiding Wordpress

28

Volg de aanwijzingen bij de diverse invulvelden. De beschrijving mag niet te lang zijn want dan wordt deze

niet geheel weergegeven op de site. Selecteer ook de juiste categorie.

Kies bij Doel altijd voor de eerste optie: “_blank – nieuw venster of tabblad”

Klik vervolgens op

De link is nu toegevoegd.

Controleer op de website of e.e.a. goed wordt weergegeven en of de link ook daadwerkelijk werkt en in

een nieuw venster of tabblad opent. Zo niet moet e.e.a. aangepast worden.

Page 29: Gebruikershandleiding Wordpress

29

EVENEMENTEN

Voor het aanmaken van een evenement, zoals bijvoorbeeld een lezing of vergadering, welke zichtbaar

moet zijn in de agenda moet gekozen worden voor “Add Event”

Titel: Altijd ingeven. Bij activiteiten van derden bijvoorbeeld AVKP-lezing o.i.d. ervoor zetten.

Inhoud: Omschrijving van het evenement/activiteit. Voor het opmaken van de tekst en invoegen van

afbeeldingen zie hoofdstuk “De WordPress Editor”.

Locatie: Zo compleet mogelijk invullen.

Datum/Tijd: begin- en einddatum en begin- en eindtijden ingeven.

Categorie: Kies altijd een (juiste) categorie.

Page 30: Gebruikershandleiding Wordpress

30

Klik op “voorbeeld”

Eventueel opslaan als concept. Indien tevreden met het resultaat kan het gepubliceerd worden.

Page 31: Gebruikershandleiding Wordpress

31

BOEKEN

Voor het toevoegen van boeken uit onze bibliotheek ga naar “Boeken” en klik op “Toevoegen”.

Vul zo compleet mogelijk alle bekende gegevens in:

Page 32: Gebruikershandleiding Wordpress

32

Page 33: Gebruikershandleiding Wordpress

33

In het grote tekstvak moet een omschrijving van de inhoud van het boek worden ingegeven. Voor de

beschrijving van de opmaakmogelijkheden van dit tekstvak: zie hoofdstuk “De Wordpress Editor”

Bij de rubrieken, perioden en regio’s kunt u desgewenst meerdere opties aanvinken.

Voor het invoegen van een afbeelding kiest u eerst voor “Upload” (Maximale bestandsgrootte is 200kB). Hoe een afbeelding moet worden verkleind en ingevoegd kunt u lezen in het hoofdstuk “Afbeelding invoegen”. Vervolgens klikt u op “Choose Image” om de afbeelding te selecteren.

Klik vervolgens op “Concept opslaan” en daarna op “ Voorbeeld”

Page 34: Gebruikershandleiding Wordpress

34

Controleer of alles naar tevredenheid wordt weergegeven en ga terug door te klikken op “bewerken”.

Wijzig eventueel e.e.a. en herhaal bovenstaande actie. Indien alles goed is klik op .

Page 35: Gebruikershandleiding Wordpress

35

MONUMENTEN

Voor het invoeren van monumenten ga naar “Monumenten” en klik op “Toevoegen”:

Vul zo compleet mogelijk alle bekende gegevens in:

Page 36: Gebruikershandleiding Wordpress

36

In het eerste vak komt de titel (het adres). Bijvoorbeeld Bogerd 70, 5521 ML Eersel.

In het grote tekstvak moet de omschrijving van het monument worden ingegeven eventueel met afbeeldingen. Voor de beschrijving van de opmaakmogelijkheden van dit tekstvak en hoe afbeeldingen kunnen worden ingevoegd: zie hoofdstuk “De Wordpress Editor”. Let op: de breedte van de afbeelding maximaal instellen op 400px! Klik vervolgens op “Concept opslaan” en daarna op “ Voorbeeld” Controleer of alles naar tevredenheid wordt weergegeven en ga terug door te klikken op “bewerken”.

Wijzig eventueel e.e.a. en herhaal bovenstaande actie. Indien alles goed is klik op .

Page 37: Gebruikershandleiding Wordpress

37

BIDPRENTJES

Voor het invoeren van bidprentjes ga naar “Bidprentjes” en klik op “Toevoegen”:

Vul zo compleet mogelijk alle bekende gegevens in:

Page 38: Gebruikershandleiding Wordpress

38

Bij de titel wordt als volgt gevuld: Achternaam Voorvoegsels Voornamen geboortejaar–overlijdensjaar

Dus bijvoorbeeld: Ven van de Theo 1924-2004 of Wintermans Martinus Johannes 1886-1942

Voor het invoegen van een afbeelding kiest u eerst voor “Upload” (Maximale bestandsgrootte is 200kB). Hoe een afbeelding moet worden verkleind en ingevoegd kunt u lezen in het hoofdstuk “Afbeelding invoegen”. Vervolgens klikt u op “Choose Image” om de afbeelding te selecteren.

Klik vervolgens op “Concept opslaan” en daarna op “ Voorbeeld”

Controleer of alles naar tevredenheid wordt weergegeven en ga terug door te klikken op “bewerken”.

Wijzig eventueel e.e.a. en herhaal bovenstaande actie. Indien alles goed is klik op .