Brief versturen

Verstuur altijd eerst een proef naar jezelf of klik boven in de brief op ‘bekijk deze nieuwsbrief in de browser” (maar dan moet je de brief wel eerst even opslaan)

Kies volgende stap en dan kom je in het verzendscherm. Kies geen optie om te plannen omdat hosting2go de planningsvariant niet ondersteunt. Klik vervolgens op verzenden. Klaar.

Eenmaal verzonden brieven kan je niet meer wijzigen

9. Dashboard

9.2. Taakbalk boven in beeld.

Als je over de naam schuift zie je’ site bekijken. Je kan ook op de naam gaan staan en dan met de rechter muisknop de site openen in een nieuw tabblad. Dan kan je gewoon heen en weer schakelen tijdens het bijwerken.

Op de taakbalk kan je ook direct thema bijwerken (niet zomaar doen, zie update) of direct een nieuwe pagina of bericht aanmaken.

18 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

9.3. Dashboard

9.3.1. Home

Openingspagina van wordpress (krijg je ook in beeld na het inloggen) 9.3.2. Updates

Hier vind je updates van het thema en plugins. Klik bij een update van het thema niet zomaar op updaten omdat het de instellingen van de website kan beïnvloeden. Doe dit alleen in overleg met iemand die je technisch kan ondersteunen en probeer het eerst uit met de testsite.

9.3.3. Jetpack

Ondersteunt enkele functionaliteiten. Niet zomaar iets aan veranderen want beïnvloed ook andere plugins. Zie verder opbouw website.

9.3.4. Berichten

Alle berichten zijn in ieder geval gecategoriseerd in

 Concertagenda en/of

 Laatste nieuws en/of

 Archief (huidig seizoen als je nieuw bericht maakt)

 In het huidige seizoen ook aan categorie van evenement zelf zodat je het makkelijk terug kunt vinden en nog bewerken. Aan het eind van het seizoen kunnen die categorieën worden verwijderd en blijven de berichten nog wel gewoon gekoppeld aan desbetreffend seizoen.

9.3.4.1. Categorieën

Dit zijn de categorieën voor de berichten.

 Er zijn categorieën voor berichten

 Er zijn categorieën voor media

Ik stel voor dat we van het huidige seizoen de categorieën laten staan. Van alle seizoen ervoor is het dan alleen nog categorie archief-jaartal. Als een seizoen weer ten einde is moet iemand de website even opschonen en oude categorieën verwijderen. Als ieder artikel is gecategoriseerd volgens het evenement+ archief jaar dan kan je ongestraft de

evenementen verwijderen en blijft het vindbaar via het archief jaar.

9.3.4.2. Verwerken categorieën:

Je kunt dit doen op het moment dat je een nieuw bericht maakt maar ook later.

 Via nieuw bericht

 Maak je bericht.

 Zorg dat de titel van je bericht op dezelfde manier is opgebouwd als de andere berichten.

Een titel is geen categorie maar alleen de titel van je bericht.

 Berichttitel = opgebouwd uit datum maand (afgekort) jaartal en vervolgens een KORTE titel.

 Maak een nieuwe categorie aan door rechts in je scherm een categorie toe te voegen. Kies daarbij ook de hoofdcategorie (dus nieuw bericht voor dit jaar is hoofdcategorie archief 2015-2016).

19 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

 Zorg dat je jaar-maand-dag-titel notatie doet zoals het tot nu toe gebruikt is en houdt de titel kort. Lange titels maken de zoeklijst alleen maar langer en onoverzichtelijker.

 Voeg toe

 Opslaan

 Via Categorieën (van berichten)

 Kies categorieën

 Voeg nieuwe categorie in (let op jaar-mnd-dag-titel notatie)

 Voeg hoofdcategorie toe

 Voeg eventueel slug toe en/of beschrijving (doet WP vaak zelf)

 Klik op toevoegen

 Belangrijk:

o Als je een bericht maakt en dit wilt zien in de concertagenda en/of laatste nieuws en/of archief dan moet je al die categorieën aanklikken. Alleen dan zal je je bericht op de blogpagina zien.

o Kies je geen categorie dan komt het bericht bij niet gecategoriseerd en is het niet zichtbaar in je blogpagina’s

o Controleer nadat je bericht af is of het inderdaad goed gelinkt is aan de categorieën (kan je zien in overzicht categorieën) en controleer of het zichtbaar is op de website in de rubrieken waar je dat bedacht had.

o Gebruikte foto’s moet je nog even categoriseren zoals in Media is uitgelegd.

9.3.5. Tags

In ieder bericht kan je tags toewijzen. Je kan een tag toevoegen terwijl je het bericht maakt (zie hierboven). Nieuwe tags kan je maken in het nieuw berichten scherm maar ook via het scherm tags.

Houdt het aantal tags beperkt en altijd met een hoofdletter. Tags die vaker worden gebruikt zijn groter afgebeeld in de tag-widget in je berichten pagina’s

Ken tags toe die logisch zijn. Bezoekers die op een tag klikken zijn op zoek naar gerelateerde onderwerpen en willen niet verzanden in andere artikelen.

9.3.6. Twitter tekst

Deze zijn standaard ingesteld en kan je zelf wijzigen als je een bericht naar twitter plaatst.

Doe dat zoveel mogelijk met een twittercard. Zie desbetreffend hoofdstuk

9.4. Media

In Media zijn alle plaatjes, foto’s, video, geluidsopname, PDF, JPG, worddocumenten geladen.

Om de media overzichtelijk te houden zijn er categorieën toegekend. Voor het overzichtelijk houden van de website is het handig de mediacategorieën zoveel mogelijk een zelfde titel mee te geven als de categorieën van berichten.

9.4.1. Bibliotheek

Hierin vind je alle geladen media. Ben je op zoek naar één specifieke media vul dan zoekscherm in of kies een categorie. Alle nog niet gekoppelde media staan onder ‘not’ in media categorie. De bibliotheek werkt niet altijd goed met zoeken via categorie. Wel met zoekoptie. Kies anders assistent.

20 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

Je kan op allerlei plekken (via media invoegen) een nieuw bestand uploaden. Zorg wel dat je die daarna altijd aan een categorie toekent (werkt het handigst via assistent)

In je mediabibliotheek staan linksboven 2 icoontjes . de linker is een lijst van items, de rechter (met de vier vierkantjes) is een overzicht

van plaatjes. Via de lijst kan je zien waar items allemaal gebruikt zijn, via de plaatjes kan je makkelijker zoeken. Als je per abuis teveel media geupload hebt en je weet niet precies welke je gebruikt hebt kan je het beste via assistent zoeken naar de tekst bij de media

wees-onkoppeld. Die kunnen we dan beter verwijderen omdat het de mediabestanden alleen maar vervuilt. Verwijder deze echter niet als je niet weet waarvoor ze gebruikt worden (zoals de sliderfoto’s van JO, JUSO en SOB, want die zijn niet gekoppeld en WP geeft ook hier wees-ongekoppeld aan. Als je die verwijdert doen de slides het niet meer).

Verwijder media als ze niet meer gebruikt worden (bijvoorbeeld concertaankondiging als dit al is geweest)

9.4.2. Nieuw bestand

Via deze optie kan je een nieuw bestand uploaden (maar kan ook door media invoegen in bericht/pagina/etc. Let op als je op deze manier een bestand upload is deze nog niet gekoppeld aan een categorie

9.4.3. Categorie

Dit zijn alle bestaande categorieën van berichten. Dus NIET van media.

9.4.4. Media categorie

Het toevoegen van een nieuwe media categorie werkt hetzelfde als de categorieën voor berichten

9.4.5. Assistent

Een handige tool om je media te beheren. Als je nieuwe media hebt geupload kan je deze hier makkelijk beheren

 Voor je media kan verwerken in categorieën, moet je de media categorie eerst aangemaakt hebben!

 Kies nee media categories

 Klik op filter

 Selecteer de media die je ergens aan wilt koppelen

 Selecteren van hele pagina die je ziet kan via id/parent

 Klik bij scherm acties op wijzig (of als je ze wilt verwijderen op permanent verwijderen)

 Klik op uitvoeren

 Kies de categorie waaraan je dit medium wilt koppelen (let op je moet daarvoor eerste een nieuwe media categorie aangemaakt hebben)

 Vink de categorie aan

 Kies bijwerken

 Kies ververs

 Je komt weer terug in het scherm na het filteren.

21 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

 Je kan via dit proces ook ondertitels toevoegen aan je foto etc. Dat ziet er overigens niet netjes uit in een media galerij.

 Je kan media ook één voor een verwerken door onder de media op verwijderen, bewerken, etc te klikken

9.5. Pagina’s

Pagina’s zijn echt vaste pagina’s. Zoals de homepage, orkestpagina’s. etc

Er staan vijf pagina’s die te maken hebben met de webwinkel: afrekenen, webwinkel, winkelmandje, algemene voorwaarden en mijn account. Gelieve deze pagina’s NIET te verwijderen of bewerken.

Het aanmaken van een nieuwe pagina werkt hetzelfde als een nieuw bericht. Alleen de instelling van de pagina is anders: vul bij Sjabloon Full widht- no sidebar in.

Het opnemen in het menu op de website volgt later.

Zorg dat reacties altijd uitstaat.

9.5.1. Homepage aanpassen

 Dit is de enige pagina die aangepast moet worden nadat er nieuws is

 Dit kan nog even niet automatisch omdat je geen blog in een pagina kan plaatsen in wordpress

 Ga naar homepagina

 Klik op bewerken

 Voeg een rij in door de rij eronder of boven te selecteren. Klik op tabel icoon en voeg toe.

 De concertagenda staat in 2 kolommen naast elkaar.

 Nieuwe rij kan je dan onder andere rij toevoegen (let op dan moeten nog wel de randen worden aangepast, zie hieronder bij tabel voor laatste nieuws)

 Laatste nieuws staat onder elkaar

 Voeg nieuwe rij toe

 Plak in de linker kolom een afbeelding via media invoegen, kies front…. Naam.

 Selecteer afbeelding staan en klik op potloodje

 Centreer de afbeelding

 Klik op link naar = aangepast URL

 Plak de URL in van desbetreffende pagina/bericht

 Kies ‘open link in een nieuw tabblad

 Kies afmeting

 Kies aangepaste afmeting

 Kies breedte 200 (hoogte is dan in verhouding 90)

 Kies bijwerken

 Type in de rechter kolom datum en titel

 Blijf aub af van de twitter feed onderaan de pagina.

 Per abuis toch verwijderd? Voeg dan in de tekst tabblad een nieuwe twitter feed in (zie twitter feed)

 Opslaan

9.6. Reacties

Op de site is het geven van reacties uitgezet. Daardoor zal je deze pagina niet gebruiken. Mochten er toch ergens reacties staan dan kan je ze hier beheren

22 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

9.7. Contact

Hier is het contactformulier opgeslagen van de website. Desgewenst kan er een nieuw contactformulier aangemaakt worden. Op youtube staan allerlei filmpjes over het aanmaken van contactformulieren.

9.8. Mailpoet

Plugin voor het maken van nieuwsbrieven

9.9. Woocommerce

Hier is de webwinkel opgeslagen en ingesteld. De instellingen staan nu correct en enige wat af en toe gewijzigd moet worden is tekst over het bestellen van een kaart voor een concert en de concertkaarten met prijs

9.9.1. Bestellingen

Op deze pagina is het aantal bestellingen te zien. Inlog voor penningmeester nog aanmaken 9.9.2. Rapporten

Op deze pagina zijn overzichten te zien van de bestellingen over een bepaalde periode. Idem 9.9.3. Instellingen webwinkel

 De starttekst op de pagina webwinkel op je dashboard onder pagina’s

 De kaartjes worden aangemaakt in tabblad van het dashboard producten

 De manier van betalen staat ingesteld op woocommerce- instellingen – afrekenen en dan helemaal onderaan bij verschillende vormen van betalen

 Op youtube staan prima handleidingen over het instellen van de webwinkel.

 In principe is de webwinkel geheel ingesteld en hoeft daar niets aan te gebeuren.

 Normaal zit er bij het afrekenscherm een vakje met ‘extra notitie’ voor de klant. De huidige penningmeester wil dit niet. Het vakje is ‘hardhandig’ uitgezet door een bewerking in het thema.

Als er een nieuwe update van het thema wordt gedaan kan het zijn dat dit vakje weer aanstaat.

Dat is programmeer werk om het weer uit te zetten en daarvoor is de hulp van een programmeur nodig

9.9.4. Systeemstatus en add-ons

Niets aan veranderen. Is ingesteld (zie opbouw website)

9.10. Producten

9.10.1. Producten

Hier staan de huidige producten. In principe kunnen die blijven staan en kan je heel eenvoudig de prijs aanpassen

9.11. Weergave

In dit tabblad zit alles wat te maken heeft met de instellingen van de website.

9.11.1. Thema’s

Wij gebruiken het SKT Full Widht thema. Gelieve niet zomaar een ander thema te zoeken en te activeren want dan verandert je hele website.

23 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

9.11.2. Customizer

Een scherm om één en ander te kunnen bewerken. In principe niet meer nodig nu de website is opgezet.

9.11.3. Widgets

Toevoegingen aan de website. Nu staat alleen de widget ‘tagwolk’ ingesteld.

9.11.4. Header

Hier staat de instelling van het logo bovenin de pagina. Tabblad opent in de customizer 9.11.5. Achtergrondafbeelding

Idem

9.11.6. Themeoptions en editor

Hier staan instellingen van het gebruikte thema

9.12. Plugins

In dit tabblad zijn alle plugins geïnstalleerd van de website. Updates kunnen gewoon worden

uitgevoerd. Gelieve geen plugins zomaar toe te voegen of te verwijderen. Zie verder opbouw website document

9.13. Gebruikers

Hier kunnen gebruikers worden toegevoegd of verwijderd. Moet nog worden ingesteld als de website online gaat

9.14. Extra, instellingen, Mediainstellingen, Facebook, Twitter, Twitterfeeds

Hier staan algemene instellingen van de website.

9.15. Google map

Via dit tabblad kan je een kaartje instellen om te gebruiken voor een concert of andere locatie die je toe wilt voegen

 Klik op Add new map

 Geef de kaart een naam

 Type bij center adres het adres dat je zoekt

 Klik op safe

 Klik op markers

 Klik op add new marker

 Vul het adres in.

 Kies none voor animatie

 Klik op save

 Bij een bericht/pagina kan je vervolgens gemaakt google map invoegen door op Add Google map te klikken.

24 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

9.16. Twittercard

De plugin JM Twitter Cards moet geinstalleerd zijn.

Het werkt als volgt:

 Maak een bericht

 Publiceer

 Ga naar de website

 Kopieer de URL

 Ga naar https://cards-dev.twitter.com/validator

 Vul de URL in en klik op preview card

 Kies het soort card (summary of summary met grote afbeelding)

 Als je toestemming hebt van twitter kan je de tweet plaatsen

 Ga naar je website

 Klik op het bericht

 Klik op tweeten (onderaan de pagina)

 Pas eventueel de tekst aan maar laat de URL staan.

 Klik op tweeten

 Klaar. Je moet het kaartje wel uitklappen om het te kunnen zien maar dan staat het erop.

 Het moet ook kunnen met producten maar dat moet ik nog uitproberen

 Uitproberen kan via @webmast16217944 ww = tests0b (met naam testsob)

 Inlog van @bborkest is Mozart73

9.17. BackWPup

Backup maken: klik op BackWPup boven in je scherm

Kies taken > Backup > nu starten. De rest gaat vanzelf. Er staat een kopie op de server en op dropbox.

9.17.1. Dashboard

Hier vind je een overzicht en diverse instructiefilmpjes 9.17.2. Taken

Er staat één taak, deze kan je steeds opnieuw uitvoeren 9.17.3. Nieuwe taak aanmaken

In principe niet nodig 9.17.4. Logs

Soort logboek

9.17.5. Backups Overzicht van gemaakt Backup 9.17.6. Instellingen

Zie andere document, opbouw website

25 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

9.18. Metaslider

Hier staan de sliders die gebruikt worden op de website. Dat zijn tot op heden, home en slider bij ieder orkest. Het aanmaken wijst de weg vanzelf als je eenmaal weet hoe je media invoegt en beheert (zie desbetreffende hoofdstukken). Een slider invoeren doe je op desbetreffende pagina/bericht door slider invoegen te klikken bovenaan het bericht en dan de keuze te maken voor de juiste slider.

In het kort: Ga op het dashboard naar Metaslider

 Klik op het + voor een nieuwe slider

 Klik anders op de slider die je aan wilt passen

 Zorg vooraf dat je foto’s allemaal het formaat van 1536x803 hebben. Een slider met verschillende afmetingen is slordig

 Upload vooraf al je foto’s en geef ze de naam orkest Slide met nummer. Zorg dat je ze netjes hebt opgeborgen in de categorie algemeen/orkest Algemeen

 Als je foto’s toe wilt voegen aan een slide selecteer je eerst desbetreffende slide

 Kies dan slide toevoegen

 Kies je foto’s

 Kies aan slide toevoegen

 Sorteer je foto’s door ze te verschuiven

 Kies opslaan

 Controleer altijd of de slide eruit ziet zoals je wilt

 Foto’s die je hebt geupload maar niet gebruikt: verwijderen

10. Diverse

10.3. Foto invoegen

 Foto’s invoegen in bericht of pagina: ga op de plek staan waar de foto ingevoegd moet worden.

 Klik op Media toevoegen

 Gebruik een foto die al geupload is of upload een nieuwe foto (na verwerken van je artikel foto categoriseren)

 Maak een foto in de pagina/blog ongeveer maximaal 250 groot (langste zijde)

 Lijn de foto links of rechts uit.

 Als je nauwkeuriger een foto in wilt voegen kan je wellicht beter via kolommen invoegen

10.4. Fotoalbum invoegen

 Ga op de plek staan waar je een album in wilt voegen (meestal onderzijde pagina)

 Klik op media toevoegen

 Klik op galerij aanmaken

 Selecteer je afbeeldingen

 Klik op nieuwe album aanmaken

 Gebruik per album maximaal 6 tot 8 foto’s. Andere foto’s verwerken zoals beschreven bij extra fotoalbum maken

 Sorteer je foto’s zoals je ze in beeld wilt hebben

 Klik rechts op aantal kolommen waarin je de foto’s wilt plaatsen

 Klik op Mediabestanden

26 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

 Klik op formaat : Thumbnail

 Klik op galerij invoegen.

 Eventueel kan je de galerij daarna nog bewerken door op het potloodje te klikken

10.5. Extra foto’s invoegen

Om de site overzichtelijk te houden en qua inhoud niet te groot te laten worden kan je highlights van foto in het artikel plakken en een link opnemen naar ons google fotoboek

 Gaan naar https://mail.google.com

 Inloggen

 Kies ons account sob.algemeen@gmail.com

 Ww Mozart08

 Klik naast het woordje Symfonieorkest rechts boven op het icoon ‘Google-apps’

 Kies foto’s ( of youtube, we hebben een eigen youtube kanaal, daar kan je video’s volgens de instructie uploaden)

 Klik op het icoon uploaden (wolkje met pijltje naar boven)

 Maak daarna de keuze voor album maken

 Geef het album de naam (overeenkomstig met de categorie van de website)

 Als het album klaar is klik je op het icoon ‘delen’

 Maak een deelbare link aan

 Kopieer de link

 Plak de link in je websitepagina/bericht met het icoontje link toevoegen. Schrijf een zin als ‘voor het volledige fotoalbum klik HIER’

 Als je een youtube link wilt invoegen kan het niet in het visuele scherm van je bericht of pagina.

Dat moet je doen in het tekstscherm. Plak de youtube link in op de plek waar je het filmpje op je site wilt hebben

10.6. Foto’s in het algemeen

 Foto’s voor uitgelichte afbeeldingen berichten hebben de afmeting in verhouding 406*183 of 812*366 of 1218*549. Maak een aparte foto in je fotobewerkingsprogramma met die verhouding en upload het als front…. naam.

 Voordat je de foto’s upload naar de website is het beter als ze allemaal hetzelfde formaat hebben. Dat voorkomt rommelige pagina’s en giga bestanden op de website

 Download het programma Adobe Photoshop CS5 op je computer

 Open het programma o Kies file o Kies Scripts

o Kies image processor

o Kies de juiste map waar de foto’s staan o Kies de map (kan je dezelfde kiezen want

fotoshop maakt zelf een JPG map aan) waar je de foto’s neer wilt zetten die je van formaat hebt veranderd

27 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

o Stel je scherm in zoals op het plaatje (let vooral op formaat van de foto’s) (maximale grootte = 1536)

o Kies Run

o De foto’s worden nu één voor één aangepast aan het nieuwe formaat en opgeslagen in de aangegeven map.

 Ten slotte alle foto’s nog renamen (want de namen zijn te zien voor bezoekers) met bijvoorbeeld Fastone Image Vieuwer

 Download het programma Fastone Image Viewer

 Open het programma

o Kies links in je scherm de map (net aangemaakt zie hierboven) o Kies vervolgens extra

o Kies herbenoemen geselecteerde afbeeldingen o Kies alles toevoegen

o Vul in bij herbenoemen als: naam evenement en eindig met een #.

o Klik op starten o Klik op klaar

o Alle foto’s zijn nu hernoemd en klaar om te uploaden naar de site.

 Als je een bestaande foto wilt toevoegen (bijvoorbeeld het logo) dan kies je bij filter media category ‘logo’. Kies de juiste afbeelding (in dit geval front logo) en klik op voeg toe.

 Wil je een andere bestaande foto toevoegen kies dan eerst de categorie waarin de foto staat en klik op invoegen

 Wil je een nieuwe foto toevoegen, klik op bestanden uploaden

 Selecteer een bestand

 Klik op openen

 Klik op openen

In document Handleiding wordpress website (pagina 17-0)