Handleiding WordPress website IKC De Edelsteen

Handleiding WordPress website IKC De Edelsteen

Heb je nog vragen na het lezen van deze handleiding? Je kan altijd terecht bij Kim Farber, [email protected] of Sander Langendoen, [email protected].

Hoofdstuk 1: inloggen in WordPress Log in via deze url: www.ikcdeedelsteen.nl/wp-admin/ Op dit scherm kun je je gebruikersnaam en je wachtwoord invoeren, wat je hebt gekregen van de webdeveloper. Hierna word je automatisch doorgestuurd naar het ‘dashboard‘ van IKC De Edelsteen. Als je je wachtwoord vergeten bent, kun je op ‘wachtwoord vergeten’ klikken, om een nieuw wachtwoord in je e-mail te ontvangen.

Handleiding WordPress website IKC De Edelsteen, versie januari 2016

1

Hoofdstuk 2: gebruik van Admin toolbar De WordPress Admin toolbar is een ‘snelkoppeling toolbar’ die je de mogelijkheid geeft om snel toegang te krijgen tot gebieden aan de achterkant van je WordPress website, ook als je aan de voorkant van je website zit. Het gebruik van de Admin Toolbar De Toolbar is de donkere balk die je helemaal bovenaan het scherm ziet. Deze zie je alleen als je ingelogd bent. Aan de linkerkant zie je in het klein het WordPress-logo. Daarnaast staat de naam van de website. Als je daar overheen scrolt, zie je de mogelijkheid om naar de voorkant van de website te gaan.

Het laatste gebied van de linkerkant van de Toolbar is de ‘+ Nieuw link’. Als je over deze link scrolt, zie je een submenu waarmee je op een snelle manier naar het toevoegen van een nieuw ‘bericht’, ‘media’ of ‘pagina’ kunt gaan. Natuurlijk kun je dit ook doen via het linker ‘Dashboard menu’, maar dit is dus een snelle manier. Aan de rechterkant van de Toolbar, zie je ‘Hallo, jouw naam’. Als je hierover heen scrolt, kun je eventueel uitloggen of je profiel aanpassen.

De Toolbar aan de voorkant van de site Standaard als je ingelogd bent op de site, is de Toolbar ook zichtbaar aan de voorkant van de site. Bezoekers zien dit dus niet. Als je aan de achterkant van de site zit, en je scrolt over de naam van je website, en je klikt op ‘Site bekijken’, ga je naar de voorkant van de site. De Toolbar ziet er daar iets anders uit. Handleiding WordPress website IKC De Edelsteen, versie januari 2016

2

Als we nu over de titel van de site heen scrollen, zien we de snelkoppelingen naar het dashboard. Dit brengt ons terug achter de schermen. Als je de Toolbar vervelend vindt De meeste gebruikers vinden de WordPress Admin Toolbar handig, maar je kunt deze eventueel aanen uitzetten voor de voorkant van de website. Onthoud dat deze nooit zichtbaar is voor je bezoekers. Als je deze optie toch wilt uitschakelen, ga je naar ‘Mijn profiel wijzigen‘. Daar vind je een ‘Toon toolbar tijdens bekijken van de site‘-checkbox. Klik daarna onderin op de knop ‘Profiel bijwerken’.


3

Hoofdstuk 3: WordPress berichten vs pagina’s Wanneer je klaar bent om tekstuele content te genereren voor de WordPress website, heb je de keuze om te kiezen tussen een ‘bericht’, of een ‘pagina’. Beiden hebben verschillende doelen, en zijn verschillend van elkaar zichtbaar op de site. Berichten vs pagina’s

Een WordPress bericht is min of meer • • •

een nieuwsbericht op je site. berichten worden in chronologische volgorde gepubliceerd op je site, en kunnen ‘tags’ bevatten, in ‘categorieën’ worden onderverdeeld, en in ‘archieven’ worden toegevoegd. het zijn dynamische berichten, die de verse content van je site voor bezoekers zal zijn, naast de vaste ‘pagina’s’.

Een ‘Pagina’ is praktisch gelijk aan een ‘Bericht’. Maar toch zijn ze anders omdat: Handleiding WordPress website IKC De Edelsteen, versie januari 2016

4

• • •

Ze zijn meestal bedoeld voor een vaste plek op je site en in je menu(‘s). Een statische pagina dus. Voorbeelden zijn bijvoorbeeld ‘IKC De Edelsteen’, en ‘Opvang’. Pagina’s worden niet in een bepaalde volgorde getoond door middel van een datum, kunnen niet gecategoriseerd worden of tags bevatten (zoals berichten wel!). Pagina’s kunnen een hiërarchie bevatten, waardoor je subpagina’s kunt creëren onder ‘hoofdpagina’s.’ Zo kun je dus groepen van pagina’s maken.


5

Hoofdstuk 4: pagina aanmaken en bewerken in Wordpress Een pagina aanmaken bij ‘pagina’s’ in WordPress is heel eenvoudig. Het lijkt sterk op het aanmaken van een bericht, onder ‘berichten’. Het verschil is dat een pagina statisch is, en vaak in het menu wordt opgenomen. Dit zal dus niet regelmatig gebeuren. Terwijl een ‘bericht’ wordt gebruikt voor het plaatsen van een ‘nieuwsbericht’. Dit doe je vaker. Op de pagina’s pas je vooral de teksten aan wanneer het nodig is. Dit komt later in dit hoofdstuk terug. Een WordPress pagina aanmaken 1. Om een nieuwe pagina aan de site toe te voegen, klik je in het dashboardmenu aan de linkerkant op ‘Pagina’s. Klik daarna op ‘Nieuwe pagina’.

Dit scherm met de pagina-editor lijkt bijna identiek aan het scherm van de berichten-editor, behalve dat er een paar verschillende boxen aan de rechterkant te zien zijn.


6

2.Voeg de titel van de pagina toe. n.b. het deel van de url/link wat er achter je domeinnaam komt, is exact hetzelfde als de titel die je hier invoert. Dit kan belangrijk zijn voor de vindbaarheid in Google. 3. Vul de tekst-editor met content. Zorg dat de teksten niet te lang zijn, verplaats je in de bezoeker van de website (wat willen zij lezen ipv wat willen wij vertellen), maak gebruik van kopjes.


7

4.De ‘Publiceren’ sectie zit rechts bovenin in je scherm. Wanneer je klaar bent om je pagina te publiceren, kun je ervoor kiezen om je pagina direct te publiceren. Je kunt ook de pagina’s opslaan als concept, of ervoor kiezen om de pagina op een bepaalde datum te publiceren. Je kunt altijd de pagina alvast bekijken hoe die er aan de voorkant uit komt te zien.

5. De ‘Pagina-attributen’ sectie aan de rechterkant van je scherm laat je een keuze maken of de pagina een hoofdpagina is, of dat je juist een subpagina aanmaakt onder een hoofdpagina. Als je een hoofdpagina aanmaakt, komt deze als menu-item op de website te staan. Als je een pagina wilt toevoegen aan een bestaand menu-item kies je hier voor het menu waar de pagina als submenu onder moet komen. Nadat je deze stappen hebt doorlopen, moet je de pagina’s nog wel toevoegen in het menu. Dit volgt later in hoofdstuk 7.


8

6. Bij ‘sjabloon’ kan je een template kiezen. Bijvoorbeeld een ‘homepage-template’ heeft een andere lay-out dan de ‘opvang lay-out’. Dat sjabloon, of template kun je dan hier kiezen. Bij IKC De Edelsteen zijn er voor verschillende pagina’s templates aangemaakt. Dit heeft te maken met de foto’s in de zijbalk. Als je een nieuwe pagina aanmaakt, moet je dus eerst even kijken welke foto’s je wilt laten terugkomen aan de zijkant en deze template dan kiezen. Let op: ‘Nieuws’ en ‘Contact’ hebben geen foto’s als zijbalk. De foto’s kunnen wel per template aangepast worden. Dit komt later terug in hoofdstuk 8. ‘Template opvang’


9

‘Template Dalton’

7. Bekijk het Voorbeeld nog een keer, klik dan op Publiceren. Je hebt een nieuwe pagina aan de website toegevoegd. De pagina is pas zichtbaar als je de pagina hebt toegevoegd aan het menu. Dit komt later terug in de handleiding bij hoofdstuk 7. Een pagina bewerken Een pagina bewerken komt vaker voor dan een nieuwe pagina aanmaken. Het is belangrijk om de website regelmatig door te lopen of de inhoud die op de pagina’s staat nog klopt. Overleg wel altijd even met de eindredactie (Karin van Wolferen en Vivien de Koning) voordat je een pagina aanpast. Als je bent ingelogd en als je op een pagina op de website zit. Dan zie je onder de tekst in het roze ‘Bewerk’ staan. Als je hier op klikt, kom je direct in de pagina achter de schermen terecht.

Als je achter de schermen bezig bent dan zoek je de pagina op die je wilt bewerken via ‘Pagina’, ‘Alle pagina’s’. Hier staan de pagina’s op alfabetische volgorde, ook kan je op de naam (of een deel hiervan) zoeken. Klik op de pagina die je wilt bewerken.


10

Bij beide opties kom je in onderstaand scherm terecht.

In de tekst-editor kun je de tekst aanpassen, toevoegen of weghalen. Je kunt opsommingtekens toevoegen, een tekst dik- of schuingedrukt maken, een link of een afbeelding toevoegen. De editor werkt eigenlijk hetzelfde als Word. Klik, nadat je de tekst hebt aangepast, altijd op de blauwe button ‘Bijwerken’ rechts. Op deze manier wordt de bijgewerkte pagina opgeslagen. De pagina opgeslagen maar toch graag de oude pagina terug? Boven de blauwe button zie je vier regels: -

Status: dit geeft aan dat de pagina gepubliceerd is. Wil je de pagina offline zetten dan kan je dit hier aangeven. Zichtbaarheid: openbaar. Hier zal je niet veel mee te maken hebben. Revisies: met deze button kan je terug naar de eerder opgeslagen pagina’s. Geplaatst op: hier zie je wanneer de pagina voor het laatst is bijgewerkt.

Link toevoegen: selecteer de tekst waaronder de link moet komen. Klik daarna op het paperclipje.


11

Als je op het paperclipje geklikt hebt, zie je onderstaand scherm:

Ik heb het woord ‘ontwikkelen’ geselecteerd. Dit zie je staan bij linktekst. Bij URL kan je de URL toevoegen waar de geselecteerde tekst naar toe moet linken. Klik bij een externe URL altijd het vakje aan ‘Open link in een nieuw tabblad’! Je kunt ook linken naar een bestaand bericht of pagina op de


12

website. Dit doe je bij ‘Of link naar bestaand bericht of pagina’. Zoek je pagina op door middel van ‘Zoeken’. Als de link is toegevoegd, is hij onderstreept en blauw. Ook kan je de link direct bewerken door middel van het potloodje of verwijderen door middel van het kruisje. Op de website kan je een link herkennen aan als de tekst roze is.

Afbeelding toevoegen: het advies is om de pagina’s zo rustig mogelijk te houden en het liefst geen losse foto’s of andere afbeeldingen in de pagina’s toe te voegen. Dit om zo dicht mogelijk bij de huisstijl te blijven. Bij berichten gaan we wel laten zien hoe je een afbeelding kunt toevoegen. PDF invoegen: een PDF-document kan je overal en altijd toevoegen. Klik linksboven de tekst-editor op ‘Media toevoegen’.

Je komt nu in de ‘Mediabibliotheek’ terecht. Hierin zitten alle foto’s en PDF-bestanden die al op de website staan.


13

Via ‘Bestanden uploaden’, upload je nieuwe PFD-bestanden vanaf je computer.

Je ziet dat de PDF die je geüpload hebt, blauw omlijnt is en een vinkje heeft. In het rechterscherm zie de informatie van het PDF-bestand. Pas bij ‘Titel’ de tekst aan hoe hij in de tekst moet komen te staan. Via de blauwe button rechtsonder voeg je de PDF toe aan de pagina of het bericht.

TIP: zorg dat PDF-bestanden altijd dezelfde manier van naam geven hebben. Dit is namelijk de URL van het bestand (en niet de titel). Het advies van webdevelopers is om altijd kleine letters te gebruiken, geen spaties en geen underscores maar normale streepjes bijvoorbeeld ‘daltoninformatiegids-2014’. In de tekst staat bijvoorbeeld ‘Bekijk de daltoninformatiegids (=titel)’ maar de link/url (dus de naam van het bestand) is http://www.ikcdeedelsteen.nl/wp-content/uploads/2015/11/daltoninformatiegids2014.pdf. Op deze manier kunnen belangstellenden makkelijker de bestanden opslaan. Ook staat dit netter en professioneler.


14

Nadat je de PDF hebt ingevoegd, zie hetzelfde als bij een link. Je ziet de URL plus de naam van het bestand. En ook weer het potloodje om direct de titel (in dit geval Test) te kunnen aanpassen of het bestand te kunnen verwijderen.

Lees meer blok invoegen: omdat een pagina niet veel tekst mag bevatten, is er een oplossing bedacht in ‘Lees meer-blokjes’. Zie onderstaand uitgevouwen blokje.

De inhoud van deze blokjes kan je altijd aanpassen. Ook kan je zelf een stukje tekst onder zo’n blokje zetten. Achter de schermen in de tekst-editor ziet het blokje er zo uit:

[swkspoiler title="Informatiegidsen"] Bekijk de schoolgids IKC De Edelsteen 2015 - 2016 Bekijk de daltoninformatiegids. [/swkspoiler]


15

De tekst tussen [swkspoiler title=”Informatiegidsen”] [/swkspoiler] kan op de normale manier aangepast worden. Ook de titel kan je aanpassen. Zorg wel dat de dubbele aanhalingstekens blijven staan. Vergeet niet om op ‘Bijwerken’ te klikken. Wil je zelf zo’n blokje toevoegen? Doe dan het volgende: Selecteer de tekst die je onder het blokje wil zetten. Klik op ‘Spoiler tekst’ boven de teksteditor. Je krijgt een pop-upvenster waar je de titel van het blokje invult.

Achter de schermen in de tekst-editor ziet het er zo uit:

Nadat je op ‘Bijwerken’ aan de rechterkant hebt geklikt, wordt de pagina bijgewerkt en staat het opgemaakte ‘Lees meer-blokje’ op de website. Vinkje (als opsommingsteken): op sommige plekken zie je groene vinkjes als opsommingtekens. Dit zit niet standaard in de tekst-editor.


16

Achter de schermen ziet dit er zo uit:

[vink-icoontje]Daltonprincipes in onderwijs en opvang[/vink-icoontje] [vink-icoontje]Talentontwikkeling[/vink-icoontje] [vink-icoontje]Engels vanaf groep 1 onderwijs[/vink-icoontje] [vink-icoontje]Ouderbetrokkenheid[/vink-icoontje] Als je de tekst wilt aanpassen die tussen [vink-icoontje] [/vink-icoontje] staat, doe je dit op de normale manier. Je kan hier ook links en PDF-bestanden toevoegen. Vergeet niet om op ‘Bijwerken’ te klikken als de tekst is aangepast. Wil je een eigen opsomming maken met groene vinkjes. Selecteer dan de tekst per regel en klik op ‘Icoontjes toevoegen’. Je ziet dan het volgende:

Klik op vinkje en de geselecteerde tekst krijgt een groen vinkje. Doe dit per regel tekst die je als opsomming wil hebben. Klik hierna op ‘Bijwerken’.


17

Hoofstuk 5: bericht aanmaken in Wordpress Om een bericht (nieuwsbericht) aan te maken in WordPress, ga je als eerste naar ‘Berichten’ in het linker dashboard menu. Je kunt ook eventueel over ‘Berichten’ heen scrollen om het submenu open te laten klappen. De knop ‘Nieuw bericht’ toevoegen kun je ook vinden onder de ‘+ Nieuw link’ in de WordPress Admin Toolbar bovenin.

Klik op ‘Nieuw bericht’. Nu zie je je nieuwe ‘bericht’-pagina waar je je bericht kunt aanmaken.


18

In het eerste vakje vul je de titel van het bericht in. Zorg dat deze niet te lang is en uitnodigt om verder te lezen. Het volgende gebied is je tekst-editor. Mocht de ‘tweede balk/toolbar’ van de tekst-editor, zoals hierboven aangegeven, niet zichtbaar zijn, klik dan eerst even op bovenstaand knopje ‘Werkbalk weergeven/verbergen’. In de tekst-editor plaats je daadwerkelijk de content die je in je bericht wilt laten zien. Alle opties die bij ‘Pagina’ worden beschreven zijn hier ook mogelijk en werken hetzelfde. Bijvoorbeeld een PDF invoegen of een link aan een tekst koppelen. Bij de nieuwsberichten op de website is het leuk om afbeeldingen toe te voegen. Aan de rechter bovenkant van je scherm zie je de Publiceren sectie. Hier kun je je bericht publiceren, of bewaren als Concept. Als je op de ‘Voorbeeld knop’ klikt, krijg je een preview van je bericht te zien hoe deze eruit ziet als je deze zou hebben opgeslagen.

De Status van het bericht geeft aan of het bericht is gepubliceerd, opgeslagen als concept, of ingepland staat. De volgende twee links laten je zien of het bericht openbaar zichtbaar is, of welke groep mensen je berichten mag zien. Standaard mag iedereen je berichten zien. Daaronder vindt je nog de publicatiedatum, of wanneer het bericht ingepland staat. Dit is erg handig omdat je dus ook meerdere berichtjes kunt aanmaken en dan zelf kunt kiezen wanneer deze gepubliceerd worden. Om de berichten te categoriseren, moet je bij de volgende sectie een categorie kiezen. Bij IKC De Edelsteen kun je alleen kiezen uit ‘Nieuws’ en ‘Geen categorie’. Vink altijd ‘Nieuws’ aan anders zijn de nieuwsberichten niet zichtbaar bij nieuws.


19

Afbeelding toevoegen: dit werkt eigenlijk hetzelfde als een PDF invoegen. Je gaat staan in de teksteditor waar je de afbeelding wilt invoegen en klik op ‘Media toevoegen’. Hier kan je de foto uploaden of uit een bestaande foto kiezen. Als de foto te groot is dan kan je hem direct bewerken tijdens het uploaden. Dit volgt later in de handleiding in hoofdstuk 6. Aan de rechterkant van dit scherm, zie je de bijlage-details van de foto. Hier kun je de Titel, Onderschrift, Alt-tekst en de Beschrijving invullen. Als je zoekmachine optimalisatie belangrijk vindt, is het aan te raden om de titel,alt-tekst en de beschrijving goed in te vullen. Google kan immers geen afbeeldingen lezen, maar wel tekst. Deze teksten omschrijven jouw afbeelding. Je kunt ook de Uitlijning van de afbeelding kiezen, ook waar de afbeelding naar toe moet linken, en je kunt er ook voor kiezen hoe groot je deze afbeelding wilt laten zien in je pagina of bericht. Selecteer de door jouw gekozen afbeelding door er op te klikken, en klik vervolgens op ‘Invoegen in’. Nu zie je dat je afbeelding is toegevoegd aan het bericht. Als je nu op je afbeelding klikt zie je dat er een klein boxje ontstaat boven de afbeelding. Je kunt met deze icoontjes wat aanpassingen doen aan de afbeelding. Er zit ook een ‘bewerken’-icoontje. Als je hierop op klikt, zie je dat er een ander scherm geopend wordt en je de details van de afbeelding hier gewijzigd kunnen worden. Hier kun je bijvoorbeeld de grootte van de afbeelding wijzigen (in percentages, wat een handige tool kan zijn voor herschalen). Of je kunt de titel, de hyperlink, of andere details updaten.


20

Lees meer-blokjes bij nieuwsberichten: een nieuwspagina is een pagina met meerdere berichten op één pagina. Omdat we niet willen dat het hele bericht zichtbaar is, zijn hier ook ‘Lees meer-blokjes’ zichtbaar. Verwar deze niet met de andere blokjes zoals bij ‘Pagina’s’ besproken. Voorkant


21

Achterkant

Dit groene ‘Lees meer-blokje’ (streepje aan de achterkant) plak je altijd na een of twee zinnen van het nieuwsbericht. Je gaat aan het einde van deze zinnen staan en klikt op de ‘Lees meer-tag’. Zie rode pijl. Als je met je muis over deze icoontjes gaat, zal je ook de namen zien. Je klikt op ‘Publiceren’ en het blokje is toegevoegd. Een bericht bewerken Een bericht bewerk je op dezelfde manier als een pagina. Uitgelichte afbeelding toevoegen bericht Op de nieuwspagina van de website zie je bij de berichten aan de linkerkant een kleine afbeelding staan. Dit noemen ze de ‘Uitgelichte afbeelding’. Het instellen van zo’n uitgelichte afbeelding is niet zo moeilijk. Je hoeft alleen maar op ‘Uitgelichte afbeelding instellen’ te klikken, rechts onderin een pagina, en vervolgens kies je je afbeelding uit de mediabibliotheek die je wilt laten zien:


22


23

Hoofdstuk 6: afbeeldingen bewerken in de mediabibliotheek De mediabibliotheek in WordPress heeft aardig wat mogelijkheden. Zo is het mogelijk om geüploade afbeeldingen in de mediabibliotheek te bewerken. Denk hierbij aan simpele aanpassingen zoals bijsnijden, draaien, spiegelen of kleiner maken. Waar kan ik afbeeldingen bewerken in WordPress? Je kunt je afbeeldingen in WordPress op twee manieren bewerken. In de mediabibliotheek of in de WordPress editor. In de editor is het vrij eenvoudig. Als je een afbeelding hebt geüpload tijdens het schrijven of bewerken van een bericht of pagina in WordPress, verschijnt deze in de (visuele) editor. Klik op de afbeelding en klik vervolgens op ‘Bewerken’ (zie onderstaande afbeelding).

Afbeelding bewerken in de visuele editor

Als je op ‘Bewerken’ hebt geklikt (zie bovenstaande afbeelding), kom je in een nieuw scherm met verschillende mogelijkheden. De ‘Weergave’-instellingen ken je waarschijnlijk al. Met deze instellingen bewerk je niet zozeer de afbeelding zelf, maar hoe deze getoond wordt op depagina. Zo Handleiding WordPress website IKC De Edelsteen, versie januari 2016

24

bepaal je bijvoorbeeld de uitlijning ten opzichte van de tekst en de afmetingen. Ook kun je een link kiezen die op de afbeelding wordt geplaatst. Dit zijn overigens allemaal instellingen die je ook al kunt kiezen tijdens het toevoegen van de afbeelding aan je pagina of bericht. Wanneer je de daadwerkelijke afbeelding wilt bewerken, klik je op ‘Origineel bewerken’. Hier kun je ook kiezen voor ‘Vervangen’. Als je bijvoorbeeld de verkeerde afbeelding hebt geüpload, hoef je niet eerst deze te verwijderen, maar kun je gewoon het origineel vervangen met de juiste afbeelding.

Wanneer je op ‘Origineel bewerken’ klikt, kom je in een nieuw scherm met verschillende opties: Bijsnijden Wanneer je met je muis een selectie maakt (door over een deel van de afbeelding te slepen), kun je de afbeelding bijsnijden:

Wanneer je de gewenste selectie hebt gemaakt, klik je op de ‘Bijsnijden’-knop, helemaal linksboven. Vervolgens krijg je het resultaat te zien. Ben je hier tevreden over, dan klik je op ‘Opslaan’.


25

Draaien/roteren Je kunt de afbeelding vanuit deze bewerker ook 90 graden draaien (roteren). Met de twee knoppen kun je de afbeelding draaien. Met de ene knop draai je in de richting van de klok, met de andere draai je in de andere richting.


26

Spiegelen (horizontaal of verticaal) Naast draaien kun je de afbeelding ook spiegelen (horizontaal of verticaal). In de onderstaande afbeelding is de foto verticaal gespiegeld:

Ongedaan maken Met de twee rechterknoppen kun je je wijzigingen ongedaan maken óf ‘opnieuw’ doen (nadat je deze eerder ongedaan hebt gemaakt). Dit kan erg handig zijn als je per ongeluk ergens op hebt geklikt, maar hier niet tevreden over bent. Schalen en thumbnail-instellingen


27

Aan de rechterkant van het scherm bevindt zich nog de mogelijkheid om de afbeelding te ‘Schalen’ of bij te snijden’ (zie afbeelding). Het getal links staat voor de breedte (in pixels) en het getal rechts voor de hoogte van de afbeelding. Wanneer je één van deze getallen aanpast, zal het andere getal automatisch mee veranderen zodat de verhouding goed blijft. Erg handig, want als je (bijvoorbeeld) alleen de hoogte aanpast klopt de verhouding van de afbeelding niet meer. Wanneer je de afbeelding op de eerder genoemde manier aan het ‘bijsnijden’ bent, kun je hier ook de cijfers invullen, voor als je afbeelding precies een bepaald formaat moet zijn. Afbeeldingen bewerken in de mediabibliotheek De instellingen die ik hierboven heb toegelicht, kun je ook in de Mediabibliotheek vinden. Selecteer een afbeelding in de mediabibliotheek, en klik op ‘Bewerken’. Je kunt de afbeelding nu direct bewerken in de mediabibliotheek. Afbeelding herstellen Wat ook erg handig is, is dat WordPress de originele afbeelding ‘onthoudt’. Je kunt daardoor al je wijzigingen ongedaan maken, en de ‘Oorspronkelijke afbeelding herstellen’. Wanneer je hierop klikt, worden al je wijzigingen (die je in WordPress hebt gedaan) in één keer ongedaan gemaakt:

Conclusie Voor kleine aanpassingen is het prima om de WordPress-mediabibliotheek te gebruiken. Gebruik niet te grote afbeeldingen op de website. Deze kunnen een enorme impact hebben op de performance (laadtijd) van je WordPress-website. Foto’s kan je makkelijk verkleinen in bijvoorbeeld het programma Paint. Dit is op bijna iedere computer beschikbaar. Ook Photoshop kan je hiervoor gebruiken. In Photoshop kan je een afbeelding ‘Opslaan voor het web’, waardoor de grootte van het bestand kleiner wordt.


28

Hoofdstuk 7: een menu aanmaken in Wordpress In WordPress, kun je eenvoudig menu’s aanmaken. De in WordPress gebouwde Menutool, laat je je eigen menustructuur samenstellen of aanpassen. Let op: verander niet zomaar iets in het menu, bespreek dit altijd met Karin en Vivien. Ga naar ‘Weergave’ en klik ‘Menu’ aan. Voor het toevoegen van een menu of submenu moet altijd eerst de pagina aangemaakt zijn. Dit is in hoofdstuk 4 uitgelegd op bladzijde 6. In onderstaande afbeelding, zie jij bij ‘Pagina’s’ alle pagina’s staan die zijn aangemaakt. Klik op de pagina die je wilt toevoegen en klik op de ‘button Aan menu toevoegen’. De pagina wordt nu automatisch aan het menu toegevoegd. Hij staat nu wel onderaan het menu. Je kunt je menu-items van volgorde veranderen, door ze omhoog en omlaag te slepen. Je kunt ze ook als een ‘submenu-item’ aangeven door ze net iets naar rechts onder een menu-item te slepen. Door te oefenen wijst zich dit vanzelf. Als je klaar bent, klik je op ‘Menu opslaan’ en het menu is nu zichtbaar aan de voorkant van de site.


29

Hoofdstuk 8: Wordpress widgets gebruiken Widgets in Wordpress zijn eigenlijk handige tools die webbouwers gebruiken om de website een eigen stijl, look & feel te geven. De webbouwer heeft voor IKC De Edelsteen zijbalken-widgets gebouwd. Widgets vind je onder ‘Weergave’ boven ‘Menu’. Als je op widgets klikt dan kom je in onderstaand scherm:

Widgets worden gemaakt door de webbouwer. Alles wat er aan de linkerkant van de pagina staat is dan ook voor webbouwers bedoelt. De buttons aan de rechterkant zijn de widgets die aangepast kunnen worden. Dit zijn de zijbalken die per ‘pagina of template’ een andere foto hebben. Mocht je de foto willen aanpassen in een zijbalk dan klik op button die bij de zijbalk hoort. Pas niet zomaar een zijbalk aan maar overleg dit altijd Karin of Vivien. Je ziet in de button twee ‘afbeeldingenwidgets’.


30

Je ziet dat je hier de afbeelding kunt aanpassen of verwijderen. LET OP: kies bij formaat altijd ‘gemiddeld’ en vergeet niet op te slaan.


31

Hoofdstuk 9: fotopagina maken Op www.ikcdeedelsteen.nl is een speciale fotopagina, ‘Foto’s’. Foto’s kunnen hier per gebeurtenis worden geplaatst. Het is op dit moment niet mogelijk om in een gebeurtenissen, meerdere gebeurtenissen te plaatsen. Klik op ‘fotopagina’ het menu. Bovenaan zie je de knop om een nieuwe pagina aan te maken. In dit geval is een nieuwe pagina een nieuwe gebeurtenis.

Klik op ‘Voeg nieuwe toe’. En maak een leuke titel aan. Dit is de naam van de gebeurtenis hoe hij op de fotopagina komt te staan. Hierna klik je op media toevoegen.

Nadat je op ‘Media invoegen’ hebt geklikt, kom je in de mediabibliotheek. Selecteer hier ‘Galerij aanmaken’. Je kan bestaande foto’s hiervoor gebruiken of nieuwe foto’s uploaden vanaf de computer.


32

Nadat je de foto’s van de gebeurtenis hebt geselecteerd en op volgorde hebt gezet, klik je op de blauwe button rechts ‘Nieuwe galerij aanmaken’. De foto’s staan nu in de pagina. Om wel onderscheid te maken in bijvoorbeeld de groepen kan je in de pagina een nieuw kopje maken en daaronder een nieuwe galerij toevoegen. Zo heb je 1 gebeurtenis op de fotopagina maar wel met onderscheid tussen de foto’s. Zie onderstaande afbeelding.

De foto die je als beginfoto ziet op de fotopagina, selecteer je bij ‘Uitgelichte afbeelding instellen’ aan de rechterkant. Dit is in hoofdstuk 5 uitgelegd. Klik op ‘Publiceren’ en een gebeurtenis op de fotopagina is aangemaakt.

Heb je nog vragen na het lezen van deze handleiding? Je kan altijd terecht bij Kim Farber, [email protected] of Sander Langendoen, [email protected].


33

Handleiding WordPress website IKC De Edelsteen

Recommend Documents