GEBRUIKERSHANDLEIDING
Testversie 1.0 Evert Lavrijsen Oktober 2012
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
2
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.
3
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…
4
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.
5
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:
6
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�.
7
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”.
8
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”
9
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 ‘:
10
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
11
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:
12
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. 13
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.
14
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: 15
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.
16
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.
17
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”
18
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
19
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
.
20
21
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.
22
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
.
23
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”
24
Stel e.e.a. in bijv. de sortering en het aantal galerijkolommen. Klik vervolgens op
.
25
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.
26
LINKS Voor het toevoegen van links op onze website ga naar “Links” en “Nieuwe toevoegen”
27
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.
28
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.
29
Klik op “voorbeeld�
Eventueel opslaan als concept. Indien tevreden met het resultaat kan het gepubliceerd worden.
30
BOEKEN Voor het toevoegen van boeken uit onze bibliotheek ga naar “Boeken” en klik op “Toevoegen”.
Vul zo compleet mogelijk alle bekende gegevens in:
31
32
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”
33
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
. 34
MONUMENTEN Voor het invoeren van monumenten ga naar “Monumenten” en klik op “Toevoegen”:
Vul zo compleet mogelijk alle bekende gegevens in:
35
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
.
36
BIDPRENTJES Voor het invoeren van bidprentjes ga naar “Bidprentjes” en klik op “Toevoegen”:
Vul zo compleet mogelijk alle bekende gegevens in:
37
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
.
38