Handleiding wordpress website

(1)

1 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.

Handleiding wordpress website

Inhoud

1. Algemeen ... 5

2. Pagina of blog (berichten) ... 5

3. Inloggen ... 5

4. Praktisch - Hoe maak ik een bericht ... 6

4.1. Voor je begint ... 6

4.2. Nieuw bericht maken ... 6

4.3. Foto’s invoegen in je bericht ... 6

4.3.1. Een losse foto invoegen... 6

4.3.2. Een Foto galerij invoegen ... 6

4.4. Een routekaart invoegen in je bericht ... 7

4.5. Een slider toevoegen in je bericht ... 7

4.6. Een youtube filmpje toevoegen aan je bericht ... 7

4.7. Een twittercard maken van je bericht ... 7

4.8. Instellingen bericht ... 7

4.8.1. Opties voor publiceren ... 7

4.8.2. Opties voor categorieën ... 8

4.8.3. Opties voor tags ... 8

4.8.4. Opties voor uitgelichte afbeelding invoegen ... 8

4.9. Afronden ... 8

5. Praktisch – Hoe maak ik een pagina ... 9

5.2. Nieuwe pagina maken ... 9

5.3. Foto’s invoegen in je pagina ... 9

5.3.1. Een losse foto invoegen... 9

5.3.2. Een Foto galerij invoegen ... 9

5.4. Een routekaart invoegen in je pagina ... 10

5.5. Een slider toevoegen aan je pagina ... 10

5.6. Instellingen van de pagina ... 10

5.6.1. Opties voor publiceren ... 10

5.6.2. Opties voor pagina-attributen ... 10

(2)

5.6.3. Opties voor uitgelichte afbeelding invoegen ... 10

5.7. Afronden ... 10

6. Praktisch – Hoe maak ik een product ... 11

6.2. Een nieuw product maken ... 11

6.3. Twittercard ... 11

6.4. Productgegevens ... 11

6.4.1. Algemeen ... 11

6.4.2. Voorraad ... 12

6.4.3. Verzendmethoden ... 12

6.4.4. Gerelateerde producten ... 12

6.4.5. Eigenschappen ... 12

6.4.6. Geavanceerd ... 12

6.5. Overige velden ... 12

6.6. Publiceren ... 12

6.7. Productcategorieën ... 12

6.8. Producttags ... 12

6.9. Productafbeelding ... 13

6.10. Productgalerij ... 13

6.11. Afronden ... 13

7. Praktisch – Hoe pas ik het menu aan ... 14

7.1. Dashboard ... 14

7.2. Toevoegen item aan menu ... 14

7.2.1. Menu - Pagina’s ... 14

7.2.2. Menu – Berichten ... 14

7.2.3. Menu – Producten ... 14

7.2.4. Menu – Aangepaste links ... 14

7.2.5. Categorieën ... 14

7.2.6. Overige opties ... 14

7.3. Ordenen menu - Menustructuur ... 14

8. Praktisch – Hoe maak ik een nieuwsbrief... 16

8.2. Abonnees ... 16

8.3. Een nieuwsbrief maken ... 16

(3)

8.3.1. Een nieuwe e-mail creëren ... 16

8.3.2. Brief opmaken ... 16

8.3.3. Brief versturen ... 17

9. Dashboard ... 17

9.1. Wat zie ik ... 17

9.2. Taakbalk boven in beeld. ... 17

9.3. Dashboard ... 18

9.3.1. Home ... 18

9.3.2. Updates ... 18

9.3.3. Jetpack ... 18

9.3.4. Berichten ... 18

9.3.5. Tags ... 19

9.3.6. Twitter tekst ... 19

9.4. Media ... 19

9.4.1. Bibliotheek ... 19

9.4.2. Nieuw bestand ... 20

9.4.3. Categorie ... 20

9.4.4. Media categorie ... 20

9.4.5. Assistent ... 20

9.5. Pagina’s ... 21

9.5.1. Homepage aanpassen ... 21

9.6. Reacties ... 21

9.7. Contact ... 22

9.8. Mailpoet ... 22

9.9. Woocommerce ... 22

9.9.1. Bestellingen ... 22

9.9.2. Rapporten ... 22

9.9.3. Instellingen webwinkel ... 22

9.9.4. Systeemstatus en add-ons... 22

9.10. Producten ... 22

9.10.1. Producten ... 22

9.11. Weergave ... 22

9.11.1. Thema’s ... 22

9.11.2. Customizer ... 23

(4)

9.11.3. Widgets ... 23

9.11.4. Header ... 23

9.11.5. Achtergrondafbeelding... 23

9.11.6. Themeoptions en editor ... 23

9.12. Plugins ... 23

9.13. Gebruikers ... 23

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

9.15. Google map ... 23

9.16. Twittercard ... 24

9.17. BackWPup ... 24

9.17.1. Dashboard ... 24

9.17.2. Taken ... 24

9.17.3. Nieuwe taak aanmaken ... 24

9.17.4. Logs ... 24

9.17.5. Backups ... 24

9.17.6. Instellingen ... 24

9.18. Metaslider ... 25

10. Diverse ... 25

10.3. Foto invoegen ... 25

10.4. Fotoalbum invoegen ... 25

10.5. Extra foto’s invoegen ... 26

10.6. Foto’s in het algemeen ... 26

10.7. Kolommen maken in berichten en pagina’s ... 28

10.8. Tabellen maken in berichten en pagina’s ... 28

10.9. Twitterfeed op de website ... 29

10.10. Kleuren en formaten ... 29

10.11. Tekst bewerken ... 29

(5)

1. Algemeen

Wordpress is ooit ontwikkeld als blogwebsite. Inmiddels zijn veel websites gebouwd met wordpress.

De website is opgebouwd met een thema (zijn er honderden van) en verfijnd met widgets en plugins.

Dit is in principe allemaal al ingesteld en behoeft alleen wijziging als we iets missen of de website willen uitbreiden. Zie verder het hoofdstuk plugin en document opbouw website.

De website is opgebouwd uit pagina’s en berichtenpagina’s.

 Een pagina is een vaste pagina, wisselt niet erg van inhoud (behalve voorpagina) en is redelijk statisch

 Een berichtpagina is opgebouwd uit berichten die d.m.v. het toewijzen van categorieën op bepaalde berichtenpagina’s verschijnen.

 Het keuzemenu is ingesteld via menu’s

 Alle berichten zijn gecategoriseerd

o Huidig seizoen: categorie van seizoen huidig jaartal o Huidig seizoen: ook categorie van gebeurtenis

 Alle media zijn gecategoriseerd o Idem

2. Pagina of blog (berichten)

Er is een verschil tussen een pagina en berichten. Een pagina is op onze website gebruikt als een

‘vaste pagina’ met gegevens over bijvoorbeeld de orkesten. De berichten zijn opgenomen in blogpagina’s.

3. Inloggen

Ga naar de beheerpagina van de website. https://symfonieorkest-bloembollenstreek.nl/wp-admin en log in met gebruikersnaam en wachtwoord.

Wachtwoorden siteomgeving live:

 Username en password invullen.

 Voor de testomgeving is het https://test.symfonieorkest-bloembollenstreek.nl Wachtwoorden testomgeving:

 Log eerst in met een username en password.

 Daarna inloggen met wachtwoorden live. Als je een scherm krijgt van een niet beveiligde verbinding klopt dat. Gewoon password en ww invullen.

Na het inloggen opent beheer met het Dashboard

(6)

4. Praktisch - Hoe maak ik een bericht 4.1. Voor je begint

 Zorg dat je eerst foto’s klaar hebt op het juiste formaat en met goede naam (zie Foto’s in het algemeen en Foto invoegen). Voor de ‘ uitgelichte foto’ gebruik je een foto op het formaat van 406*183 of 812*366 of 1218*549. Geef die foto de naam ‘font…. (evenement)…

 Bedenk waar je je bericht wilt zien, concertagenda- laatste nieuws- archief? Voeg desbetreffende categorie toe aan je bericht. Zie Opties voor categorieën

4.2. Nieuw bericht maken

 Ga naar beheer website

 Klik boven in je scherm op nieuw bericht of klik via je dashboard op nieuw bericht

 Je berichten scherm verschijnt

 Titel: Datum maand jaar (maand eventueel afkorten) en titel (kort) van evenement

 Verkort eventueel de permalink (is handig voor twitter) door bijvoorbeeld de datum ertussenuit te halen

 Type je tekst in het grote vak. Gebruik eventueel de tools van de tekstverwerking – toolbar.

Lijn je tekst uit (staat netter). Zie voor beschrijving toolbar : Kolommen maken in berichten en pagina’s – Fout! Verwijzingsbron niet gevonden. - Tabellen maken in berichten en pagina’s

4.3. Foto’s invoegen in je bericht

4.3.1. Een losse foto invoegen

 Ga ongeveer op de plek in de tekst staan waar je de foto wilt plaatsen en klik op media toevoegen

 Let op, de lay-out die je nu op je scherm ziet is niet zoals het er in het echt uitziet. Klik daarvoor op voorbeeld in het vakje publiceren

 Kies een foto uit de database of upload een foto.

 Klik op invoegen in bericht

 Klik op de foto in je bericht. Dan verschijnt er een kleine regel met uitlijn mogelijkheden en bewerken (potloodje)

 Klik op het potloodje

 Kies aangepaste afmetingen en stel in op ongeveer 200 breed of lang (maximaal) of 150. Dan past de foto goed in de tekst

 Kies voor ‘link naar’ media bestand 4.3.2. Een Foto galerij invoegen

 Ga onder aan je tekst staan en kies media toevoegen

 Kies Galerij aanmaken (links in je foto upload scherm)

 Vink de foto’s aan die je in je galerij op wilt nemen

 Klik rechts onder op ‘een nieuwe galerij aanmaken’

 Verwissel eventueel de foto’s nog van plaats door ze te verschuiven

 Kies bij galerij instellingen ‘mediabestand’ en kies voor formaat volledige grootte.

Verander eventueel het aantal kolommen. Plak niet meer dan 6 foto’s (2x kolom van

(7)

3) in je bericht. Zet de rest van de foto’s op het google account (zie Extra foto’s invoegen)

 Klik op galerij invoegen

 Voor een verwijzing naar alle foto’s gebruik je het google account. Zie Diverse

4.4. Een routekaart invoegen in je bericht

 Maak eventueel eerst een nieuwe kaart aan (zie Google map)

 Ga op de plek staan waar je een kaart in wil voegen

 Kies ‘add google map’ boven in je scherm

 Kies de juiste kaart. Controleer of de naam goed staat in het vakje hieronder. Aan de rest van de instellingen hoef je eigenlijk niets te wijzigen

 Klik op insert map

4.5. Een slider toevoegen in je bericht

 Dit gebruiken we eigenlijk alleen op een pagina maar mocht je toch een slider toe willen voegen:

 Klik op slider toevoegen

 Kies de juiste slider en klik op insert slider (of maak er eerst één aan - zie



4.6. Een youtube filmpje toevoegen aan je bericht

 Zoek de URL van je filmpje

 Kies uit bij je taakbalk voor tekstopties invoegen en vervolgens film/youtube

4.7. Een twittercard maken van je bericht

 Dit gaat automatisch. Zo niet, zie dan Twittercard

 Je kunt er voor kiezen dat bezoekers het bericht kunnen delen als summary of summary below large image of player (filmpje). De twittercard wordt automatisch geladen met de uitgelichte afbeelding.

 Laat ‘toon deelknoppen’ aan staan. Hiermee kunnen bezoekers van de site het bericht zelf delen op twitter en/of facebook

 Zie ook Twittercard

4.8. Instellingen bericht

Ga naar de rechterzijde van je scherm op de instellingen te regelen 4.8.1. Opties voor publiceren

 Sla eventueel al op als concept maar dat hoeft nu nog niet. In dit vakje staat ook de optie ‘voorbeeld bekijken’

 Voordat je publiceert: bekijk altijd het voorbeeld en controleer of alles goed werkt.

 Kies geen datum voor publicatie in de toekomst. Deze functie wordt niet ondersteund door Hosting2go.

(8)

 Kies eventueel een datum in het verleden (bijvoorbeeld net na een evenement). Dit kun je doen door naast ‘direct publiceren’ op bewerken te klikken

4.8.2. Opties voor categorieën

 Voor het huidige seizoen maak je per bericht een nieuwe categorie aan, daarmee is het makkelijk terug te vinden. Één keer per jaar kunnen die lossen

categorieën worden verwijderd.

 Klik dus op nieuwe categorie toevoegen: jaartal, maand, datum en korte titel

 Ken een hoofdcategorie toe (bijvoorbeeld huidig seizoen of concertagenda)

 Klik op het knopje hieronder “Nieuwe categorie toevoegen”

 Je bericht is nu gekoppeld aan de toegekende categorieën. Als het een bericht is voor (later in) het archief zorg dan dat je bericht is gekoppeld aan desbetreffend archief.

4.8.3. Opties voor tags

 Zorg dat je altijd een tag toekent aan je bericht. Daarmee kunnen bezoekers je bericht vinden als ze bijvoorbeeld meer willen lezen over een bepaald onderwerp.

 Gebruik zoveel mogelijk al bestaande tags door op “kies uit meest gebruikte tags’ te klikken. Klik vervolgens op de, voor jouw bericht, logische tags

4.8.4. Opties voor uitgelichte afbeelding invoegen

 Klik op de link ‘uitgebeelde afbeelding invoegen

 Upload je front afbeelding of zoek er één in de database

 Klik op uitgelichte afbeelding instellen (rechts onderin je scherm)

4.9. Afronden

 Bericht publiceren

 Verwerken geuploade foto’s: zie Media

 Als je een bericht hebt gemaakt dat ook op de homepage moet staan dan moet je dat handmatig doen. Zie 9.5.1. Homepage aanpassen

(9)

5. Praktisch – Hoe maak ik een pagina 5.1. Voor je begint

Zorg dat je eerst foto’s klaar hebt op het juiste formaat en met goede naam (zie Foto’s in het algemeen en Foto invoegen).

5.2. Nieuwe pagina maken

 Klik boven in je scherm op nieuwe pagina of klik via je dashboard op nieuwe pagina

 Je nieuwe pagina verschijnt

 Voeg een korte titel in. Dit wordt in principe ook de titel in het menu op de website

 Type je tekst in het grote vak. Gebruik eventueel de tools van de tekstverwerking – toolbar.

Lijn je tekst uit (staat netter). Zie voor beschrijving toolbar : Kolommen maken in berichten en pagina’s – Fout! Verwijzingsbron niet gevonden. - Tabellen maken in berichten en pagina’s

 Laat het vinkje bij Reacties en trackbacks uit staan

 Beslis of bezoekers deze pagina kunnen delen op sociale media. In principe staat delen UIT bij pagina’s, behalve de homepage. Doe het vinkje in dat geval uit

5.3. Foto’s invoegen in je pagina

5.3.1. Een losse foto invoegen

 Ga ongeveer op de plek in de tekst staan waar je de foto wilt plaatsen en klik op media toevoegen

 Let op, de lay-out die je nu op je scherm ziet is niet zoals het er in het echt uitziet. Klik daarvoor op voorbeeld in het vakje publiceren

 Kies een foto uit de database of upload een foto.

 Klik op invoegen in bericht

 Klik op de foto. Dan verschijnt er een kleine regel met uitlijn mogelijkheden en bewerken (potloodje)

 Klik op het potloodje

 Kies aangepaste afmetingen en stel in op ongeveer 200 breed of lang (maximaal) of 150. Dan past de foto goed in de tekst

 Kies voor ‘link naar’ media bestand 5.3.2. Een Foto galerij invoegen

 Ga onder aan je tekst staan en kies media toevoegen

 Kies Galerij aanmaken (links in je foto upload scherm)

 Vink de foto’s aan die je in je galerij op wilt nemen

 Klik rechts onder op ‘een nieuwe galerij aanmaken’

 Verwissel eventueel de foto’s nog van plaats door ze te verschuiven

 Kies bij galerij instellingen ‘mediabestand’ en kies voor formaat volledige grootte.

Verander eventueel het aantal kolommen. Plak niet meer dan 6 foto’s (2x kolom van 3) in je bericht. Zet de rest van de foto’s op het google account (zie Extra foto’s invoegen)

(10)

 Klik op galerij invoegen

5.4. Een routekaart invoegen in je pagina

 Maak eventueel eerst een nieuwe kaart aan (zie Google map)

 Ga op de plek staan waar je een kaart in wil voegen

 Kies ‘add google map’ boven in je scherm

 Kies de juiste kaart. Controleer of de naam goed staat in het vakje hieronder. Aan de rest van de instellingen hoef je eigenlijk niets te wijzigen

 Klik op insert map

5.5. Een slider toevoegen aan je pagina

 Dit gebruiken we eigenlijk alleen op de homepage en orkestpagina’s maar mocht je toch een slider toe willen voegen:

 Klik op slider toevoegen

 Kies de juiste slider en klik op insert slider (of maak er eerst één aan -zie Metaslider

5.6. Instellingen van de pagina

Ga naar de rechterzijde van je scherm op de instellingen te regelen 5.6.1. Opties voor publiceren

 Sla eventueel al op als concept maar dat hoeft nu nog niet. In dit vakje staat ook de optie ‘voorbeeld bekijken’

 Voordat je publiceert: bekijk altijd het voorbeeld en controleer of alles goed werkt.

 Kies geen datum voor publicatie in de toekomst. Deze functie wordt niet ondersteund door Hosting2go.

 Kies eventueel een datum in het verleden (bijvoorbeeld net na een evenement). Dit kun je doen door naast ‘direct publiceren’ op bewerken te klikken

5.6.2. Opties voor pagina-attributen

 Vul eventueel een hoofdpagina in.

 Kies bij template Full Width (nog Sidebar). Hierbij is de pagina in volle breedte zichtbaar

 Als je een blogpagina maakt (zoals bijvoorbeeld laatste nieuws of concertagenda) kies dan bij template ‘blog’. Op die manier verschijnt in die berichtenpagina de sidebar met tags

5.6.3. Opties voor uitgelichte afbeelding invoegen

 Je hoeft hier geen uitgelichte afbeelding in te voegen want daar gebeurt niets mee.

De website is zo ingesteld dat uitgelichte afbeeldingen niet als achtergrond van een pagina worden getoond.

5.7. Afronden

 Pagina publiceren

 Verwerken geuploade foto’s: zie Media

(11)

6. Praktisch – Hoe maak ik een product 6.1. Voor je begint

Zorg dat je een afbeelding klaar hebt van een kaartje. De afbeeldingen die tot nu toe zijn gebruikt zijn 532x532 groot. Het moet in ieder geval een vierkante afbeelding zijn

6.2. Een nieuw product maken

 Kies in je dashboard of bovenaan de pagina ‘nieuw product’

 Je kan er ook voor kiezen op producten te klikken en dan één van de bestaande producten te kopiëren en vervolgens aan te passen.

 De beschrijving hieronder gaat over een nieuw product

 Je nieuwe product verschijnt

 Voeg een korte titel in: datum, maand, jaartal en concertkaart standaard/donateur/kind

 Maak in je tekstvak een tabel aan van 2 kolommen (zie Tabellen maken in berichten en pagina’s)

Kaart Volwassene/donateur/kind tot 12 jaar

Concert Datum maand jaartal

Prijs In overleg met penningmeester

Prijs met korting voorverkoop Idem

Voorverkoop Tot en met datum maand jaartal

Kaartverkoop aan de zaal Op de avond van het concert (zonder korting)

Locatie Concertlocatie

6.3. Twittercard

In principe staat het delen uit voor concertkaarten. Nadeel van het gebruiken van een tabel in de tekst is dat in de twittercard dan alles achter elkaar geplakt wordt. Beter dus om niet te

gebruiken en daarom deelknoppen bij instelling website op uit laten staan voor producten

6.4. Productgegevens

Laat de keuze op ‘simpel product staan’. De knoppen virtueel en downloadbaar alleen gebruiken als we bevestigingen gaan sturen waarmee mensen kaartjes kunnen downloaden

6.4.1. Algemeen

 SKU leeglaten (is productcode, gebruiken we niet)\

 Reguliere prijs – vul hier de prijs in zonder de korting van de voorverkoop

 Kortingsprijs – vul hier de prijs in van het kaartje waar de korting af is (dus niet de korting zelf)

 Kortingsperiode - vanaf moment dat je kaartjes online zet en tot en met sluitingsdatum voorverkoop (overleggen met penningmeester). Let op, datum is tot en met en niet ‘tot’

(12)

 Als de kortingsperiode is verstreken moet je de kaartjes op ‘productzichtbaarheid >

verborgen’ zetten. Dan zijn kaartjes niet meer zichtbaar in de webwinkel maar zijn

overzichten van hoeveelheid verkochte kaartjes voor de PM nog wel zichtbaar. Als je kaartjes verwijderd gaan al die gegevens namelijk verloren.

 I.o.m. huidige penningmeester Kees Lippens kunnen de kaartjes circa 2 weken na concertdatum van de website worden verwijderd. Kees heeft dan genoeg tijd gehad de statistieken uit te lezen.

 Kees verwijdert zelf de afgehandelde bestellingen.

6.4.2. Voorraad

Laat keuze ‘op voorraad’ staan. Individueel verkocht staat uit. Zo laten 6.4.3. Verzendmethoden

Ondanks dat de kaartjes digitaal worden verzonden kies je hier ‘administratiekosten’. Daarmee wordt 50 eurocent administratiekosten in rekening gebracht per bestelling.

6.4.4. Gerelateerde producten

Kies bij Up-sells de kaartjes die je onder de aandacht wil brengen als mensen voor het kaartje kiezen waar je mee bezig bent. Meestal zijn dat kaarten voor hetzelfde concert maar een andere klasse. Je doet dat door het woord kaartje te typen of concert, afhankelijk van de namen van de kaartjes.

6.4.5. Eigenschappen

Is standaard ingesteld op custom producteigenschappen en hoeft niet aan te worden veranderd 6.4.6. Geavanceerd

Hiermee kan je de volgorde instellen waarin ze in je webshop verschijnen. Standaard volgorde is eerst komende concert en vervolgens ‘standaard – donateur – kind’. Laat reviews activeren uit staan. Verwijder deze volgorde als de kaartjes op niet zichtbaar staan (na verstrijken deadline) zodat je de volgorde weer kan gebruiken voor volgende concerten.

6.5. Overige velden

Hoef je niets mee te doen. Tenzij je nog extra informatie kwijt wilt over het product, maar voor onze vereniging niet van belang

6.6. Publiceren

Klik op voorbeeld of wijzigingen bekijken als je je product eerst wilt beoordelen voor publicatie.

Publiceer pas als je alles hebt afgerond. Productzichtbaarheid wordt niet gebruikt. Niet relevant voor onze vereniging.

6.7. Productcategorieën

Maak een categorie aan per concert door op nieuwe categorie toevoegen te klikken en een korte naam te bedenken. Hoofdcategorie is eigenlijk niet van toepassing.

6.8. Producttags

Gebruiken we niet.

(13)

6.9. Productafbeelding

Kies hier de afbeelding die je hebt gemaakt. Deze afbeelding is zichtbaar in de webshop.

Vermeldt op de afbeelding altijd concertdatum en standaard/donateur/kind tot 12 jaar.

6.10. Productgalerij

Wordt niet gebruikt

6.11. Afronden

Publiceer je product. Check de webwinkel (werkt het allemaal), stuur desnoods een

proefbestelling naar de penningmeester via de webwinkel (verwijder daarna uit de webwinkel en geef penningmeester bericht dat het een proef was).

Verwerk de Media zoals beschreven in Media Voor meer info: zie Woocommerce

(14)

7. Praktisch – Hoe pas ik het menu aan 7.1. Dashboard

Ga naar Weergave en vervolgens menu. Je menuscherm/beheer komt in beeld. Bedenk dat op de website alleen die bladzijden/menukeuzes zichtbaar zijn die zijn opgenomen in het menu.

7.2. Toevoegen item aan menu

 Links in beeld staan alle items die je toe kunt voegen

 Rechts in beeld staat het menu zoals het nu is 7.2.1. Menu - Pagina’s

Dit is standaard geopend zodra je je menu gaat bewerken. Hierin vind je alle pagina’s die zijn aangemaakt. Als je een pagina toe wilt voegen aan het keuzemenu op de website selecteer je de pagina en klik op ‘aan menu toevoegen’. Soms zie je niet alle pagina’s – klik dan op ‘toon alles’

Voor ordenen menu zie Ordenen menu 7.2.2. Menu – Berichten

Dit zijn de berichten die zijn geschreven. In principe niet gebruiken in je menu omdat je geen losse berichten in je menu zet.

7.2.3. Menu – Producten Idem

7.2.4. Menu – Aangepaste links Idem

7.2.5. Categorieën

Dit zijn de pagina’s op de website die bestaan uit berichten. Dus concertagenda, laatste nieuws, archief. Selecteer desbetreffende categorie = berichten pagina, en klik op ‘aan menu toevoegen’

Voor ordenen menu zie Ordenen menu 7.2.6. Overige opties

Opties productcategorieën, producttags, media categories en wooCommerce worden niet gebruikt in het menu

7.3. Ordenen menu - Menustructuur

 Menunaam is Hoofdmenu (dit is de instelling van de website, geen andere keuze maken aub)

 Menustructuur

 Na het toevoegen van een pagina/berichtenpagina/categorie komt deze onderaan in de menustructuur te staan

 Sleep het vakje van je pagina/categorie naar de gewenste plaats

 Links ingevoegd is een hoofdkeuze, iets naar rechts een submenu, etc.

 Er is een aantal ‘neppagina’s opgenomen in het menu

o Zo is de menukeuze ‘laatste nieuws-concertagenda’ eigen de pagina laatste nieuws.

Er is dus geen aparte pagina laatste nieuws-concertagenda

(15)

o Je kan dit doen door de pagina laatste nieuws nogmaals toe te voegen aan je menu.

Sleep deze naar de gewenste positie en doe de andere pagina laatste nieuws en concertagenda als submenu onder deze hoofdkeuze.

o Klik op het pijltje naast categorie en dan komt er een bewerkingsscherm. Verander dan de titel laatste nieuws in ‘Nieuws – concertagenda’ Helemaal onderaan in het bewerkingsscherm zie je dan nog staan dat het origineel de ‘laatste nieuws’ pagina is.

Dit heeft als voordeel dat als je in je hoofdmenu een pagina aanmaakt en daarop klikt je direct op de pagina komt waarvan je wilt dat men het direct ziet en niet weer eerst op een keuzepagina komt.

o Ditzelfde is gedaan bij Ledeninformatie (Lid worden is 2x ingevoerd en tekst veranderd in ledeninformatie)

(16)

8. Praktisch – Hoe maak ik een nieuwsbrief 8.1. Voor je begint

Zorg dat de abonnees juist zijn. Voeg zo nodig toe of verwijder abonnees. Bedenk voor wie je nieuwsbrief is bedoeld.

8.2. Abonnees

Er is een beperkt aantal groepen aangemaakt (maar nog niet gevuld met mail adressen). Je kunt één mail adres ook aan meerdere lijsten toevoegen.

 Aanmelding via website (is voor die bezoekers die zich t.z.t. aanmelden voor de nieuwsbrief via de website)

 Bestuur en medewerkers

 Donateurs

 Gastspelers SOB

 Leden JO

 Leden JUSO

 Leden SOB

 Overig

 Webmasters

 Wordpress-gebruikers (tot nu toe Joost en webmasters)

8.3. Een nieuwsbrief maken

Het meest simpele is een kopie te maken van de basisnieuwsbrief die erin staat. Maar je kan uiteraard ook bij nul beginnen

8.3.1. Een nieuwe e-mail creëren

 Klik op ‘een nieuw e-mail creeëren.

 Kies Standaard nieuwsbrief

 Kies een goede ontwerpregel

 Vink de lijsten aan waaraan je de brief wil verzenden

 Kies volgende stap (je kan later nog groepen wijzigen door terug te gaan naar stap 1) 8.3.2. Brief opmaken

 Een aantal dingen is standaard opgemaakt (bij instelling en instellingen van de plugin)

 Sleep je logo naar het vakje header.

o Klik rechts op afbeeldingen en voeg afbeelding toe o Kies afbeelding uit word-press berichten

o Kies voor het logo het logo ‘front logo’

o Sleep het logo vervolgens naar de goede plaats in de mail/brief

o Gebruik zoveel mogelijk afbeeldingen die al in de mediabestanden staan, dat voorkomt grote extra hoeveelheden media

 Type de welkomst tekst in het vakje eronder (vaak gegevens secretariaat)

 Plaatje toevoegen kan willekeurig overal in de brief door net als bij logo naar een plaatje te zoeken en deze naar je tekst te slepen

(17)

 Tekst invoegen kan simpel door uit het rechter menu Inhoud ‘titels&tekst’ te kiezen en dat naar de plaats in je mail te slepen.

 Kies een streep/afscheiding om je verschillende blokken te scheiden

 Opmaken blokken tekst

o Ga op de titel staan en links boven verschijnt een vierkant geblokt icoontje. Daarmee kan je de achtergrond van de tekst instellen. Kies zoveel mogelijk de kleuren van de website (zie Kleuren en formaten

o Als je de tekst op wilt maken (is beperkt) dan ga je op de tekst staan en verschijnt er een balkje met opmaakopties

 Sociale media invoegen kan door uit het menu rechts een keuze te maken en ook weer in je brief te slepen.

8.3.3. 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.1. Wat zie ik

In het linker menu zie je

 Taakbalk boven in beeld

 Dashboard

 Jetpack

 Berichten

 Media

 Pagina’s

 Reacties

 Contact

 MailPoet

 WooCommerce

 Producten

 Weergave

 Plugins

 Gebruikers

 Extra

 Instellingen

 Mediainstellingen

 Google Map

 JM Twitter Cards

 BackWPup

 Meta Slider

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)

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)

 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)

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)

 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)

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)

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)

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)

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)

 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)

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

 Je foto wordt geupload en zie je direct in je scherm met een vinkje aan. Geef de foto direct een categorie rechts in je scherm (zorg dat dit hetzelfde is als van je bericht tenzij je een algemene foto

(28)

upload, kies dan algemeen en eventueel nog extra toevoeging). Zie je categorie er nog niet bij dan kan je dit later nog doen. Zie verder Media.

10.7. Kolommen maken in berichten en pagina’s

Soms is het handiger om een kolom aan te maken om tekst te verwerken. Dan wordt het netjes verdeeld zoals je het hebben wilt

 Klik op het icoon kolommen invoegen

 Sleep het vakje + Add naar de tijdlijn eronder. Maak het zo breed door de knoppen te schuiven. Een blog bericht is 680 breed en de tekst voor een brede pagina ongeveer 720

 Voeg een tweede (of derde, vierde, etc) add toe aan de tijdlijn

 Type je tekst in desbetreffende kolommen of voeg een foto in in de kolom

 Je kan ook in één keer een aantal kolommen kiezen (groene button)

 Klik op add columns

 Bekijk je pagina/bericht door rechtsboven op wijzigingen te bekijken

 Tevreden: opslaan/publiceren

10.8. Tabellen maken in berichten en pagina’s

Voor de repetitieschema’s zijn tabellen gebruikt. Helaas werkt de plugin die nu geïnstalleerd is niet helemaal volledig met het opmaken van tabellen. Een andere goede plugin (gratis) heb ik niet kunnen vinden. Verwijder de tabel niet maar haal gewoon de tekst weg, voeg nieuwe tekst in en dan hoef je geen cellen/lijnen meer op te maken. Is er toch een nieuwe tabel nodig ga dan als volgt te werk:

 Ga op de plek staan waar je de tabel in wilt voegen

 Sleep de tabel zo ver uit als je wilt (let op de pagina/berichten breedte

 Maak geen breedte op van de kolommen en als je dat wel wilt houdt je dan aan de beperking van de pagina breedte. Nadeel van kolombreedte opmaken is dat het er op een ander scherm

(bijvoorbeeld mobiel of tablet) niet goed uit zal zien.

 Type je tekst in de tabel

 Voeg een nieuwe regel in door op tab te klikken in je laatste cel of voeg in via het icoontje voor tabellen.

 Als je tabel klaar ik dan zijn er geen lijnen. Als je die wilt (zoals bij repetitieschema’s) ga dan als volgt te werk

o Hoekcellen en boven/onderste rij worden anders opgemaakt dan de rest o Ga in de cel staan (of een rij/kolom) die je op wilt maken

o Kies via icoon tabel – cel eigenschappen o Kies geavanceerd

o Let bij het aanmaken van lijnen op dat je tussen de cellen in maar één kant de lijn opmaakt, anders krijg je dubbele lijnen

o Type dan de volgende HTML codes (zie ook testpagina)

 Cel met dikke lijnen links, top en bottom

border-left: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0;

border rechts:

border-right: px solid #b0b0b0;

(29)

 Voor onderbroken lijnen kies je dashed of dotted (in jaarkalender is het dashed)

 De kleur is grijs volgens RDB tabel #b0b0b0

10.9. Twitterfeed op de website

Hier staat beschreven hoe je tweets op je site kunt zetten

http://www.mariskamedia.nl/wordpress/de-nieuwe-twitter-widget-zo-plaats-je-tweets-op-je-website/

Op onderstaande site staan beschrijvingen hoe je twitter en facebook links kan aanmaken http://www.mijn-eigen-website.nl/twitter-en-facebook-knop.html

De HTML code is

<a class="twitter-timeline" href="https://twitter.com/bborkest" data-widget-id="674994249226657792"

width="50%">Tweets door @bborkest</a>

!function(d,s,id){var

js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=

d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs)

;}}(document,"script","twitter-wjs");

// ]]></script>

Op https://twitter.com/settings/widgets staan de widgets van de website. Kies wijzigen en vervolgens kopieer je de link in de website.

10.10. Kleuren en formaten

Kleuren logo RGB code

Geel/oranje 242/142/4 f28f04

Groen 148/193/31 94c11f

Rood 227/6/19 e30613

Paars 102/36/131 662483

Fontverhoudingen

406x183 812x366 1218x549

Fotomaten: maximaal 1536 pixels

10.11. Tekst bewerken

 Maak je bericht. LET OP: plak geen tekst uit word of ander programma zo in je bericht. Klik dan eerst het icoon T aan ( rode vakje hieronder en klik op OK). Voor het invoegen van media, kolommen en tabel, zie verder.

(30)

Uitleg icoontjes van links naar rechts bovenste werkbalk: B = vet, I = schuin gedrukt, “verschuift de alinea naar rechts (rechts inspringen), opsommingslijst toevoegen, Nummerlijst toevoegen, links uitlijnen, centraal uitlijnen, rechts uitlijnen, toevoegen link, link verwijderen, tabel invoegen (zie ook tabellen), volledig scherm, ongedaan maken, uitvoeren, werkbalk eronder verbergen Onderste werkbalk: Alinea, keuze uit kopteksten = gehele alinea, uitlijnen, doorhalen, inspringen verkleinen, inspringen vergroten, Tekst invoegen (gebruiken bij plakken vanuit andere

tekstverwerker), Opmaak verwijderen, Speciaal karakter, Lees meer tag invoegen (tot nu toe niet gebruikt), smiles invoegen, Tekstkleur, advies over toetscombinaties, kolommen invoegen. Zie kolommen