Handleiding website

In deze stap-voor stap handleiding leer je hoe je je website moet bewerken. Heel veel informatie vind je op Google en Youtube. We adviseren je dus eerst onderstaande handleiding of het internet te raadplegen alvorens contact met ons op te nemen.

Helpdesk is beschikbaar voor klanten met een service abonnementen voor website bij Buro Vink. De helpdesk is er voor vragen over:

  • het plaatsen en bewerken van pagina’s, berichten, portfolio items in de standaard visuele pagina-editor;
  • de opmaakmogelijkheden en opties die hier bij horen (zoals links, downloads, galerijen, uitgelichte afbeeldingen etc.);
  • vragen over inloggen, accounts en wachtwoorden;
  • vragen die horen bij de rol van redacteur;
  • calamiteiten en het terugzetten van de website vanuit een backup.

Binnen het web abonnement kunnen we geen kosteloze support bieden voor vragen over o.a.:

  • werkzaamheden  die horen bij de rol van administrator (installeren van extra software, toevoegen van nieuwe functionaliteit);
  • vragen over het aanpassen van de vastgelegde vormgeving en typografie die hoort bij de website;
  • vragen over hoe je de website moet updaten (Buro Vink zorgt voor alle updates, backups en beveiliging).

Hoe is je site opgebouwd?

1. Inloggen

  1. Om in te loggen op je website, vul je website adres aan met /login
  2. Geef je login en wachtwoord op die je van ons hebt gekregen. Geen gegevens gekregen of ben je je inlog kwijt? Via ‘Wachtwoord vergeten’ krijg je nieuwe gegevens. Check je spam box indien je niets ontvangt. Lukt het hierna nog steeds niet, neem dan contact met ons op.

schermafbeelding-2016-10-04-om-19-09-57

Boven: inloggen op je website.

Als je bent ingelogd, krijg je toegang tot onderstaand dashboard.

wordpress-tutorial-dashboard-vink

  1. Berichten. Hier vind je een lijst met berichten die je hebt geplaatst. Door hier te klikken, kun je berichten toevoegen en/of aanpassen.
  2. Portfolio. Deze lijkt erg op de functie voor berichten maar beheert je portfolio-items. De naam voor portfolio kan op de voorkant van je website ook ‘fotoboeken’, ‘mijn diensten’, ‘mijn etalage’ of bijvoorbeeld ‘Onze klanten’ heten.
  3. Media. Hier vind je alle plaatjes en bestanden (PDF-bestanden bijvoorbeeld) die je naar berichten en pagina’s hebt ge-upload
  4. Pagina’s. Een lijst van alle pagina’s. Deze pagina’s verschijnen in het menu van je website.
  5. Reacties. Alleen van belang als reageren op berichten en/of pagina’s mogelijk is gemaakt. Als bezoekers kunnen reageren op een bericht dat je hebt geplaatst, kun  je hier je berichten modereren.
  6. Profiel. Hier wijzig je instellingen die gaan over je profiel (bijvoorbeeld je wachtwoord)
  7. Instellingen. Hier wijzig je algemene instellingen die niet over je profiel gaan.
  8. Site statistieken. bekijk statistieken over het aantal bezoekers, via welke websites je bezoekers je weten te vinden (of welke zoekmachines ze hebben gebruikt) en welke pagina’s en/of berichten het meest worden gelezen per dag, week en maand.
  9. Nieuw. maak vanuit deze knop snel een bericht, pagina of portfolio-item aan. Handig: deze knop blijft bereikbaar als je de site aan de voorkant bekijkt en je bent ingelogd.
  10. Eenvoudig concept. Snel een bericht maken vanuit dit dashboard doe je hier. In de praktijk komt dit niet heel vaak voor omdat je meestal berichten maakt onder het menu-item ‘Berichten’ (punt 1 hierboven).
  11. Hulp. Vind hier meer info over de bewerking waar je nu mee bezig bent. Ben je bijvoorbeeld een bericht aan het opstellen, dan vind je hier hulp bij het opstellen van berichten.
Je wachtwoord wijzig je onderaan de pagina ‘Profiel’ (via menu links). Op deze pagina kun je optioneel meer info over jezelf kwijt. Sommige websites laten bij berichten de naam van de auteur zien en dan is het gewenst als je ook je volledige naam in het profiel opneemt. Verder kun je hier het kleurenschema van de achterkant (het WordPress-deel) van de website aanpassen. Deze kleuren zijn alleen voor jou zichtbaar.

schermafbeelding-2016-10-04-om-17-46-21

Wachtwoord wijzigen

Wijzig je wachtwoord onderaan op je profielpagina.

wachtwoord-wrdpress

Boven: Wijzig je wachtwoord onder ‘Profiel’ (of ‘Gebruikers’). optioneel kun je ook je profielfoto aanpassen maar omdat dit voor bezoekers meestal niet zichtbaar is, kun je dit achterwege laten.

2. Pagina’s

De website is opgebouwd uit pagina’s. Er zijn drie aparte pagina’s, te weten : Home, Berichten, Portfolio. Deze worden op een afwijkende wijze gevuld. Alle andere pagina’s bewerk je zoals hieronder staat beschreven. Als je een pagina op een geavanceerde manier wilt opmaken met blokken en allerhande features, gebruik je ‘Cornerstone’ (zie verderop in de handleiding).

Onder het menu ‘Pagina’s’ kun je nieuwe pagina’s aanmaken, de pagina een titel geven, content plaatsen en aangeven waar de pagina in de navigatie (in het menu) moet komen.

schermafbeelding-2016-10-04-om-19-16-08
Boven: het pagina-menu.

Vervolgens kun je de pagina gaan bewerken. Hieronder alvast vijf belangrijke stappen bij het aanmaken van een pagina. Details over bijvoorbeeld foto’s toevoegen en links aanbrengen vind je verderop in deze handleiding.

pagina-weergave

  1. Titel van je pagina; wordt ook zo weergegeven in het menu
  2. Content plaatsen doe je hier. Details: zie verderop in deze handleiding
  3. Onder welke hoofdpagina moet deze pagina komen? Selecteer dat hier
  4. Volgorde 0 (‘nul’): de pagina  komt bovenaan in het menu: Volgorde 3: de pagina komt 3 plaatsen lager.
  5. Publiceer de pagina en je bent klaar. Opslaan als concept kan ook. Zie verderop in deze handleiding.
Als je een bestaande pagina wilt aanpassen kies bovenaan de optie Pagina bewerken. Je moet wel ingelogd zijn om dit te kunnen doen.

schermafbeelding-2016-10-04-om-19-19-44
Boven: Kies voor ‘Pagina bewerken’ om de huidige pagina aan te passen.

Als je een pagina bewerkt zijn er verschillende opties in te stellen voor die pagina. Deze vind je in de panels. Hieronder een toelichting:

2.3.1 Het panel Publiceren

wordpress-publiceren

  1. Wijzigingen bekijken. Bekijk hier (in een apart tabblad in je browser dat automatisch wordt aangemaakt) de wijzigingen die je tot zo ver hebt doorgevoerd op de pagina.
  2. Status bewerken. De verschillende statussen die je kan toekennen:
    1. Gepubliceerd: de pagina is zichtbaar voor iedereen als Zichtbaarheid op Openbaar staat.
    2. Wachtend op review: de pagina is in afwachting van beoordeling door een andere beheerder en niet zichtbaar op de website.
    3. Concept: de pagina is nog in bewerking en niet zichtbaar op de website.
  3. Zichtbaarheid. De verschillen in zichtbaarheid die je kan toekennen:
    1. Openbaar: de pagina is zichtbaar voor iedereen als Status op Gepubliceerd staat.
    2. Beschermd met wachtwoord: de pagina is alleen zichtbaar voor bezoekers die het wachtwoord kennen (dat jij hier kunt opgeven).
    3. Privé: de pagina is niet zichtbaar op de website.
  4. Revisies. Wil je de pagina weer terugzetten naar de weergave zoals deze een paar weken geleden er uit zag? Dat kan hier.
  5. Geplaatst op. Je kunt hier de publicatiedatum bepalen. Standaard is dat de datum van vandaag. Maar je mag de datum ook bijvoorbeeld op 1 januari aanstaande om 0:05 uur instellen en dan een pagina met de titel “Gelukkig nieuwjaar!” publiceren.
  6. Bijwerken. Vergeet niet op “Bijwerken” te klikken. Anders zijn de wijzigingen niet zichtbaar. P.S. deerst heet deze knop “Publiceren”. Als de pagina eenmaal is gepubliceerd, heet deze knop “Bijwerken”.
2.3.2 Het panel Pagina-attrubuten

wordpress-pagina-attributen

  1. Hoofd. Hiermee wordt bedoeld: onder welke hoofdpagina moet deze pagina komen in het menu. In dit geval valt de pagina niet onder een bepaalde pagina. Het is dus een hoofdpagina
  2. Template. Afhankelijk van de beschikbare templates kies je hier hoe deze pagina er uit moet zien. Standaard template is meestal voldoende. Soms kun je ervoor kiezen om de sidebar (als je die hebt) te verwijderen of van rechts naar links te verplaatsen, de footer of juist de header (of beiden) uit te sluiten van de pagina etc.
  3. Volgorde. De positie in het (sub)menu. 1 voor de eerste pagina in het menu, 2 voor de volgend etc. Als je geen volgorde invult worden de pagina’s alfabetisch weergegeven in het menu.

3. Berichten

Op de berichtenpagina (ook wel ‘Nieuws’ of ‘Actueel’ genoemd) verschijnen de berichten die je op je website plaatst. Deze berichtenpagina vul je niet via de functie ‘Pagina’s’ maar via de functie ‘Berichten’.

berichten-wordpressNieuwsberichten vind je onder het menu ‘Berichten’. Hier kun je nieuwe berichten aanmaken door op ‘Nieuw bericht’ te klikken, dit bericht een titel te geven, content (tekst en beeld) te plaatsen om het vervolgens te publiceren.

Het opmaken/bewerlken van de berichten gaat op dezelfde manier als bij pagina’s. Details over bijvoorbeeld foto’s toevoegen, links aanbrengen, etc. vind je verderop in deze handleiding.

Als je een bestaand bericht wilt aanpassen kun je die het makkelijks vinden door op je website (de voorkant zoals bezoekers die zien) naar het betreffende bericht te gaan en dan bovenaan de optie te kiezen om het bericht te bewerken. P.S. je moet wel ingelogd zijn om dit te kunnen doen.

schermafbeelding-2016-11-03-om-12-34-29
Boven: Kies voor ‘Bericht bewerken’ (bovenaan de pagina) om het huidige bericht aan te passen.

Als je een pagina bewerkt zijn er verschillende opties in te stellen voor die pagina. Deze vind je in de panels. Hieronder een toelichting:

3.3.1 Het panel Publiceren (zelfde als bij pagina’s)

wordpress-publiceren

  1. Wijzigingen bekijken. Bekijk hier (in een apart tabblad in je browser dat automatisch wordt aangemaakt) de wijzigingen die je tot zo ver hebt doorgevoerd op de pagina.
  2. Status bewerken. De verschillende statussen die je kan toekennen:
    1. Gepubliceerd: de pagina is zichtbaar voor iedereen als Zichtbaarheid op Openbaar staat.
    2. Wachtend op review: de pagina is in afwachting van beoordeling door een andere beheerder en niet zichtbaar op de website.
    3. Concept: de pagina is nog in bewerking en niet zichtbaar op de website.
  3. Zichtbaarheid. De verschillen in zichtbaarheid die je kan toekennen:
    1. Openbaar: de pagina is zichtbaar voor iedereen als Status op Gepubliceerd staat.
    2. Beschermd met wachtwoord: de pagina is alleen zichtbaar voor bezoekers die het wachtwoord kennen (dat jij hier kunt opgeven).
    3. Privé: de pagina is niet zichtbaar op de website.
  4. Revisies. Wil je de pagina weer terugzetten naar de weergave zoals deze een paar weken geleden er uit zag? Dat kan hier.
  5. Geplaatst op. Je kunt hier de publicatiedatum bepalen. Standaard is dat de datum van vandaag. Maar je mag de datum ook bijvoorbeeld op 1 januari aanstaande om 0:05 uur instellen en dan een pagina met de titel “Gelukkig nieuwjaar!” publiceren.
  6. Bijwerken. Vergeet niet op “Bijwerken” te klikken. Anders zijn de wijzigingen niet zichtbaar. P.S. eerst heet deze knop “Publiceren”. Als de pagina eenmaal is gepubliceerd, heet deze knop “Bijwerken”.
3.3.2 Overige panels:tags

Categoriën
Sommige websites zijn gemaakt om berichten in verschillende categorieën te kunnen plaatsen.

Tags
Voor de vindbaarheid in Google bijvoorbeeld is het vaak goed het bericht van ‘tags’ (zoekwoorden) te voorzien.

Uitgelichte afbeelding
Dit is de afbeelding die in het overzicht van nieuwsberichten verschijnt. Ook is dit de afbeelding die gebruikt wordt zodra je het bericht deelt via sociale media.

wordpress-sociale-mediaWe kunnen je berichten automatisch laten plaatsen op je gewenste sociale media kanalen. Zodra je na het opstellen van je bericht op “Publiceren” klikt, verschijnt het tegelijk op je Twitter- of FaceBook-kanaal (of pagina).

Let er dus op dat op dat moment ook je bericht compleet is opgesteld en je een uitgelichte afbeelding hebt geselecteerd vóór je op “Publiceer” klikt.

De opties hiervoor vind je onder het panel “Publiceren” en dan onder het kopje “Publicize” (uitklapper). Standaard staan alle gekoppelde sociale media kanalen aangevinkt. Je mag ze ook uitvinken en een aangepast bericht ingeven.

Veel websites worden opgeleverd met een functie waarbij onder elke pagina en/of bericht een serie deelknoppen verschijnt. Deze knoppen stellen de bezoeker in staat om de pagina (of het bericht of portfolio item) te delen op bijvoorbeeld hun eigen FaceBook tijdlijn of te delen via WhatsApp.

schermafbeelding-2016-11-04-om-11-30-30

Boven: Knoppen voor delen.

4. Opmaken van een pagina of bericht

Bij het plaatsen van content (tekst en beeld) op een pagina, een bericht of een portfolio item kun je allerhande opmaak toepassen in de tekst. Afbeeldingen en galerijen plaatsen kan ook. Lees hieronder hoe het werkt.

wordpress-pagina-bewerken

  1. Titel. Hier voer je de titel in. Pas op bij pagina’s: lange titels moeten nog wel in het navigatie-menu van je website passen.
  2. Media toevoegen. Afbeeldingen of galerijen (tegels, cirkels, sliders) toevoegen. Meer info: zie verderop in de handleiding
  3. Tekenstijlen: Bold (vet), Italic (cursief) of doorstrepen.
  4. Opsomming. Bullets of genummerd.
  5. Quote. Een tekst in een quote-blok plaatsen
  6. Uitlijnen. Links, centreren en rechts uitlijnen.
  7. Hyperlinks. Een link toevoegen of verwijderen. Meer info: zie verderop in de handleiding.
  8. Lees-meer-tag. Bij berichten beslis je met dit gereedschap waar de tekst van het bericht moet worden afgebroken met een meer-lezen-link. Op de indexpagina van je website met alle berichten staan alleen de introteksten van de diverse berichten hier vermeld.
  9. Lijn. Horizontale (scheidings)lijn invoegen.
  10. Spellingscontrole. Werkt vooralsnog alleen bij Engelse tekst.
  11. Toolbar uitbreiden. Maak deze toolbar groter of kleiner. Let op: de onderste tools (alinea, etc.) worden standaard verborgen. Klik hier op om ze weer te geven.
  12. Slider invoegen. Tip: Gebruik je eigenlijk bijna nooit omdat je hier vaak alleen de slider van je home page mee kan invoegen en die hoef je eigenlijk niet te herhalen.
  13. Onderlijnen. Om teksten te onderstrepen. Let op: op sites is het gebruikelijk dat links onderlijnd zijn. Als je een tekst onderlijnd, realiseer je je dan dat dit verwarring kan veroorzaken.
  14. Kleur. Geef je tekst een kleur.
  15. Klembord. Als je teksten vanuit andere programma’s kopieert en plakt, gebruik dan deze functie om ongewenste opmaak niet mee te plakken. Veel vreemde opmaakfouten op je pagina kunnen ontstaan doordat je deze tool niet hebt gebruikt bij knippen inplakken.
  16. Gum. Selecteer een opgemaakte tekst en wis alle opmaak met deze knop.
  17. Insprinnginsniveau. gebruik dit bij opsommingen.
  18. Herstellen. herstel hiermee wat je tijdens het opmaken hebt gedaan.
Je brengt links aan op de volgende manier:

Eerst selecteer je de tekst waarvan je een link wilt maken.

Dan klik je op het volgende icoon:

Vervolgens verschijnt er een vlak waar je de URL kan plaatsen waar het stuk tekst naar moet verwijzen.

Als je vervolgens op de blauwe knop drukt is de geselecteerde tekst een link geworden!

Als je de link nog wilt aanpassen: als je er op staat met je muis, kan je vervolgens op het potloodje drukken. Dan kan je de URL  en de linkinstellingen aanpassen

Bij linkinstellingen kan je vervolgens ook aangeven of de link moet openen in een nieuw tabblad. Handig voor als je wilt dat de gebruiker ook nog op jouw website blijft!

Je voegt een download toe op bijna dezelfde manier waarop je een afbeelding plaatst. Klik op de knop “Media toevoegen”, selecteer of upload het bestand dat je wilt plaatsen en klik dan op “In pagina voegen”

Vervolgens staat je bestand als downloadbare link op de pagina!

Als je op de link staat met je muis, kan je vervolgens op het potloodje drukken. Dan kan je de URL, de linktekst en de linkinstellingen aanpassen

Bij linkinstellingen kan je vervolgens ook aangeven of het bestand moet openen in een nieuw tabblad. Handig voor als je wilt dat de gebruiker ook nog op jouw website blijft!

Je plaatst een afbeelding door wanneer je in de pagina bewerker zit, op “Media toevoegen” klikt.

Vervolgens kan je kiezen of je een nieuwe afbeelding uploadt, of een afbeelding plaatst die al op de website staat.

Voordat je de afbeelding invoegt op de pagina, kan je ook nog selecteren wat de uitlijning is, of de afbeelding ergens naartoe gaat als je er op klikt en wat het formaat moet zijn van de afbeelding.

Als je overal tevreden mee bent kan je de afbeelding invoegen op de pagina.

Vergeet je pagina niet op te slaan!

Filmpjes plaatsen op een pagina kan heel simpel. Eerst moet je het filmpje uploaden op Youtube. Dit raden wij aan omdat anders de ruimte op je website erg snel volloopt, en de website nog zo snel mogelijk functioneert.

Als je het filmpje hebt geüpload op youtube, hoef je enkel de URL van het filmpje te kopiëren en te plakken in de Visuele pagina bewerker. Dit werkt ook op dezelfde manier in Cornerstone, dan kan je de URL plakken in een text-element. WordPress zal vervolgens de URL automatisch omzetten in een filmpje!

5. Portfolio items

Op de portfoliopagina (Op de website ook wel ‘Foto’s’ of ‘Productpresentatie’ of ‘Onze diensten’ etc. genoemd) verschijnen de portfolio-items die je op je website plaatst. Deze portfoliopagina vul je via de functie ‘Portfolio’.

Je kan op de volgende manier een nieuw portfolio-item aanmaken.

Als je op de voorkant van de website zit (wel ingelogd) kan je in de balk bovenin onder “+ Nieuw” een portfolio item selecteren.

Als je op de achterkant van de website zit kan je links in de balk, onder “Portfolio”, “Add new item” selecteren.

Het maken van een portfolio-item gaat bijna hetzelfde als een pagina of bericht. Je kan dit portfolio-item een titel en content (tekst) geven. Het belangrijkste van een portfolio-item is echter de uitgelichte afbeelding (featured image). Dit is de eye-catcher in de pagina, en waar voor je portfolio-items gebruikt! Je kan de content gebruiken voor een korte, bondige omschrijving.

Als je een bestaand portfolio item wil bewerkenkan je bovenaan de optie kiezen “Edit Portfolio Item”. Je moet wel ingelogd zijn om dit te kunnen doen.

Portfolio items lijken veel op nieuwsberichten. We raden hierbij ook aan om uitgelichte afbeeldingen te gebruiken bij portfolio-items: je wilt immers dat ze opvallen!

Er zijn echter ook opties die nieuwsberichten niet hebben. Bijvoorbeeld:

  • Een URL plaatsen die als button verschijnt: zo kan je de websitebezoeker bijvoorbeeld naar meer informatie doorverwijzen over het betreffende portfolio-item.
  • Het project delen d.m.v. knoppen op de portfolio-item pagina.
  • Tags aanmaken of toevoegen. Deze kunnen als ‘kenmerken’ of ‘vaardigheden’ of iets dergelijks worden toegevoegd in de side bar per portfolio item.

Standaard zijn portfolio-items zo gemaakt dat de uitgelichte afbeelding groot weergegeven wordt, en de toelichting er naast. Het is echter ook mogelijk deze opmaak te veranderen; neem contact met ons op voor meer informatie!

6. Cornerstone: geavanceerd opmaken

Let op: Cornerstone is geavanceerd!
Cornerstone is software die geavanceerder is dan de standaard editor van WordPress zoals boven omschreven. We helpen je met onderstaande tips graag op weg maar gratis support op deze software met eindeloze mogelijkheden kunnen we bij een standaard abonnement niet geven. Hiervoor kunnen we kosten berekenen volgens het huidige tarief.
Bij het bewerken van pagina’s kan je gebruik maken van Cornerstone.

Let op: Vragen over Cornerstone vallen niet onder de gratis support. Voor hulp bij Cornerstone worden kosten in rekening gebracht.

Deze aanvullende software zorgt ervoor dat je gelijk kan zien hoe de content er uit gaat zien en biedt veel meer mogelijkheden die je in de normale paginabewerker niet hebt.

Nieuwe pagina opmaken in Cornerstone
Zodra je een nieuwe pagina gaat maken, kies je in het CMS voor ‘Cornerstone’ in het tabblad rechtsboven:

cornerstone-01

Bestaande pagina aanpassen die in Cornerstone is gemaakt
Tip: Bewerk en bestaande pagina die al in Cornerstone is gemaakt eenvoudig door bovenaan de pagina op ‘Bewerk in Cornerstone’ te klikken. Je moet hier wel voor ingelogd zijn.

cornerstone-2

Schematische opzet van de indeling van een pagina volgens Cornerstone:

cornerstone-uitleg

Een pagina of bericht kun je via Cornerstone inrichten in sections (horizontale rijen). Deze sections zijn elk te verdelen in kolommen die elk weer elementen (content zoals knoppen, tekstjes, plaatjes, icoontjes) kunnen bevatten.

Als je Cornerstone opent zie je aan de linkerkant alle mogelijkheden, en aan de rechterkant de live weergave.

Je kan onder “Layout”, “Sections” toevoegen. Als je op een section klikt kan je deze een naam geven. Je kan hier in ook nog extra rijen toevoegen.Je kan kiezen of je de inhoud van deze rijen pagina breed houdt, of in tweeën of derden wilt delen onder “column layout”.

Hier in kan je vervolgens elementen toevoegen.


Om een element toe te voegen klik je op de kubus in het menu bovenin. Vervolgens krijg je keuze om verschillende elementen toe te voegen (benoemd in het engels). Veel gebruikte elementen zijn bijvoorbeeld:

  • Button – hier mee creëer je een knop. Wat je onder TEXT invoert verschijnt in de knop, en onder HREF moet je de link invoeren.
  • Custom Headline – hier mee kan je makkelijk kopjes aanmaken tussen elementen
  • Image – hier mee plaats je afbeeldingen. Je kan makkelijk een stijl selecteren (rond, afgeronde hoeken) en of het plaatje ergens naar moet linken.
  • Line – hier mee plaats je een scherpe lijn tussen elementen in
  • Text – hier mee plaats je een tekstblok

Als je een element wilt plaatsen moet je deze slepen naar de plek waar je wilt dat deze op de pagina verschijnt. Je kan altijd later nog elementen verschuiven.

Zoals eerder geschreven is Cornerstone een extra hulpmiddel bij het opmaken van je pagina of bericht. Hulp bij deze geavanceerde vragen valt niet automatisch onder de standaard helpdesk. We kunnen hier extrakosten voor in rekening brengen. We adviseren eerst deze bronnen te raadplegen:

Behoefte aan een persoonlijke benadering? Neem contact op met ons.