Basis handleiding CMS

Basis handleiding CMS

Inhoud Basis handleiding CMS............................................................................................................................. 1 Inloggen ................................................................................................................................................... 3 Pagina beheren........................................................................................................................................ 4 Pagina toevoegen/wijzigen ................................................................................................................. 6 WYSIWYG editor ...................................................................................................................................... 8 externe / interne link toevoegen ........................................................................................................ 9 Plaatjes toevoegen ............................................................................................................................ 10 Link naar een file toevoegen ............................................................................................................. 13


Pagina 2 van 13

Inloggen Uw website is te beheren met ons content management system (cms). Deze is te bereiken met de volgende url: /admin b.v www.mbsoftware.nl/admin

Figuur 1 www.mbsoftware.nl/admin

Deze URL levert een login scherm op, die in figuur 1 te zien is. Het beheer gedeelte is afgeschermd, zodat niet iedereen uw content kan wijzigen. Er zijn mogelijkheden om meerdere gebruikers aan te maken met elk hun eigen rechten om content te wijzigen. Daarnaast bestaat er een super user, die alle rechten heeft. Er zijn drie gegevens vereist om in te loggen: 1. Domein (uw domeinnaam, die refereert naar uw website) 2. E-mailadres 3. Wachtwoord Deze gegevens zijn op te vragen bij MB Software.


Pagina 3 van 13

Pagina beheren De meest gebruikte functionaliteit van het cms is het beheren van de pagina’s. U kunt deze beheerpagina bereiken via het menu: Inhoud -> Pagina’s -> Pagina’s beheren (zie fig. 2). Daarnaast is er een snelkoppeling aangemaakt op de start pagina (“snel starten - > Pagina’s beheren”)

Figuur 2 Start pagina

Na het klikken op “pagina’s beheren” krijgt u het volgende scherm:


Pagina 4 van 13

Figuur 3 Pagina’s beheren

In deze pagina ziet u een lijst met alle pagina’s in uw website. Een aantal pagina’s zijn standaard b.v. “contactformulier is verzonden”, dit soort pagina’s staan onder de pagina “Meldingen”. Boven de lijst met pagina’s staat een icoon om een nieuwe pagina toe te voegen:

Figuur 4 Icoon om een nieuwe pagina toe te voegen

Een pagina onder een andere pagina zetten wordt gebruikt voor menu’s op de website. Zo kan een menu submenu’s hebben. Pagina “hoofdmenu” wordt dan vaak gebruikt als standaard pagina en alles wat daar onder zit kan worden gebruikt in het menu: •

Hoofdmenu o Home o Product Product A Product B o Contact

In de lijst met pagina’s begint elke regel met een positie, deze positie kan worden gebruikt voor de menu’s op de website. De positie is aan te passen door op de pijl naar boven of naar onderen te klikken.


Pagina 5 van 13

Naast positie bevat de regel allerlei gegevens over de pagina als titel en als laatste de opties om de pagina te verwijderen en/of te wijzigen: Pagina wijzigen Pagina verwijderen Pagina afschermen, zodat alleen bepaalde gebruikers deze pagina kunnen zien op de website

Pagina toevoegen/wijzigen Na het klikken op het wijzig icoontje, komt u in de volgende pagina om de web pagina te kunnen wijzigen. Als u hebt gekozen om een nieuwe pagina toe te voegen, dan komt u in het zelfde scherm, met lege velden.

Figuur 5 Pagina wijzigen

Elke pagina in het cms kent een actie panel met icoontjes om de mogelijk acties uit te voeren op de pagina. Deze staan altijd rechts boven in de pagina (zie fig. 5).

Figuur 6 Actie iconen


Pagina 6 van 13

Opslaan: Huidige wijzigingen opslaan en terug keren naar het overzicht. Toepassen: Huidige wijzigingen opslaan ,maar niet terugkeren naar het overzicht.

Annuleren: Huidige wijzigingen zullen niet worden opgeslagen en u keert terug naar het overzicht. De belangrijkste velden worden in Figuur 5 Pagina wijzigen getoond: Bovenliggende De pagina, waar de pagina onder valt en kan worden gebruikt voor een menu structuur. Titel en menu titel Ttitel is de titel van de pagina en menu titel wordt gebruikt om de pagina weer te geven in het menu. Het is gebruikelijk om deze kort te houden. Inhoud De inhoud van de pagina, deze is te bewerken met een WYSIWYG editor.


Pagina 7 van 13

WYSIWYG editor Deze WYSIWYG editor (What You See Is What You Get) wordt op veel plekken in het cms gebruikt om op een eenvoudige wijze teksten met opmaak te wijzigen. Met de editor is opmaak makkelijk te wijzigen, maar let er wel op dat u het lettertype niet aanpast! Bepaalde opmaak voorkeuren zijn door de ontwerper vastgelegd in een stylesheet, die de website gebruikt. Alleen de ontwerper kan dit soort instellingen aanpassen en het is niet de bedoeling dit voor elke tekst te wijzigen (niet meer onderhoudbaar). Om te beginnen klik met de muis in de editor om te editor te activeren:

Figuur 7 WYSIWYG editor

Veel iconen zijn waarschijn bekend van de microsoft word editor. De volgende iconen wil ik graag toelichten: externe / interne link toevoegen Plaatjes toevoegen Link naar een file toevoegen


Pagina 8 van 13

externe / interne link toevoegen Met deze optie kun u van een geselecteerde tekst een hyperlink maken. 1. Selecteer een tekst en klik op dit icoon

2. Het resultaat is deze dialoog, hiermee kunt u een interne link aanmaken door op een bestaande pagina in de lijst te klikken. Het veld URL wordt dan voor u ingevuld. Als u een externe link wilt aanmaken b.v. www.google.nl dan kun u dit adres zelf invullen in het veld URL. Daarnaast kun u doel aangeven b.v. het resultaat openen in een nieuw venster. Als laatste klik op de OK knop. 3. De link is aangemaakt. U kunt aan de stijl van de geselecteerde tekst zien, dat het nu een link is. Dit is afhankelijk van uw website, maar standaard is dit onderstreept en de kleur blauw. Opmerking: U kunt op dezelfde wijze ook een bestaande link wijzigen. Eerst de link selecteren en dan op dit icoon klikken.


Pagina 9 van 13

Plaatjes toevoegen 1. Zet de cursus in de tekst, waar u het plaatje wilt hebben en klik op het icoon. 2. Het volgende dialoog wordt geopend. Hierin kunt u foto’s toevoegen of bestaande foto’s gebruiken. Voor foto toevoegen kunt u het veld upload gebruiken, klik op bladeren en selecteer een foto. Klik daarna op de knop ‘Upload’. De foto verschijnt nu in boven in deze dialoog. Door op de foto te klikken worden alle velden ingevuld als u daarna op de OK knop klikt, verschijnt de foto tussen de tekst, waar uw cursor stond.


Pagina 10 van 13

3. Uit de reeds toegevoegde foto’s kunt er een aanklikken, die u wilt toevoegen aan de pagina. Alle velden zullen dan worden ingevuld, zoals u hieronder kunt zien.


Pagina 11 van 13

4. Klik op de OK knop om de foto toe te voegen aan de pagina.

Opmerking: U kunt op dezelfde wijze ook een bestaand plaatje wijzigen. Eerst het plaatje selecteren en dan op dit icoon klikken.


Pagina 12 van 13

Link naar een file toevoegen File toevoegen gaat op dezelfde wijze als een plaatje toevoegen, alleen dient u hiervoor een tekst te selecteren dat de link naar het plaatje zal moeten worden. 1. Selecteer een tekst, dat de link naar het plaatje zal moeten worden, en klik op het icoon

2. Klik op een bestandsnaam uit de lijst en klik op de OK knop. 3. Dialoog zal verdwijnen en de geselecteerde tekst zal nu een link zijn naar de file. Opmerking: U kunt op dezelfde wijze ook een bestaand link wijzigen. Eerst de link selecteren en dan op dit icoon klikken.


Pagina 13 van 13

Basis handleiding CMS

Recommend Documents