Handleiding website

Inhoudstafel

1. Inleiding

De website is voorzien van het een beheersysteem. Dit beheersysteem is speciaal ontworpen om het u zo eenvoudig mogelijk te maken om uw website zelf te beheren.

De website bestaat uit 2 delen :

Voorzijde: Dit is het deel van de website dat iedereen ziet.
Achterzijde: Dit is het deel van de website dat alleen u ziet.
We noemen dit ook het beheerders deel.

Deze handleiding gaat dus vooral, over hoe we via de achterzijde alles gaan beheren, zodat u teksten en foto’s kan aanpassen en ze op de voorzijde van de website kan plaatsen.

OPMERKING

Het is niet de bedoeling dat u alles van de website zelf kan aanpassen.
Om de algemene structuur en opbouw van de site te wijzigen, is er immers technische kennis nodig van php, xhtml, sql, css, …

Deze handleiding beschrijft hoe u wel zelf bepaalde inhoud kan aanpassen.

TIPS

Pagina’s aanpassen lukt niet zo goed via een klein scherm en kan je beter via tablet of computer doen

2. Inloggen

De voorzijde van de website kan iedereen bekijken via : www.boetiekbinoche.be

Voor de achterzijde hebt u 3 dingen nodig om in te loggen via het controle panel van de website:

Link naar inlogscherm
Uw gebruikersnaam
Uw wachtwoord

Deze informatie hebt u via mail ontvangen.

Na het inloggen verschijnt het dashboard.

In de linkerbalk vind u alle opties terug om de website aan te passen.

We beschrijven in de volgende hoofdstukken de verschillende opties van de zijbalk menu.

3. Media

Kies in het controle panel de optie Media om de media bibliotheek te bekijken.
De mediabibliotheek bevat alle media (afbeeldingen) die reeds gebruikt werden op de website.

U kan nieuwe afbeeldingen toevoegen door deze van uw computer op te laden.
U kan bestaande afbeeldingen bekijken, bewerken en verwijderen.

Indien u afbeeldingen wil toevoegen aan de website, kan dit op 2 manieren:

Via deze mediabibliotheek
- Klik op de knop “Nieuw bestand”
- Selecteer de bestanden uit de folder op je computer
- Of sleep deze rechtstreeks naar media bibliotheek
Rechtstreeks tijdens het aanpassen van een pagina via de knop “Media toevoegen” (zie hoofdstuk Pagina’s).

4. Pagina’s

Hier staan alle pagina’s van de website.
Elke pagina is de inhoud achter een menuknop op de website.

4.1. Een pagina openen

Klik in de lijst op de naam van de pagina om deze te openen.
Daarna verschijnt onderstaand scherm.

Dit is onderverdeeld in

Sectie (blauw of purper)
Rij met kolommen (groen)
Verschillende types van Modules (grijs)

4.2 Enkele basisbegrippen

Open module om deze te bewerken

Module dupliceren

Module verwijderen

Kolommen rij aanpassen

Je kan ook een module verplaatsen als je erover beweegt en sleept
Er zijn verschillende soort modules zoals tekst, afbeelding, knop, galerij, speciale code, …
Elke type module dat je opent om te bewerken heeft dus ook andere instellingen.

Ik heb elke module een naam gegeven zodat je ongeveer kan zien wat deze bevat op basis van de layout van de pagina.

4.3. Een pagina aanpassen

Open de module die je wil aanpassen
Er verschijnt een pop-up venster
Onderaan de module zie je 4 knoppen met icoontjes
- Rode kruis: module sluiten zonder wijziogingen
- Groen vinkje: module sluiten en wijzigingen opslaan

In een tekst-module kan je tekst invoeren via een kleine tekstverwerker.

In een image-module kan je een foto selecteren via het tandwiel icoontje.

Als je de aanpassingen ook effectief wil zien, moet je de ganse pagina ook opslaan.
Dat kan via de knop rechts “Bijwerken”

Belangrijk!

Onderaan en rechts van elke pagina staat er nog extra informatie en instellingen.
Deze werden ingesteld om de globale structuur en layout van de website op te maken.
Het is belangrijk dat u hier NIETS aan wijzigt. Anders bestaat de mogelijkheid dat de structuur van uw website gewijzigd wordt en er delen niet meer zullen werken.

4.4. Pagina: Home

Dit is een gewone pagina
Eén element is wel speciaal, nl Onze Toppers
De toppers moet je niet aanpassen via de home pagina, maar via een aparte optie in de zijbalk-menu
Dit wordt uitgelegd in een volgend hoofdstuk

4.5. Pagina: Collecties

Dit is een speciale pagina
Deze moet je in principe zelf nooit rechtsreeks aanpassen
Het beheer van de collecties wordt in volgend hoofdstuk uitgelegd

4.6. Pagina: Fotogalerij

Dit is een speciale pagina
Deze moet je in principe zelf nooit rechtsreeks aanpassen
Hier worden immers de foto’s van uw Instagram account automatisch ingeladen.
Zodoende moet je deze foto’s maar op één locatie plaatsen en worden ze tegelijk op op de website getoond.

5. Collecties

Er bestaat ook een pagina met de naam Collecties (zie hoofdstuk Paginas).
Deze pagina moet je eigenlijk in principe zelf nooit aanpassen.

De foto’s van collecties worden apart beheerd via deze zijbalk-menu optie.

We hebben deze onderverdeeld per merk.
Per merk kan je dan foto’s opladen/verwijderen.

Klik op de naam van het merk om de foto’s van dat merk te bekijken of aan te passen.

5.1. Foto’s van een merk aanpassen

Nadat je op de naam van het merk klikt, zie de foto’s van de collectie.

Foto’s uit de collectie verwijderen

Ga met je muis over de foto
Er verschijnt een vuilbakje
Klik op de vuilbak om de foto uit de collectie te verwijderen

Foto’s toevoegen aan de collectie

Dat kan op 3 manieren:

Je kan foto’s hier naartoe slepen en ze worden automatisch toegevoegd
Via de knop “Upload image files” kan je foto’s op je eigen computer selecteren
Via de knop “Select from library” kom je in de media bibliotheek terecht.
Daar kan je weer foto’s selecteren om op te laden.

5.2. Een nieuw merk toevoegen

Je wenst een nieuw merk toe te voegen aan de collecties.

De makkelijkste manier is om de een bestaand merk te kopiëren.
Op die manier worden alle instellingen van die collectie (die achterliggend door uw webdesigner gebeurd zijn) overgenomen.

Bestaand merk kopiëren naar nieuw merk

Ga met je muis over de naam van het merk
Klik op “Duplicate gallery” (1)
Er wordt nu een nieuw merk aangemaakt (2)
Klik op de naam “Copy of …” om de collectie te openen
Pas de naam aan naar het nieuwe merk

Verder kan je nu de foto’s van de collectie van het nieuwe merk aanpassen, zoals in vorige paragraaf beschreven.

6. Toppers

Op de Home pagina staat een Sectie met de naam Onze Toppers.
Deze toppers moet je niet aanpassen via de Home pagina.

De details van de Toppers worden apart beheerd via deze optie.

We hebben 4 Toppers voorzien.
Klik op de naam van de Topper om de details te bekijken of aan te passen.

Nadat je op de naam van een Topper klikt, zie je de details.
Elke topper bestaat uit een aantal velden:

Foto
Merk
Beschrijving

Je kan de inhoud van elk veld aanpassen.
Je vind dezelfde velden ook terug op de Home pagina in de Toppers sectie.

Na de aanpassing, niet vergeten om op de knop “Bijwerken” te klikken.

7. Nieuwsbrief

De nieuwsbrief wordt via deze optie beheerd.
We hebben daarbij nog 3 onderverdelingen:

Emails
Contacten
Lists

7.1. Nieuwsbrief maken (emails)

Nadat je de keuze Emails hebt gekozen, zie je enkele voorbeeld nieuwsbrieven staan.
Het is immers veel makkelijker om van een reeds bestaand voorbeeld te kunnen vertrekken.

Klik op een bestaande nieuwsbrief zodat deze wordt geopend.
Klik op een tekst om deze aan te passen. (1)
Klik op het tandwieltje van een foto om deze aan te passen. (2)
Na de aanpassing, niet vergeten om op de knop “Save” te klikken. (3)

7.2. Contacten

Onder contacten kan je alle contacten die ingeschreven zijn voor de nieuwsbrief bekijken en beheren.

Normaal moet je hier geen acties ondernemen.
Als iemand zich inschrijft voor de nieuwsbrief via de website, wordt die persoon automatisch toegevoegd aan de contacten.

7.3. Lists

Onder lists zijn de contacten samengebracht in de groep “Nieuwsbrief lijst”.

Zo kan je bekijken hoeveel contacten de nieuwsbrief zullen ontvangen.

8. Profiel

Uw gebruikersprofiel

9. Instagram Feed

Via deze optie kan je uw bestaande Instagram account koppelen.
Alle foto’s die je op Instagram publiceert, verschijnen dan automatisch op de pagina Fotogalerij.

Klik op de knop “Connect an Instagram account”.

Dit hoeft maar eenmalig te gebeuren.

10. Uitloggen

Uitloggen van het dashboard via de knop rechtsboven.