CMS Handleiding
Inhoudsopgave Inloggen in het CMS ............................................................................................................................................ 3 Pagina’s toevoegen ............................................................................................................................................. 4 Pagina’s bewerken .............................................................................................................................................. 7 Een link toevoegen ............................................................................................................................................. 8 Een afbeelding toevoegen ................................................................................................................................ 10 Foto´s plaatsen op de fotopagina ..................................................................................................................... 12 Media ................................................................................................................................................................ 13 Handig om te weten ......................................................................................................................................... 18
2
Inloggen in het CMS Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:
Als u bent ingelogd ziet u onderstaande pagina, hier klikt u op “Pagina’s”
3
Pagina’s toevoegen Wilt u een nieuwe pagina toevoegen kunt u in het menu “Pagina’s” simpel een nieuwe pagina invullen bij “Titel” Bij “Type” kunt u een keuze maken uit verschillende soorten pagina’s:
‐
‐ ‐ ‐
Code: Als u HTML kennis hebt kunt u deze optie kiezen om in HTML programmeertaal uw website op te maken. Directory List: Download Gallery: Als u bestanden via uw website wilt laten downloaden kunt u deze module selecteren, u kunt gemakkelijk bestanden toevoegen die als link op de pagina worden weergegeven. FAQ: (Frequently Asked Questions) betekent: veel gestelde vragen. Hier kunt u een vraag en antwoord invoeren, zodat uw bezoekers hier hun antwoord kunnen vinden, i.p.v. dat ze u steeds moeten mailen.
4
‐
‐
Fotogallery 1: Bij gallery 1 klikt u op de foto en komt deze geleidelijk naar voren. U klikt wederom op de foto als u deze wilt laten verdwijnen. De foto kan verplaatst worden en er kunnen meerdere foto’s tegelijk worden geopend.
Fotogallery 2: Bij gallery 2 ziet u een overzicht van al uw foto’s. Wanneer u op een foto klikt wordt deze vergoot, en is het mogelijk om direct verder te navigeren.
‐
‐
Fotogallery 3: Bij gallery 3 klikt u op de foto om deze te vergroten, wanneer u op het huis‐icoontje klikt gaat u weer terug naar het overzicht menu, maar u kunt ook op het pijltje klikken om verder of terug te gaan.
Fotogallery 4: Dit is een foto carrousel waarbij u met een balkje door de foto’s kunt navigeren. Wanneer u op de foto klikt verschijnt deze in originele grootte.
‐
‐
Fotogallery 5: Deze gallery lijkt op een filmstrip waar u doorheen kunt navigeren met de pijltjestoetsen. Ook is het mogelijk om tekst te plaatsen bij uw foto. Dit verschijnt in een tekstballon zodra u over de foto heen gaat met uw cursor. Wanneer u op de foto klikt verschijnt deze in de originele grootte. Tevens is het mogelijk om een link te koppelen aan uw foto.
Gastenboek: hier kunnen uw bezoekers een berichtje achterlaten.
5
‐
‐
‐
‐
‐ ‐
‐ ‐ ‐
Menu Link: Als u vanuit het menu naar een externe webpagina wilt verwijzen, bijv. u wilt onder een menupunt “Nieuws” linken naar http://www.nu.nl moet u de optie “Menu Link” selecteren. Nieuws: Via deze pagina maakt u een overzicht van nieuwsberichten. Deze voorziet u met een titel en korte tekst. Wanneer u hierop klikt krijgt u het gehele bericht te zien. Product Gallery: : Met deze optie kunt u uw producten presenteren door middel van een foto en omschrijving. Wanneer u met u cursor over een van de onderste foto’s gaat, verschijnt direct die foto.
RSS‐feeds: RSS is een afkorting van Really Simple Syndication. Hiermee kunt u op een simpele manier iets van een webpagina afhalen en op uw eigen website tonen. Een veel gebruikte toepassing is het tonen van nieuwsheadlines van de ene site op de andere site. Sitemap: Sitemap geeft de bezoeker een overzicht van de menustructuur van uw website. Standaard pagina: Deze optie is voor pagina’s met een normale opmaak zoals in voorgaande afbeelding en zal het meest worden gebruikt. Webformulier: Een web invulformulier zoals een contactpagina. Webshop: Met deze optie kunt u kunt uw producten online presenteren en verkopen. Wrapper: Wilt u in uw website content (inhoud) van een andere website opnemen heeft u deze optie nodig.
6
Pagina’s bewerken U ziet hier een overzicht van de pagina’s die in uw website zijn aangemaakt, om deze aan te passen klikt u op de titel van de pagina die u aan wilt passen.
Als u heeft geklikt op de titel van de pagina die u wilt bewerken kunt u de website opmaken zoals u gewend bent in tekstverwerkingsprogramma’s als Microsoft Word. Bent u klaar klik dan op opslaan.
7
Een link toevoegen Wilt u een link in de pagina toevoegen selecteert u de tekst of afbeelding die u wilt linken en klikt u vervolgens op het icoontje met het kettinkje zoals aangegeven in onderstaande afbeelding.
Er opent een nieuw venster waarin u de link kunt maken. Vul daarvoor bij URL het website adres in.
8
Bij Doel geeft u aan of de link het huidige venster moet overschrijven of in een nieuw venster moet worden geopend (Nieuw Venster). Wanneer u hier niets aan veranderd (
), worden de links automatisch binnen uw website. Geopend. Klik op OK als u klaar bent.
9
Een afbeelding toevoegen Wilt u in uw website een afbeelding plaatsen naast bij uw tekst, moet u eerst de desbetreffende afbeelding met een foto bewerkingsprogramma als Paint, Paint Shop Pro of Microsoft Office Picture Manager kleiner maken zodat deze het gewenste formaat krijgt. Wanneer u dit gedaan heeft kunt u binnen uw editor op de imagebutton klikken.
Er open zich een nieuw scherm. Klik op Bladeren op server.
Er opent zich wederom een nieuw scherm. Hier kunt u de afbeeldingen van de server afhalen. Onderin het scherm is het mogelijk om de afbeeldingen vanaf uw computer te halen. Hiervoor kunt u onderin op ‘Bladeren’ klikken en uw bestand uitkiezen. Klik daarna op Upload bestand(en). De afbeelding staat nu op de server.
10
Wanneer u deze aanklikt verschijnt uw afbeelding in de editor.
11
Foto´s plaatsen op de fotopagina U maakt op de eerder genoemde wijze een nieuwe pagina aan, met de keuze voor gallery 1, 2 of 3. ‐ Bij Foto Gallery 1 klikt u op de foto en komt deze geleidelijk naar voren. U klikt wederom op de foto als u deze wilt laten verdwijnen. De foto kan verplaatst worden en er kunnen meerdere foto’s tegelijk worden geopend. ‐ Bij Foto Gallery 2 verschijnt de foto wanneer u met de muis over de foto’s aan de rechterkant gaat. ‐ Bij Foto Gallery 3 klikt u op de foto om deze te vergroten, wanneer u op het huis‐icoontje klikt gaat u weer terug naar het overzicht menu, maar u kunt ook op het pijltje klikken om verder of terug te gaan. Wilt u foto’s toevoegen aan één van deze pagina’s, selecteer dan bij ‘directory met afbeeldingen’ de map waar u uw foto’s in opgeslagen. U kunt alleen de gehele map selecteren, maak dus een apart mapje aan als u maar een paar foto’s uit een mapje wilt, en plaatst ze daar in.
Onder deze functie kunt u de instellingen veranderen, qua groottes en aantallen. Lees het volgende hoofdstuk voor uitleg over de mediamap.
12
Media Bij het onderdeel Media plaatst u mappen met uw afbeeldingen/video’s/foto’s e.d. U voegt eerst een nieuwe map toe. Dit doet u door bij doelmap aan te geven waar u uw map wilt plaatsen. Vervolgens geeft u bij titel de naam van uw map op. Hierna kunt u de foto’s in de map zetten. Dat kan bij ‘Uploaden bestanden’. U kiest bovenin de doelmap waarin u ze wilt plaatsen, vervolgens klikt u op bladeren en kiest u uw foto’s. Klik op ‘Upload bestand(en)’ en uw foto’s worden in de map geplaatst.
13
Productenpagina Bij de productenpagina is het mogelijk om u producten om een handige manier weer te geven. Zo kunt u er een omschrijving bij zetten en er extra plaatjes aan toevoegen (bijvoorbeeld om het product van een andere zijde weer te geven). Als u de productenpagina heeft aangemaakt en hierop klikt krijgt u het volgende scherm te zien:
Klik op Toevoegen Afbeelding.
14
Wanneer u op Bladeren klikt, kunt u het productplaatje selecteren. Als u subplaatjes wilt toevoegen klikt u op Toevoegen Afbeelding rechts van ‘Extra Plaatje’. Daar kun u uw subplaatjes selecteren. In het tekstveld kunt u informatie toevoegen. Wanneer u op de website kijkt komt dit er als volgend uit te zien:
15
Tabs Er is ook een mogelijkheid om binnen een pagina een tekstvak met tabbladen aan te maken. Klik in het paginamenu, bij Type, tabs aan.
Klik op de Tabspagina die u zojuist heeft aangemaakt. U komt in het volgende scherm terecht waar u de positie, hoogte en breedte, achtergond‐ en randkleur en tabkleuren kunt instellen. Ook kunt u hier de Tab een naam geven.
16
Wanneer u op opslaan klikt, en op de website kijkt, zal het resultaat er zo uitzien:
17
Handig om te weten Submenu Wanneer u een submenu wilt aanmaken, voert u dezelfde handeling uit als wanneer u een nieuwe pagina aanmaakt. Maar nu selecteert u bij ‘onder’ de pagina waar u hem onder wilt zetten.
Icoontjes De vier icoontjes die rechts bovenaan staan, hebben elk hun eigen functie. V.l.n.r.: Hoofdmenu, (uw) website, help en uitloggen. Vooral het tweede icoontje zult u veel gebruiken. Wanneer u iets heeft aangepast binnen uw website en dit heeft opgeslagen, kunt op dit icoontje klikken om direct het resultaat te bekijken.
18
Enter Wanneer u een tekst aan het typen bent in de editor, zult u merken dat wanneer u op Enter drukt, u twee regels naar beneden gaat i.p.v. één. Om maar één regel naar beneden te gaan dient u Shift + Enter in te drukken.
Tabellen Wanneer u uw tekst in een tabel wilt plaatsen, maar u wilt het kader van de tabel niet weergeven, dient u de breedte van de rand op 0 zetten.
19
