Basis handleiding CMS

Transcriptie

1 Basis handleiding CMS

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

3 Inloggen Uw website is te beheren met ons content management system (cms). Deze is te bereiken met de volgende url: <uw domeinnaam>/admin b.v Figuur 1 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: Deze gegevens zijn op te vragen bij MB Software. 1. Domein (uw domeinnaam, die refereert naar uw website) 2. adres 3. Wachtwoord Basis handleiding CMS Pagina 3 van 13

4 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: Basis handleiding CMS Pagina 4 van 13

5 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. Basis handleiding CMS Pagina 5 van 13

6 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 Basis handleiding CMS Pagina 6 van 13

7 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. Basis handleiding CMS Pagina 7 van 13

8 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 Basis handleiding CMS Pagina 8 van 13

9 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. 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. Basis handleiding CMS Pagina 9 van 13

10 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. Basis handleiding CMS Pagina 10 van 13

11 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. Basis handleiding CMS Pagina 11 van 13

12 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. Basis handleiding CMS Pagina 12 van 13

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. Basis handleiding CMS Pagina 13 van 13