Mach3Framework5.0-/-Website- Word - mach3framework5.0-website-handleiding.docx Author Wouter Onis Created Date 10/13/2013 9:35:49 AM ...

Mach3Framework  5.0  /  Website  

Handleiding  

Mach3Builders  

  2  

 Inhoudsopgave  

1   Inloggen................................................................................................................................................................................................................................................4  

1.1   Ingelogd  blijven .........................................................................................................................................................................................................................................................................................................................................5  

1.2   Wachtwoord  vergeten ............................................................................................................................................................................................................................................................................................................................6  

2   Applicatie  keuzescherm ........................................................................................................................................................................................................................7  

2.1   De  beheeromgeving  openen.................................................................................................................................................................................................................................................................................................................8  

3   De  schermindeling ................................................................................................................................................................................................................................9  

4   In-­‐pagina-­‐bewerking  modus................................................................................................................................................................................................................10  

5   De  sitemap  manager ...........................................................................................................................................................................................................................12  

5.1   Bewerkingen  menu ...............................................................................................................................................................................................................................................................................................................................15  

6   De  pagina  manager .............................................................................................................................................................................................................................17  

6.1   Tabblad:  algemeen ................................................................................................................................................................................................................................................................................................................................18  

6.2   Tabblad:  structuur.................................................................................................................................................................................................................................................................................................................................19  

6.3   Tabblad:  SEO............................................................................................................................................................................................................................................................................................................................................20  

6.4   Tabblad:  URL............................................................................................................................................................................................................................................................................................................................................21  

6.5   Tabblad:  Inhoud .....................................................................................................................................................................................................................................................................................................................................22  

  3  

6.6   Tabblad:  Geavanceerd .........................................................................................................................................................................................................................................................................................................................23  

7   Media .................................................................................................................................................................................................................................................24  

7.1   Media:  bewerken....................................................................................................................................................................................................................................................................................................................................25  

7.2   Media:  informatie...................................................................................................................................................................................................................................................................................................................................26  

8   Fotoalbums.........................................................................................................................................................................................................................................27  

9   Lijsten .................................................................................................................................................................................................................................................28  

10   Formulieren ......................................................................................................................................................................................................................................29  

10.1   Tabblad:  teksten ..................................................................................................................................................................................................................................................................................................................................30  

10.2   Tabblad:  groepen ................................................................................................................................................................................................................................................................................................................................31  

10.3   Tabblad:  mail.........................................................................................................................................................................................................................................................................................................................................32  

10.4   Tabblad:  instellingen .........................................................................................................................................................................................................................................................................................................................33  

  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”