Workshop WordPress 12 juni De opzet van de ochtend: 9:30 9:45 Kennismaking Wie / Waar / Niveau / wat wil je leren vandaag?

Transcriptie

1 De opzet van de ochtend: 9:30 9:45 Kennismaking Wie / Waar / Niveau / wat wil je leren vandaag? 9:45 10:15 Instructie WordPress deel 1 Site opzet / Login / Redactie / Dashboard / Pagina s / Berichten 10:15 10:30 Pauze 10:30 11:00 Zelf aan de slag met WordPress deel 1 11:00 11:30 Instructie WordPress deel 2 WYSIWYG editor / Media / Menu / Widgets / Reacties 11:30 11:45 Pauze 11:45 12:15 Zelf aan de slag met WordPress deel 2 12:15 12:30 Afronding en evaluatie Verdieping / hoe verder / taakverdeling / bevoegdheden

2 Instructie WordPress deel 1 Site opzet De opzet van de site is als volgt: - menu bovenin en wisselende foto met aansprekend beeld. - Inhoud in linker vlak, met 3 soorten inhoud: inspiratie berichten, agenda berichten en pagina s. - 3 blokken in de rechter kantlijn: inspiratie 3 items / agenda 3 items / volg de alliantie - Onderin een afsluitende regel met contact info en disclaimer. Login / redactie Er zijn verschillende rollen binnen WordPress: - Schrijver: kan berichten/pagina s schrijven maar niet publiceren - Auteur: kan EIGEN berichten/pagina s schrijven EN publiceren - Redacteur: kan berichten/pagina s schrijven en publiceren EN berichten / pagina s van anderen redigeren - Beheerder: bovenstaande en meer Voor jullie is een login met de rol Redacteur aangemaakt. Log in op dit adres: Gebruikersnaam adres Wachtwoord linsen lex@linsen.nl vaarzonlex1 hegeman anita.hegeman@stimulansz.nl vaarzonanita2 bosters cassandra.bosters@stimulansz.nl vaarzoncassandra3 bron Pbron@nigz.nl vaarzonpiet4 nethe anethe@nigz.nl vaarzonaviva5 berghoef willem@lezenenschrijven.nl vaarzonwillem6 deweerd m.d.weerd@cwz.nl vaarzonmary7 vanzoest mvanzoest@ggd.nl vaarzonmiranda8 olthuis marlies@lezenenschrijven.nl vaarzonmarlies9 bakx jbakx@nigz.nl vaarzonjorien10 Er is ook een wachtwoord vergeten functie. Het Dashboard Het dashboard in vogelvlucht - Een admin balk bovenin met handige links altijd onder handbereik - Blokken met actuele informatie - Het kantlijn menu. Via het kantlijn menu is alles altijd te vinden. Klikken op 1 van de menu-items geeft een overzichtspagina van het desbetreffende items. Vooral van belang zijn Berichten en Pagina s. Daarmee kan de redactie de site van inhoud voorzien. Het verschil tussen Berichten en Pagina s zit hem in de ontsluiting. - Op de site worden aan de hand van categorieën of tags lijsten van Berichten samengesteld voor de bezoekers. Waarna een bezoeker kan doorklikken op een bericht in de lijst voor meer details. - Pagina s kennen geen lijsten. Zij worden bereikbaar voor bezoekers via een link in het

3 navigatie menu van de website of via een link op een andere pagina. Pagina s De velden/vakken zijn: - Titel - Permalink - Inhoud (WYSIWYG) - Publiceren Via scherminstellingen rechtsboven kunnen extra vakken worden getoond. Berichten De velden/vakken zijn: - Titel - Inhoud (WYSIWYG) - Publiceren - Categorieën - Kalender datum - Tags Extra vakken worden gebruikt om lijsten van berichten samen te stellen. De site kent 2 soorten berichten die worden onderscheiden door de juiste categorie aan te vinken bij een bericht: inspiratie of agenda. Bij de agenda moet een extra datum van de activiteit worden ingevuld. Met behulp van tags kunnen trefwoorden worden meegegeven aan een bericht. Zelf aan de slag met WordPress deel 1 Ga nu zelf aan de slag met plaatsen van inhoud 1) Wijzig je wachtwoord 2) Maak een tekst pagina 3) Maak een inspiratie bericht 4) Maak een kalender bericht

4 Instructie WordPress deel 2 De WYSIWYG editor De editor knoppen lijken veel op die in een programma als Word, met enkele extra zaken. Van links naar rechts: - Vet - Italic - Doorhalen - Opsomming ongenummerd - Opsomming genummerd - Citaat - Links uitlijnen - Centreren - Rechts uitlijnen - Een link invoegen Eerst tekst selecteren, dan op het icoon klikken. Plak hier de url en geef een titel mee OF kies een pagina of bericht uit de site om naar te linken - Meer lezen Is alleen van toepassing bij berichten. Het kapt de intro in de lijst af. Of gebruik het veld samenvatting. - Spellingcontrole - Volledig scherm - Gootsteen toont/verbergt extra rij knoppen - Dropdown vooral voor het opmaken van kopteksten - Onderstrepen NIET gebruiken - Uitvullen - Tekst een kleur meegeven NIET gebruiken - Plakken als platte tekst ALTIJD gebruiken. Voorkomt dat opmaak meekomt met het plakken van tekst. - Plakken vanuit Word. Kan eventueel ook ipv platte tekst. - Wissen - Symbolen en andere tekens invoegen - Inspringen - Uitspringen - Vorige - Volgende - Help functie Media: documenten, foto s en video Het plaatsen van media in de website bestaat uit 2 stappen namelijk 1) Het uploaden. 2) Het toevoegen aan het bericht Uploaden foto s en documenten Ga om te beginnen naar de pagina of het bericht waar je wilt invoegen en klik op Media toevoegen (Uploaden/Toevoegen). Er zijn daarna verschillende mogelijkheden afhankelijk van de browser die je gebruikt. - Sleep het bestand of meerdere bestanden tegelijk

5 - Selecteer het bestand of meerdere bestanden tegelijk - Werkt dit niet gebruik dan de browser uploader (1 bestand tegelijk) Na het uploaden zie je het ene beeld of een lijst met beelden. Klik op alle wijzigingen opslaag en er verschijnt een TAB Galerij. Via de Galerij kun je alle media zijn die bij dit bericht of deze pagina zijn geupload. Let op: video wordt niet naar de site geupload maar naar YouTube of Vimeo. Dat is veel makkelijker, zie ook onderaan. Toevoegen documenten Ga naar Media toevoegen Kies de tab galerij Klik indien nodig op Tonen bij het juiste (al geuploade) document. Geef een goede Titel mee Klik bij link op Bestands-URL En voeg de link naar het document toe aan het bericht. Toevoegen foto Ga naar Media toevoegen Kies de tab galerij Klik indien nodig op Tonen bij de juiste (al geuploade) foto. Geef een goede Titel mee en eventueel een Alt tekst of onderschrift Klik bij link op Geen -> Belangrijk! Kies het juiste formaat En voeg de foto toe aan het bericht. Toevoegen galerij Ga naar Media toevoegen Kies de tab galerij Ga naar Galerijinstellingen onderaan. Kies voor Thumbnails koppelen aan Afbeeldingsbestand. Kies voor 3 kolommen En voeg de galerij toe aan het bericht. Video uploaden en toevoegen Upload de video naar YouTube of bijvoorbeeld Vimeo. Plak de share link op een aparte alinea in het bericht of de pagina. Menu en widgets Deze worden op de dag zelf getoond. Reacties Bezoekers kunnen reageren op Inspiratie berichten. De redactie kan deze modereren (aanpassen of verwijderen). Het spreekt redelijk voor zich na bovenstaande.

6 Zelf aan de slag met WordPress deel 2 Ga nu zelf aan de slag met plaatsen van inhoud. Gebruik de eerder gemaakte pagina s of berichten. 5) Voeg in een link in 6) Plak een stuk tekst vanuit Word of vanuit een andere website als platte tekst 7) Voeg een link naar een te downloaden document toe 8) Voeg een foto toe 9) Voeg een galerij toe 10) Voeg een video toe 11) Neem een pagina op in het menu 12) Plaats een nieuw Widget 13) Reageer op een inspiratie bericht en verwijder de reactie van iemand anders Afronding en evaluatie Verdieping / hoe verder / taakverdeling / bevoegdheden En wat verder ter tafel komt.