HetSchoolvoorbeeld.nl Websites voor het onderwijs
Handleiding Versie 2.2 - juni 2014
Meest recente uitgave: www. hetschoolvoorbeeld.nl/handleiding Pagina 1
Handleiding HetSchoolvoorbeeld 2.2
Inhoud Inhoud 1 Opbouw van de website 2 Inloggen 3 WordPress menu’s 4 Berichten 4.1 Berichten beheren 4.2 Een bericht opmaken 4.3 Toelichting opmaakpalet 4.4 Afbeelding invoegen 4.5 Voorbeeld 5 Pagina’s 5.1 Pagina’s maken en bewerken 6.1 PDF documenten invoegen 7.1 Slider aanpassen (optie)
Handleiding HetSchoolvoorbeeld 2.2
2 3 4 5 6 7 8 9 10 11 12 13 14 15
Pagina 2
1 Opbouw van de website Alle pagina’s zijn op dezelfde manier opgebouwd.
1
2
3
4
5
1 Kop. Hier staan de vaste gegevens zoals logo, beelden en contactgegevens. 2 Navigatie menu. Elke pagina die wordt aangemaakt krijgt automatisch een plaats in het navigatiemenu. 3 Zoekvenster. Tik hier een zoekopdracht in en de resultaten verschijnen op de pagina. 4 Content. Inhoud van de pagina. Dit gebied is steeds door u aan te passen. 5 Zijbalk. Vaste items die op elke pagina terugkomen. Mogelijke items zijn: zoekvenster, laatste berichten/nieuws, archief, links naar o.a. sociale media, adresgegevens etc.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 3
2 Inloggen Om aanpassingen te doen op de website moet u aangemeld (ingelogd) zijn. Inloggen kan op dit adres: www.uwwebadres.nl/login *
Vul gebruikersnaam en wachtwoord in die u van de websitebeheerder heeft gekregen en klik op Inloggen.
* Waar uwwebadres.nl staat vult u het adres van uw website in.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 4
3 WordPress menu’s Na het aanmelden komt u in de Wordpress omgeving van de website. Hier kunt u bijvoorbeeld berichten en pagina’s beheren. In de linker kolom vindt u onder andere de volgende menu’s:
Dashboard Hier kunt u snel een bericht maken. Als u op ‘publiceren’ klikt, staat dit bericht automatisch bovenaan de lijst met nieuwsberichten op de pagina ‘Nieuws’. Pagina’s Als u redacteur bent, mag u pagina’s maken, wijzigen of verwijderen. Als u auteur bent heeft u geen bevoegdheden om dit te doen en mag u alleen berichten plaatsen (zie hieronder). Berichten Hier kunt u (nieuws)berichten plaatsen of aanpassen. Nieuwsberichten verschijnen op bijvoorbeeld de pagina ‘Nieuws’ (de exacte naam van deze pagina kan per school verschillen). Reacties Als bezoekers op berichten of pagina’s binnen de schoolwebsite mogen reageren, kunt u die reacties hier beheren (toestaan, verwijderen, etc). Profiel Wijzig hier uw persoonlijke gegevens zoals schermnaam (naam die verschijnt boven de berichten die u aanmaakt) en uw wachtwoord.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 5
4 Berichten Berichten komen meestal op de Nieuwspagina van uw schoolwebsite terecht. Hieronder ziet u de nieuwspagina van HetSchoolvoorbeeld.nl:
2 3 4 5 6 1
1 Drie berichten. Als je op ‘Lees verder...’ klikt, volgt het hele verhaal. 2 Titel van het bericht 3 Publicatiedatum 4 Afbeelding (uitgelichte afbeelding) 5 De eerste woorden van het bericht 6 Lees meer
Handleiding HetSchoolvoorbeeld 2.2
Pagina 6
4.1 Berichten beheren Elk nieuw bericht komt op de nieuwspagina van de website. Als u op Berichten (linker kolom) klikt ziet u de lijst met berichten. Deze lijst ziet er ongeveer zo uit:
Om een bericht aan te passen, te bekijken of te verwijderen gaat u met de aanwijzer over het bericht en maakt u een keuze:
Om een nieuw bericht te plaatsen, kiest u Nieuw bericht (bovenaan):
Handleiding HetSchoolvoorbeeld 2.2
Pagina 7
4.2 Een bericht opmaken Als u start met een nieuw bericht, verschijnen onderstaande onderdelen onder andere op uw scherm. De belangrijkste punten worden hieronder toegelicht
1
2
3
4
5
6
1 2 3 4
Titel van het bericht. Opmaak palet (zie uitgebreide toelichting op de volgende pagina). Gebied waar de tekst en beelden komen. Publiceer-knop. Hier mag je ook kiezen om het bericht nog even op te slaan als concept om het bijvoorbeeld eerst nog aan een collega te laten lezen. 5 Sommige websites maken gebruik van categorieën. Kies in dat geval binnen welke categorie(ën) dit bericht valt. 6 Uitgelichte afbeelding. Op de berichtenpagina van de website staan alle berichten onder elkaar. Vaak worden dan alleen de eerste 15 woorden van elk bericht getoond met een ‘lees meer...’ en een plaatje ernaast. Dat plaatje noemen we een ‘Uitgelicht afbeelding’ en kunt u hier uploaden (niet verplicht, wel erg handig). Klik eerst op Uitgelichte afbeelding instellen en kies een bestand op uw computer. Klik na het uploaden in het uploadvenster op Als uitgelichte afbeelding gebruiken.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 8
4.3 Toelichting opmaakpalet Tijdens het opmaken van een bericht of pagina zijn onder andere de volgende gereedschappen beschikbaar om de opmaak aan te passen. 2
3
4
5
1 6 7
8
9
10
1 Opmaakpalet zoals u dat kent uit veel andere programma’s. 2 Foto toevoegen (zie toelichting op de volgende pagina). 3 Koppelingen aan teksten toevoegen of verwijderen, bijvoorbeeld een link naar een andere site of naar een andere pagina binnen deze schoolwebsite. 4 ‘Lees verder’ markering invoegen. Verschijnt op de nieuwspagina waar alle samenvattingen van de berichten onder elkaar staan. 5 Extra werkbalk. Hiermee kunt u het aantal functies van dit palet uitbreiden of beperken. 6 Stijl van de alinea bepalen (H1 is grootste kop, H5 is kleinste kop). 7 Teksten plakken in het bericht als platte tekst (opmaak afkomstig uit ander document verwijderen). 8 Opmaak van geselecteerde tekst in één keer verwijderen. 9 Vreemd teken invoegen. 10 Bij opsomming inspringing vergroten of verlagen.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 9
4.4 Afbeelding invoegen Om een foto of afbeelding in te voegen klikt u op Media toevoegen bovenaan het opmaakpalet. Klik vervolgens op Bestanden selecteren en wijs aan waar de betreffende afbeelding op uw computer staat. Onderstaand venster verschijnt (of sleep de afbeelding er gewoon naar toe):
Met deze instellingen wordt het plaatje automatisch op de passende grootte in het bericht geplaatst. Kies voor een logische naam bij Titel, selecteer Geen achter ‘Link naar’ en Gemiddeld achter ‘Afmeting’ en klik uiteindelijk op Invoegen in bericht.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 10
4.5 Voorbeeld
Een bericht dat u in WordPress zo opmaakt...
...ziet er op de website zo uit
Handleiding HetSchoolvoorbeeld 2.2
Pagina 11
5 Pagina’s Als u redacteur bent heeft u de bevoegdheid om pagina’s toe te voegen, aan te passen en te verwijderen. Een auteur of schrijver heeft deze bevoegdheid niet.
1 2
Hierboven is als voorbeeld de groepspagina van Groep 1 te zien. Deze pagina (2) valt onder de Hoofdpagina ‘Groepen’ (1). Als u in WordPress naar Pagina’s gaat (linker kolom), verschijnt er een lijst met pagina’s en subpagina’s die er zo uit ziet:
Handleiding HetSchoolvoorbeeld 2.2
Pagina 12
5.1 Pagina’s maken en bewerken Een pagina maken gaat op een vergelijkbare manier als een bericht maken. Klik op Nieuwe pagina (boven) en begin met opmaken (ook weer vergelijkbaar met het opmaken van een bericht). Hieronder de specifieke kenmerken van een pagina. Als voorbeeld is de home page van HetSchoolvoorbeeld.nl genomen. 1
2 3 4
5
6
1 Titel van de pagina. Dit is automatisch ook de titel in het navigatiemenu. 2 Als deze pagina een subpagina zou zijn van bijvoorbeeld de pagina ‘Over ons’ dan kiest u in dit menu onder welke pagina deze pagina moet vallen (onder ‘Over ons’ in dat geval). 3 Deze optie niet veranderen. Alleen bij pagina’s met een afwijkende indeling, bijvoorbeeld de kalender-pagina’s, kunnen alternatieve indelingen gekozen worden. 4 Hier bepaalt u de volgorde in het menu. Dit is pagina 1 dus deze pagina verschijnt helemaal bovenaan in het menu. Pagina 2 komt daar weer onder, etc. 5 Als deze pagina niet mag voorkomen in het menu (komt zelden voor), haalt u het vinkje weg. 6 Stel dat de titel in het navigatiemenu te lang wordt en daar niet in past. In dat geval is het handig om hier een korte alternatieve titel voor het menu te kiezen. Bijvoorbeeld: de pagina heet ‘Naschoolse en tussenschoolse opvang’ - past niet in het menu maar wil je wel graag bovenaan de pagina - dan vul je hier bijvoorbeeld ‘NSO/TSO’ in.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 13
6.1 PDF documenten invoegen Als je een PDF document in je bericht of pagina ter download wilt aanbieden, ga je als volgt te werk:
3 1
2
1 Tijdens het opstellen van je pagina of bericht klik je op de media-toevoegen-knop. 2 Kies in het scherm dat volgt het PDF bestand uit dat op je computer is opgeslagen 3 Nadat het bestand is ge-upload zorg je ervoor dat achter ‘Link naar’ Mediabestand staat geselecteerd waarna je op In pagina invoegen klikt (of in bericht).
Optioneel:
4
4 Om er ook nog eens voor te zorgen dat je PDF in een apart venster wordt geopend (en niet in het venster van de website zodat je de bezoeker de site kwijt is), doe je dit: Selecteer de link die je nu hebt ingevoegd en klik op het ‘ketting (link)’ symbool. 5 Zet een vinkje voor Open link in nieuw venster en kies Bijwerken 6 Publiceer je pagina (of werk bij) en bekijk het resultaat op de website.
Handleiding HetSchoolvoorbeeld 2.2
Pagina 14
7.1 Slider aanpassen (optie) Sommige websites hebben bovenaan de website wisselende foto’s. Dit noemen we een slider. Deze handleiding is alleen voor beheerders en scholen met een fotoslider op de home page. 1 In WordPress: klik op het (paarse) Slidedeck icoon en selecteer vervolgens de slider:
2. Kies voor de afbeelding in de slider die vervangen moet worden of kies voor ‘add nw’ om een nieuwe foto aan de slider toe te voegen.
3. Indien je voor een nieuwe slide hebt gekozen, klik op Image slide 4. Klik daarna op Browse Image, kies het beeld op je computer 5. Selecteer None (geen tekst in de slider) en kies vervolgens voor Upload
6. Klik op Apply (onderaan) en daarna voor Save Slidedeck (ook onderaan)
Handleiding HetSchoolvoorbeeld 2.2
Pagina 15
