Handleiding website

Massagepraktijk Monique Geerlings

 

Inleiding

In deze handleiding wordt beschreven hoe deze website is opgebouwd. Het is een werkdocument; houd de handleiding dus zelf up-to-date! Dan heb je er veel plezier van.

Kerngegevens

url: http://www.massage-arnhemzuid.nl/

platform: WordPress – regelmatig updaten!

theme: Divi

inloggen via: http://www.massage-arnhemzuid.nl/wp-admin

Screen Shot 2016-01-19 at 11.27.04

Locatie handleiding: pagina ‘Handleiding’ in WordPress. Opslaan als PRIVE

 

Voordat je gaat wijzigen

Het is verstandig om een backup te maken van je site voordat je grote wijzigingen gaat doen. Stel dat er iets omvalt en je weet het niet te herstellen, dan kun je altijd nog je laatste versie terugzetten. Laat je informeren bij je hosting partij hoe je backups kunt inregelen. Handmatige download van de inhoud van pagina’s en berichten (niet van de database!) kun je doen met de WordPress export functie. Via Extra —> Exporteren in WordPress kun je een download maken van de huidige site. Vervolgens kun je dit bestand uploaden, ook weer via Extra —> Importeren.

Hoe werkt het thema?

Via Systeemaanpasser van thema in de zwarte balk bovenin (als je bent ingelogd) kun je allerlei instellingen veranderen. Bijvoorbeeld de indeling van je home page, de kleuren van je letters, de layout van je header, enz.

Bovendien heeft Divi via dezelfde zwarte balk ook een Syteemaanpasser van module, waarmee je instellingen van modules kunt standaardiseren. Bijvoorbeeld de vormgeving van knoppen, balken, blogs, enz.

Alle pagina’s zijn gemaakt met de Divi Builder. Dat is een onderdeel waarmee je pagina’s kunt opbouwen in blokken, (noodzakelijk voor lay-out, uitlijning, mobiele versies). Aan de lay-out zie je welk onderdeel overeenkomt met het blok op de webpagina.

 Screen Shot 2016-04-07 at 10.08.32

 

zie ook Theme documentatie

Teksten aanpassen

  1. Log in. 
  2. Open een tweede tabblad in je browser en ga naar de pagina die je wilt aanpassen.
  3. Bovenin zie je een zwarte balk. Dat betekent dat je bent ingelogd. Klik op ‘Pagina bewerken’. Zo weet je zeker dat je de juiste pagina te pakken hebt.Screen Shot 2016-01-19 at 11.28.59
  4. Alle pagina’s zijn gemaakt met de Divi Builder. Dat is een onderdeel waarmee je pagina’s kunt opbouwen in blokken, (noodzakelijk voor lay-out, uitlijning, mobiele versies). In de lay-out zoek je het onderdeel dat je wilt aanpassen. Open het onderdeel door op de drie streepjes te klikken.Screen Shot 2016-01-19 at 11.30.09
  5. Binnen een onderdeel – ‘module’ in Divi termen – zie je alle opties. Alle modules waar tekst in verwerkt kan worden hebben een tekstblok onderin. Pas daar de teksten aan. Vergeet niet op te slaan in de de module, maar klik ook op Bijwerken om de gehele pagina op te slaan!Screen Shot 2016-01-19 at 11.41.36Screen Shot 2016-01-19 at 11.43.16

Links toevoegen aan tekst of plaatjes

  1. Ga naar het bericht of de pagina waar je een link wilt toevoegen.
  2. Voeg tekst of plaatje in waar je een link (url) aan wilt koppelen.
  3. Selecteer de tekst en klik op het link symbool:Screen Shot 2016-02-04 at 11.33.29
  4. Bij URL plaats je de link. Vink ‘Open link in een nieuw tabblad’ als je niet wilt dat mensen je eigen pagina kwijt zijn.Screen Shot 2016-02-04 at 11.33.44
  5. Als je een plaatje wilt linken, klik dan op het plaatje en kies voor Bewerken:Screen Shot 2016-02-04 at 11.34.40
  6. Bij Weergave-Instellingen kies je voor ‘Aangepaste URL’ en vul je de link in.Screen Shot 2016-02-04 at 11.35.03

De achtergrond van een blok (sectie) aanpassen

Een blok op de home page is een sectie = een blauw vak aan de achterkant van de site.

 

Als er een afbeelding zit, kun je die hier wijzigen.

 

Als er een kleur achter zit, kun je die hier wijzigen.

Pagina’s aanmaken

Via zwarte balk: + Nieuw → bericht

of via Pagina’s → nieuwe pagina

Altijd invullen en/of controleren:

  • Titel: voor SEO (=vindbaarheid in Google) handig als hier een zoekterm in zit, maar ga vooral voor een titel waar mensen nieuwsgierig van worden.
  • Permalink: dit is de url van je pagina. Verschijnt zodra je de titel hebt ingevuld en met de cursor in het tekstveld staat. Automatisch wordt de titel van je pagina overgenomen, maar voel je vrij om aan te passen. Ook dit is belangrijk voor SEO.
  • Bij blokje Publiceren kun je instellen hoe en wanneer je de blog wilt publiceren.
  • Reacties wel/niet toestaan: standaard staat WordPress geen reacties toe op blogs. Wil je het aanzetten, ga dan naar het paginaoverzicht → snel bewerken → Reacties toestaan aanzetten

Menu’s aanmaken of aanpassen

Via Weergave → Menu’s of via de zwarte balk

Screen Shot 2016-04-07 at 10.30.33 Screen Shot 2016-04-07 at 10.30.49

Selecteer eerst het menu. Bij jou is dat: Hoofdmenu

Screen Shot 2016-04-07 at 10.33.14

Aan de linkerkant kun je pagina’s of links selecteren en toevoegen aan het menu.

Screen Shot 2016-04-07 at 10.35.26   Screen Shot 2016-04-07 at 10.36.26

Het nieuwe item verschijnt dan automatisch als laatste in de rij in je menu. Vervolgens sleep je het item naar de goede plaats.

@Monique: bij jouw site verwijzen de menu-items naar blokken op de home page, ‘secties’ geheten.

Bijvoorbeeld http://www.anithedehaas.nl/monique/#massages verwijst naar het blok ‘massages’. In het menu doe je dat met ‘Aangepaste links’ en op de home page zelf doe je dat door het woord ‘massages’ in te vullen bij CSS-id in de betreffende sectie = blauwe vak:

 

Kleurgebruik

tekst #625242

accentkleur: #005866

achtergrondkleuren:

♣ #77B5AB

♣ #BADBEE

 

Headers

 

Dit is header 1, voor pagina titels

Dit is header 2, voor hoofdkoppen op de pagina’s

Dit is header 3, voor subtitels en tweede niveau kopjes op de pagina’s

Dit is body tekst, voor artikelen

Lettertypes

Headers worden afgebeeld in lettertype Verdana.

De body tekst in Verdana.

Theme documentatie

Een live demo over alle Divi modules kun je vinden op http://www.elegantthemes.com/demo/?theme=Divi.

Uitgebreide documentatie vind je op http://www.elegantthemes.com/gallery/divi/documentation/

Voor andere Divi en WordPress vragen kun je terecht bij de blog van Elegant themes: http://www.elegantthemes.com/blog/

Heel nuttige info daar.

Toch nog een vraag?