Wordpress handleiding LOA Lak B.V. Over Wordpress Wordpress is een content management systeem (kortweg CMS). Een CMS is systeem waarmee u de inhoud van uw website kunt beheren. Om Wordpress te kunnen gebruiken heeft u minimale computerkennis nodig. Indien u gewend bent met een tekstverwerker te werken (zoals MicroSoft Word) kunt u vrij snel overweg met Wordpress. Algemene opmerkingen tekstverwerker De tekstverwerker maakt een verschil tussen een harde return (ENTER op uw toetsenbord) en een soft return (SHIFT + ENTER). Wanneer u een harde return intoetst zal een nieuwe paragraaf worden begonnen. Dat betekent dat er een witregel/-ruimte ingevoegd wordt. Een soft return zal de tekst op een nieuwe regel laten beginnen, zonder toevoeging van een witregel. LET OP: wanneer u tekst uit een ander document in de Wordpress editor wilt plakken, dan kan het zijn dat daar opmaakprofielen, regelafbrekingen en/of hyperlinks in zitten. Om te voorkomen dat Wordpress deze overneemt en uw opmaak verstoort, heeft Wordpress de mogelijkheid om tekst als platte tekst te plakken. Deze optie vindt u boven de tekst editor. Indien u op een van deze knoppen klikt opent een dialoogvenster waarin u uw tekst kunt plakken en deze vervolgens op uw pagina kunt plaatsen. Ziet u deze knop in de werkbalk niet? Waarschijnlijk staat de werkbalk uit. Klik op het icoon werkbalk weergeven/verbergen om het icoon te tonen. Datum: 21-9-2015 1
Inloggen Nadat u bent ingelogd kunt u starten met het beheren van de inhoud van uw website. Via de e-mail heeft u het adres, een gebruikersnaam en bijbehorend wachtwoord voor uw website gekregen. Met deze gegevens kunt u als volgt inloggen: open de pagina http://www.loa.nl/wp-admin of http://www.loa-sp.nl/wp-admin. Vul de gebruikersnaam en het wachtwoord in dat u per e-mail heeft ontvangen. Datum: 21-9-2015 2
Wordpress Admin Wanneer u bent ingelogd bevindt u zich in het CMS systeem, ook wel het dashboard genoemd. Afhankelijk van uw rechten heeft u vanuit het dashboard de mogelijkheid inhoud te bewerken, pagina s of berichten toe te voegen of te verwijderen etc. Aan de linkerkant van het scherm ziet u een hoofdmenu met meerdere items onder elkaar staan. Deze items bevatten sub-items welke zichtbaar worden wanneer u er met de muis overheen beweegt. De items die u het meeste zult gebruiken zijn Berichten en Pagina s. Afhankelijk van de opzet van uw website kunnen er voor u echter items op maat zijn gemaakt of is het gedeelte berichten niet ingericht, waardoor u meer of minder items tot uw beschikking heeft. Indien uw site items op maat bevat, dan worden deze later in deze handleiding besproken. Datum: 21-9-2015 3
Website aanpassen Pagina overzicht In het linkermenu Pagina s bevinden zich alle pagina s die zijn aangemaakt voor uw website. De pagina s die u in het overzicht vindt hoeven niet daadwerkelijk in een van de menu s op uw website getoond te worden. Het koppelen van een pagina aan een menu gebeurt namelijk in het menu Weergave > Menu s. De werking hiervan wordt later in deze handleiding behandeld. Wanneer u naar het overzicht kijkt is het mogelijk dat er naast de hoofdpagina s ook subpagina s bestaan. Deze pagina s zijn gekoppeld aan de hoofdpagina en worden hieronder weergegeven, met een horizontaal streepje voor de paginanaam. Ook deze structuur staat los van de structuur en weergave in de menu s op uw website, maar deze structuur bepaalt wel de URL van de pagina. Hoofdpagina s hebben een URL als www.uwdomein.nl/hoofdpagina. De subpagina s worden getoond onder www.uwdomein.nl/hoofdpagina/subpagina. Datum: 21-9-2015 4
Toevoegen pagina In het linkermenu Pagina s > Nieuwe pagina kunt u een nieuwe pagina aanmaken. Indien u voor deze optie kiest, zal een nieuw scherm openen, met daarin alle gereedschappen om de pagina te bewerken. Pagina s bewerken U kunt zowel nieuwe als bestaande pagina s bewerken. Om een bestaande pagina te bewerken, gaat u naar Pagina s en kiest u de pagina die u wilt bewerken. Wanneer u een pagina gaat bewerken komt u in het volgende scherm: Het bovenste tekstveld bevat de titel van de pagina. Daaronder bevindt zich de inhoud van de pagina. Hier kunt u zowel tekst als afbeeldingen plaatsen. De afbeelding aan de rechterzijde (grote afbeelding, mits beschikbaar) wordt echter ingesteld onder het kopje Type afbeelding en Afbeelding. Datum: 21-9-2015 5
Afbeeldingen aan rechterzijde van de pagina De afbeeldingen aan de rechterzijde van de pagina wordt ingesteld onder de inhoud van de pagina (mits deze afbeelding op de desbetreffende pagina beschikbaar is). Indien u geen afbeelding instelt, wordt de afbeelding van de homepage getoond. U stelt een afbeelding als volgt in: Kies bij Type afbeelding de weergave van de afbeelding. Wanneer u In kader kiest, zal een rechthoekige afbeelding getoond worden in een kader. Kiest u voor Vrijstaand, dan wordt de afbeelding zonder kader, op een transparante achtergrond, weergegeven. Vereiste hiervoor is wel dat u een PNG afbeelding gebruikt met transparantie. Vervolgens kiest u bij Afbeelding de gewenste afbeelding. De verdere werking van afbeeldingen wordt beschreven in het onderwerp Overige afbeeldingen. Overige afbeeldingen U heeft de mogelijkheid om afbeeldingen in de tekst te plaatsen. Houdt er echter rekening mee dat de afbeelding niet altijd op dezelfde manier wordt uitgelijnd als in de Wordpress admin. Meestal is er rekening gehouden met een vaste positie van de afbeeldingen binnen uw site en kunt u deze toevoegen via custom fields. In uw geval zijn dat de afbeeldingen aan de rechterzijde, zoals hierboven beschreven. U kunt afbeeldingen toevoegen aan het inhoudsveld door op Media toevoegen te klikken boven de inhoud. Wanneer u een afbeelding toe wilt voegen, opent een dialoogvenster. Via de 2 tabbladen bovenaan heeft u de mogelijkheid om media toe te voegen. In het tabblad Bestanden uploaden kunt u vanaf uw eigen systeem media/afbeeldingen uploaden en daarna invoegen. Het tweede tabblad Media bibliotheek bevat alle eerder door u ge-uploade bestanden. Deze bestanden kunt u eventueel vaker (aan meerdere pagina s) koppelen. U plaatst een afbeelding als volgt: kies de gewenste afbeelding. U krijgt nu diverse opties te zien; - Uitlijning*: hiermee kunt u de positie van de afbeelding binnen een tekstveld instellen. - Link naar*: hiermee geeft u deze afbeelding een link. Dat wil zeggen dat de bezoeker op deze afbeelding kan klikken, waarna de link wordt geopend. Het is aan te raden om deze op Geen te zetten. - Afmeting*: hiermee kunt u de grootte van de afbeelding die u wilt plaatsen aangeven. Datum: 21-9-2015 6
De knop In pagina invoegen plaatst de afbeelding in de tekst of, als u een afbeelding via een extra veld wilt kiezen, in het extra veld. Met de knop Als uitgelichte afbeelding gebruiken (als u dit scherm via uitgelichte afbeelding heeft opgeroepen) kunt u deze afbeelding als uitgelichte afbeelding instellen. Concept/gepubliceerd U heeft de mogelijkheid om pagina s/artikelen direct te publiceren op de website. In dat geval kiest u publiceren, of wijzigt u de status naar Gepubliceerd. Wanneer u een pagina in concept houdt, is deze voor bezoekers van de website niet toegankelijk. De pagina wordt echter wel opgeslagen. U kunt er ook voor kiezen om een artikel op een bepaald tijdstip automatisch te publiceren. Het tijdstip kunt u in het blok Publiceren aangeven. Datum: 21-9-2015 7
Items Op maat Footer blokken De footerblokken zijn de blokken die onderaan de pagina in de blauwe balk getoond worden. Op elke pagina heeft u de mogelijkheid om aan te geven welke blokken u wilt tonen. Dit doet u in het witte blok Footer blokken onderaan iedere pagina. Heeft u geen blokken ingesteld? Dan worden de blokken van de homepage getoond. In dit blok kunt u het linker en het middelste blok instellen. Het rechterblok wordt altijd gevuld met contactgegevens. U selecteert het blok dat u wilt tonen d.m.v. het selectiemenu. In het selectiemenu worden alle blokken getoond, die u in het menu Footer blokken heeft aangemaakt. Een footer blok bestaat uit de volgende velden: - Type inhoud (u kunt kiezen uit tekst of afbeeldingen) Wanneer u voor tekst kiest dient u de volgende velden in te vullen: - Titel - Inhoud (let op: kort) - Item link (optioneel, indien u een link aan de tekst wilt toevoegen) - Linktekst (vul hier de tekst in die in de link wordt weergegeven) Kiest u voor afbeeldingen, dan dient u een of meerdere afbeeldingen toe te voegen. Datum: 21-9-2015 8
Home slider De home slider bevat alle dia s die worden getoond op de homepage. Elke dia die wordt toegevoegd, wordt in de slider getoond. Een dia bestaat uit de volgende velden: - Titel - Inhoudsveld (zorg ervoor dat de tekst niet te lang is). - Afbeelding (de afbeelding wordt op de achtergrond van de dia getoond). - Uitlijning (kies hier aan welke zijde van de dia de tekst getoond moet worden). - Paginalink (wilt u een knop in de dia tonen? Selecteer dan hier de pagina waar de knop naar moet linken). - Linktekst (hier kunt u de tekst invoeren die in de knop getoond moet worden). Datum: 21-9-2015 9
Projecten De projecten worden niet gebruikt op de LOA sites. Menu s Weergave > Menu s Uw website maakt gebruik van 1 menu, genaamd Hoofdmenu. Dit menu bevat hoofdpagina s en subpagina s. U kunt de volgorde van pagina s binnen het menu wijzigen door deze te verslepen. Indien u de pagina iets in laat springen, wordt deze als subitem in het menu getoond. De website ondersteund maximaal 1 submenu. Om pagina s toe te voegen, selecteert u de pagina( s) in het blok aan de linkerzijde en klikt u op Aan menu toevoegen. Vervolgens plaatst u de pagina s en klikt u op Menu opslaan om de wijzigingen door te voeren. Voor het onderdeel portfolio bestaan de subpagina s uit branches. Deze kunt u toevoegen door aan de linkerzijde Branche aan te klikken en dan de gewenste branche te selecteren. Vervolgens klikt u op Aan menu toevoegen. Datum: 21-9-2015 10
Formulieren Op uw website bevindt zich een formulier. Dit formulier kan beheerd worden via het menu Formulieren. Via dit menu heeft u ook de mogelijkheid om inzendingen te bekijken. Aanmaak/aanpassen formulier De formulieren zijn gemakkelijk aan te passen in de plug-in. U kunt de velden namelijk aanmaken door een item uit het menu aan de rechterzijde te slepen naar het formulier. Wanneer u een veld op het formulier heeft gesleept kunt u het label instellen. Bij de veld opties kunt u vervolgens aangeven of het een verplicht veld is en eventueel zaken als het formaat, meldingen, labelpositie etc. Elk veld dat zich in het formulier bevindt wordt automatisch opgenomen in de lijst met gegevens die u ontvangt wanneer het formulier wordt ingevuld. Datum: 21-9-2015 11
Formulierinstellingen Bij de instellingen van het bericht (tab naast de bewerken tab, wanneer u een formulier aanpast) kunt u het label van de knop onder het formulier instellen (dit doet u bij Tekst verzendknop ) en kunt u instellen wat er gebeurt nadat een formulier is ingevuld (bij Actie na verzenden formulier en Bevestigings bericht ). De overige instellingen in het gedeelte Algemeen van dit scherm heeft u waarschijnlijk niet nodig. Onder het gedeelte Emails kunt u instellen welke mails het systeem uit moet sturen en hoe deze zijn opgemaakt. Het eerste blok is van toepassing op de e-mails die de ontvanger van de formulieren (aangegeven bij Email ontvangers ) ontvangt. Bij Van/beantwoorden aan vult u in van wie het formulier afkomt (en aan wie u dus kunt antwoorden). Hiervoor kunnen waardes uit het formulier gebruikt worden. Indien de e-mails die u ontvangt van het systeem moeilijk leesbaar zijn (omdat uw e-mail programma geen HTML code ondersteunt) vinkt u de optie Verzend emails in platte tekst aan. Wanneer u een automatische beantwoording aan wilt zetten voor een formulier, vinkt u de optie Stuur automatisch een bericht aan gebruikers aan. Er worden dan een aantal opties zichtbaar. Via deze opties kunt u het antwoord samenstellen. Dit kan bestaan uit een vaste tekst, u kunt echter ook gegevens uit het formulier in het antwoord verwerken. Hiervoor zet u de cursor op de gewenste plaats in de tekst en kiest u bij Selecteer een waarde om in het onderstaande vakje toe te voegen de waarde die u wilt gebruiken. Het maakt hierbij niet uit of u de ID of sleutel gebruikt van het desbetreffende veld. De ID of sleutel wordt slechts gebruikt om het veld te indentificeren. De inhoud van het veld wordt op die plaats waar de ID of sleutel is ingevoegd getoond. Wanneer u klaar bent, drukt u op Bijwerken om de instellingen op te slaan. De overige tabs (Inzendingen, Weergaven en Overzichten) gebruikt u om statistieken etc. te bekijken. Datum: 21-9-2015 12
Disclaimer Deze handleiding is slechts bedoeld ter beschrijving van de belangrijkste (extra) functionaliteiten van uw website. Helaas kunnen wij geen complete handleiding aanbieden daar het te veel werk is om alle mogelijkheden van het systeem te beschrijven en bij te werken bij iedere nieuwe versie. Het is daarom mogelijk dat u tegen vragen aanloopt waarop het antwoord niet in deze handleiding te vinden is, of dat de informatie in deze handleiding inmiddels gedateerd is. Natuurlijk zijn wij altijd beschikbaar om u te woord te staan indien u vragen heeft. Veel succes en plezier met uw nieuwe website. Datum: 21-9-2015 13