Mach3Framework 5.0 / Website
Handleiding Mach3Builders
Inhoudsopgave 1 Inloggen................................................................................................................................................................................................................................................5 1.1
Ingelogd blijven .........................................................................................................................................................................................................................................................................................................................................6
1.2
Wachtwoord vergeten ............................................................................................................................................................................................................................................................................................................................7
2 Applicatie keuzescherm ........................................................................................................................................................................................................................8 2.1
De beheeromgeving openen.................................................................................................................................................................................................................................................................................................................9
3 De schermindeling ..............................................................................................................................................................................................................................10 4 In-‐pagina-‐bewerking modus................................................................................................................................................................................................................11 5 De sitemap manager ...........................................................................................................................................................................................................................13 5.1
Bewerkingen menu ............................................................................................................................................................................................................................................................................................................................... 16
6 De pagina manager .............................................................................................................................................................................................................................18 6.1
Tabblad: algemeen ................................................................................................................................................................................................................................................................................................................................ 19
6.2
Tabblad: structuur................................................................................................................................................................................................................................................................................................................................. 20
6.3
Tabblad: SEO ............................................................................................................................................................................................................................................................................................................................................ 21
6.4
Tabblad: URL............................................................................................................................................................................................................................................................................................................................................ 22
6.5
Tabblad: Inhoud ..................................................................................................................................................................................................................................................................................................................................... 23
2
6.6
Tabblad: Geavanceerd ......................................................................................................................................................................................................................................................................................................................... 24
7 Media .................................................................................................................................................................................................................................................25 7.1
Media: bewerken.................................................................................................................................................................................................................................................................................................................................... 26
7.2
Media: informatie................................................................................................................................................................................................................................................................................................................................... 27
8 Fotoalbums.........................................................................................................................................................................................................................................28 9 Lijsten .................................................................................................................................................................................................................................................29 10 Formulieren ......................................................................................................................................................................................................................................30 10.1
Tabblad: teksten .................................................................................................................................................................................................................................................................................................................................. 31
10.2
Tabblad: groepen ................................................................................................................................................................................................................................................................................................................................ 32
10.3
Tabblad: mail......................................................................................................................................................................................................................................................................................................................................... 33
10.4
Tabblad: instellingen ......................................................................................................................................................................................................................................................................................................................... 34
11 Tutorials............................................................................................................................................................................................................................................35 11.1
Een nieuwe gebruiker aanmaken................................................................................................................................................................................................................................................................................................. 35
11.2
Een pagina aanmaken ....................................................................................................................................................................................................................................................................................................................... 38
12 Website componenten......................................................................................................................................................................................................................42 12.1
Google Maps kaart .............................................................................................................................................................................................................................................................................................................................. 42
12.2
Lightbox popin...................................................................................................................................................................................................................................................................................................................................... 43
3
4
1 Inloggen Het Framework inlogscherm kan per site in een taal naar keuze worden aangeboden. Door de functie “Blijf ingelogd” aan te vinken wordt de gebruiker de volgende keer automatisch ingelogd.
Afbeelding: inlogscherm
5
1.1 Ingelogd blijven Werk je regelmatig in de beheeromgeving van een bepaalde site dan is het mogelijk om ingelogd te blijven. Let op dat je dit niet doet op openbare computers want dan hebben anderen ook toegang tot jouw beheeromgeving.
Afbeelding: Ingelogd blijven
6
1.2 Wachtwoord vergeten Middels de wachtwoord vergeten functie kun je een nieuw wachtwoord opvragen. Zonder tussenkomst van een Mach3Builders medewerker kunt u direct weer verder werken.
Afbeelding: Wachtwoord vergeten
7
2 Applicatie keuzescherm Naast de website applicatie kunnen er andere applicaties zijn welke je vanuit de beheeromgeving kunt gebruiken. Vanuit het applicatie keuzescherm kun je de gewenste applicatie openen.
Afbeelding: applicatie keuzescherm
8
2.1 De beheeromgeving openen Klik op het wereldbol icoon om de website beheeromgeving te openen. Na klikken opent een nieuw scherm waarin je direct kun beginnen met het bewerken van jouw website.
Afbeelding: Het Framework openen
9
3 De schermindeling Links op het scherm staat het hoofdmenu. Vanuit elke bewerking is het hoofdmenu beschikbaar zodat je snel tussen menu-‐items kunt switchen. Rechts is ruimte gereserveerd voor het uitvoeren van bewerkingen.
Afbeelding: Framework startscherm / schermindeling
10
4 In-‐pagina-‐bewerking modus Klik op het “oog” icoon links bovenaan de pagina om de in-‐pagina-‐bewerking modus te openen. In deze modus kan de content op de website aangepast worden waarbij je door de website heen navigeert.
Afbeelding: In-pagina-bewerking modus openen
11
Onderdelen van pagina’s welke bewerkt kunnen worden zijn voorzien van een zwarte knop. Klik op deze knoppen om de bijhorende onderdelen te bewerken.
Afbeelding: In-pagina-bewerking modus
12
5 De sitemap manager Naast de in-‐pagina-‐bewerking modus kan de website ook vanuit de sitemap beheerd worden. De sitemap geeft een goed overzicht van de structuur van de website en biedt tevens de mogelijkheid om pagina’s te bewerken.
Afbeelding: Sitemap weergave
13
Bovenaan de sitemap staan diverse iconen. Deze geven aan welke informatie de betreffende kolom bevat. Kolom 1: Pagina status uit De eerste kolom geeft aan of een pagina “uit” staat.
Kolom 2: De homepage De tweede kolom geeft aan welke pagina de homepage is.
Kolom 3: Startpunt van een lijst De derde kolom geeft aan of een pagina het startpunt (bron) van een lijst is. Het verwijderen van een dergelijke pagina betekent dat de bijhorende lijst ook niet meer functioneert.
14
Kolom 4: Op meerde plaatsen gepubliceerd De vierde kolom geeft aan of een pagina op meerdere plaatsen is gepubliceerd. Bij het verwijderen van een dergelijke pagina krijg je de keuze om de publicatie te verwijderen of de complete pagina.
Kolom 5: Sjabloon De vijfde kolom geeft aan welk sjabloon is toegepast voor de betreffende pagina. Het sjabloon bepaald hoe de pagina eruit ziet. Een zelfde sjabloon kan voor meerdere pagina’s gebruikt worden. Middels kleuren wordt dit aangegeven.
15
5.1 Bewerkingen menu De sitemap heeft een bewerkingen menu. Middels dit menu kunnen diverse bewerkingen uitgevoerd worden op pagina’s. Door op een pagina’s klikken wordt het bijhorende bewerkingen menu geactiveerd. Hieronder volgt een overzicht van de beschikbare bewerkingen. Bewerking 1: Inhoud bewerken Door op dit menu-‐item te klikken wordt het in-‐pagina-‐bewerking scherm geopend met de geselecteerde pagina. Je kunt de pagina direct voorzien van de juiste inhoud.
Bewerking 2: Toevoegen Middels deze bewerking is het mogelijk een pagina toe te voegen ONDER de geselecteerde pagina. Het wordt dus een subpagina van de geselecteerde pagina. Deze bewerking is niet mogelijk bij pagina’s welke de bron/startpunt van een lijst zijn.
Bewerking 3: Bewerken Door op dit menu-‐item te klikken wordt het bewerkscherm getoond voor het wijzigen van de pagina instellingen. De volgende onderdelen kun hier ingesteld worden: naam en titel van de pagina, het sjabloon en actief/niet-‐actief.
16
Bewerking 4: Verwijderen Middels het vierde menu-‐item kun je een pagina verwijderen. Indien een pagina onderliggende pagina’s heeft dan heeft een verwijderactie ook invloed op de onderliggende pagina’s.
Bewerking 5: Verplaatsen Middels dit menu-‐item kunt u pagina’s verplaatsen naar een andere plaats in de structuur. Onderliggende pagina’s verplaatsen automatisch mee.
Bewerking 6: Nogmaals publiceren Middels dit menu-‐item kunt u een pagina nogmaals publiceren op een andere locatie binnen de structuur.
17
6 De pagina manager De pagina manager wordt in het hoofdmenu aangeduid met de naam “Pagina’s”. Middels deze manager kunt u alle pagina-‐instellingen beheren. Inclusief SEO instellingen. Middels de zoekfunctie kun je snel de juiste pagina opzoeken. Door op een pagina te klikken wordt in het scherm rechts het bewerkscherm getoond van de betreffende pagina.
Afbeelding: Startscherm van de pagina manager
18
6.1 Tabblad: algemeen In het “algemeen” tabblad kunnen de meest voorkomende en belangrijkste instellingen gedaan worden. De volgende instellingen kunnen worden uitgevoerd: Paginanaam en titel, het sjabloon en actief/niet-‐actief.
Afbeelding: Tabblad “algemeen”
19
6.2 Tabblad: structuur Een pagina kan worden gekoppeld onder een of meerdere andere pagina’s. De structuur van de website wordt op basis hiervan opgebouwd. Na iedere selectie van een bovenliggende pagina wordt de volgende dropdown getoond.
Afbeelding: Weergave tabblad structuur in pagina beheer
20
6.3 Tabblad: SEO Per pagina kunnen zoekmachine optimalisatie specifieke zaken beheerd worden. Binnen tabblad “SEO” kan je de meta-‐titel, meta-‐zoekwoorden en meta-‐omschrijving invoeren. Zoekmachines gebruiken deze informatie bij het opnemen van de inhoud van de pagina in de index.
Afbeelding: SEO tabblad binnen pagina beheer
21
6.4 Tabblad: URL Pagina’s krijgen automatisch een URL op basis van de naam van de pagina en de bovenliggende pagina waaraan de pagina is gekoppeld. Binnen het tabblad URL kun je de instellingen voor de URL aanpassen. Je kunt een eigen URL instellen, de pagina doorsturen naar een andere URL en tevens instellen wat de URL voor de betreffende pagina was op een eventuele oude versie van de website.
Afbeelding: URL tabblad binnen pagina beheer
22
6.5 Tabblad: Inhoud De inhoud van een pagina kun je bewerken in de in-‐pagina-‐bewerking modus. Echter ook binnen het tabblad “Inhoud” kun je de diverse pagina onderdelen bewerken of rechtstreeks doorklikken naar de pagina in in-‐pagina-‐bewerking modus.
Afbeelding: Inhoud tabblad binnen pagina beheer
23
6.6 Tabblad: Geavanceerd Per pagina kan ingesteld worden binnen welke periode deze zichtbaar dient te zijn. Indien deze instelling niet is gedaan dan wordt de pagina altijd getoond, mits de pagina op “actief” is gezet. Deze laatste instelling kan gedaan worden in tabblad “Algemeen”. Pagina’s kunnen ook uitgezet worden voor menu’s of weergegeven worden in XML formaat.
Afbeelding: Geavanceerd tabblad binnen pagina beheer
24
7 Media Alle bestanden waaronder afbeeldingen en PDF documenten worden opgeslagen in een centrale repository. Op deze manier kunnen bestanden worden gebruikt op meerdere plaatsen in de website tegelijk. Je kunt de bestanden opslaan in mappen.
Afbeelding: Weergave media lijst
25
7.1 Media: bewerken Door op een bestand te klikken in het overzicht met media kun je de voorvertoon weergave activeren. In deze weergave kan een afbeelding in het originele formaat bekeken worden. Tevens kun je afbeeldingen bewerken vanuit voorvertoon. De volgende bewerkingen zijn beschikbaar: uitsnedes maken, schalen en roteren.
Afbeelding: Weergave media voorvertoon scherm
26
7.2 Media: informatie Van ieder bestand wordt bijgehouden hoe groot deze is, welke extensie deze heeft, wanneer het bestand is toegevoegd enzovoort. Deze informatie is beschikbaar in tabblad “informatie”. Vanuit dit tabblad kun je de naam van het bestand wijzigen of er voor kiezen een encrypte bestandsnaam te kiezen. Verder kan een bestand gekoppeld worden aan een map zodat deze eenvoudiger terug te vinden is. Eenmaal geplaatste bestanden kunnen overschreven worden. Alle koppelingen op de website blijven dan normaal functioneren.
Afbeelding: Weergave tabblad “informatie”
27
8 Fotoalbums Sliders, carrousels en foto-‐overzichten worden gevoed vanuit het fotoalbum onderdeel in de beheeromgeving. Er kunnen meerdere albums aangemaakt worden. Per album kunnen meerdere foto’s tegelijk worden geupload. De foto’s kunnen middels drag-‐n-‐drop worden gesleept in de juiste volgorde. Tevens kan iedere foto’s worden voorzien van extra informatie.
Afbeelding: Weergave album overzicht
28
9 Lijsten Met lijsten kunnen overzichten met repeterende inhoud worden getoond op de website. Een voorbeeld van een lijst is bijvoorbeeld “nieuws”. Lijsten worden door Mach3Builders ingesteld en kunnen vervolgens door de website beheerder worden voorzien van content.
Afbeelding: Weergave van een lijst in de beheeromgeving.
29
10 Formulieren Binnen de beheeromgeving kun je een onbeperkt aantal formulieren aanmaken. In het onderdeel “Formulieren” kun je formulieren aanmaken. In de in-‐pagina-‐bewerking modus kun je de aangemaakte formulieren koppelen zodat deze getoond worden op de website. Bij het aanmaken van een formulier zie precies hoe deze opgebouwd is. Ook dit onderdeel is WYSIWYG. De volgorde van velden kan bijvoorbeeld worden gewijzigd middels drag-‐n-‐drop.
Afbeelding: Weergave van de beheeromgeving voor formulieren
30
10.1 Tabblad: teksten Er zijn drie soorten teksten welke bij een formulier kunnen worden ingesteld. De eerste is de introductie tekst. Deze staat boven het formulier bij het openen van de pagina. Na het verzenden van het formulier wordt een van de twee overige teksten getoond, namelijk: de succesvol verzonden OF de foutmelding tekst.
Afbeelding: Tabblad “teksten” van de formulier beheeromgeving
31
10.2 Tabblad: groepen Met groepen kun je structuur brengen in de velden van een formulier. Vooral grote formulieren kunnen erg onoverzichtelijk worden. Door diverse groepen aan te maken met per groep de velden welke bij elkaar horen maak je het voor de gebruiker eenvoudiger om het formulier in te vullen.
Afbeelding: Formuliergroep aanmaken
32
10.3 Tabblad: mail Formulieren worden verzonden naar een of meerdere e-‐mailadressen. Deze instellingen kun je maken in tabblad “mail”. Vergeet niet aan te vinken dat de ingevulde formuliervelden worden meegezonden. “Voeg waardes ingevulde formulier toe aan de mailing”. Het is ook mogelijk een bevestiging te sturen naar de verzender. Om dit te realiseren dien je aan te geven in welk veld de verzender het e-‐mailadres invult.
Afbeelding: Tabblad mail, diverse instelling voor het verzenden en ontvangen van de formulierinhoud
33
10.4 Tabblad: instellingen De naam van het formulier kan gewijzigd worden in tabblad “instellingen”.
Afbeelding: Tabblad “instellingen”
34
11 Tutorials In dit onderdeel van de handleiding vind je stap-‐voor-‐stap uitleg voor het uitvoeren van diverse taken. Iedere stap-‐voor-‐stap uitleg begint bij het startscherm, deze wordt getoond direct na inloggen.
11.1 Een nieuwe gebruiker aanmaken Er kunnen meerdere gebruikers tegelijk aan de slag met het beheren van de website. Het is wel van belang afspraken te maken om tegelijk bewerken van dezelfde content te voorkomen. Hieronder staat de stap-‐voor-‐stap uitleg hoe je een nieuwe gebruiker toegang geeft tot het systeem. Stap 1: Klik op het “systeem” icoon
35
Stap 2: Klik in het hoofdmenu op “gebruikers”
Stap 3: Klik op de blauwe knop bovenaan de pagina “Gebruiker toevoegen”
36
Stap 4: Vul het formulier in en klik op “Sla wijzigingen op”
Stap 5: Einde uitleg.
37
11.2 Een pagina aanmaken Er zijn meerdere manieren om een nieuwe pagina aan te maken binnen Mach3Framework 5.0. Vanuit de in-‐pagina-‐bewerking modus: Hier kun je bij het bewerken van een menu een pagina toevoegen Vanuit het menu-‐onderdeel “pagina’s”: Hier kun je een pagina toevoegen middels de blauwe toevoeg knop boven het overzicht Vanuit de sitemap is echter de beste optie. Je kunt dan direct bepalen waar in de structuur de pagina komt en deze direct bewerken. De uitleg voor deze laatste optie staat hieronder. Stap 1: Klik op het aardbol icoon in het startscherm
38
Stap 2: Klik in het hoofdmenu op “sitemap”
39
Stap 3: Klik op de pagina waar de nieuwe pagina als subpagina moet verschijnen. (of selecteer “Start website” om de pagina op het eerste niveau te plaatsen)
40
Stap 4: Klik nu in het menu rechts op “Toevoegen”
Stap 5: vul het formulier in en klik op “Sla wijzigingen op”
Tip: Indien je de inhoud van een pagina wil bewerken dan moet de pagina “actief” zijn. Stap 6: Einde uitleg
41
12 Website componenten Het Mach3Framework bevat een groot aantal website componenten. Dit zijn specifieke functies met vooraf vastgelegde functionaliteit. Zaken zoals Google Maps kaart, zoekformulier, lightbox. Hieronder volgt een overzicht met componenten.
12.1 Google Maps kaart
Afbeelding: Instellingen scherm voor een Google Maps kaart
42
12.2 Lightbox popin
Afbeelding: Vanuit de RTF editor kan een lightbox ingesteld worden voor link/afbeelding
43
