CMS Handleiding Opgesteld door
Alleen beschikbaar voor klanten v1.2 24-01-2008
Index 1. 2.
Inloggen............................................................................................................................... 3 De CMS Omgeving............................................................................................................... 5 NAVIGATIE............................................................................................................................................ 5 MENU ................................................................................................................................................. 6 CONTENT ............................................................................................................................................. 6
3.
Content Wijzigen ................................................................................................................. 7 DE WERKBALK ....................................................................................................................................... 8 INVOEGEN VAN LINKS EN AFBEELDINGEN ..................................................................................................... 9 DE TAB ‘MENU’ ................................................................................................................................... 10 DE ‘EIGENSCHAPPEN’ TAB PAGINA ........................................................................................................... 11 PAGINA’S PUBLICEREN .......................................................................................................................... 11
4.
Media Map ........................................................................................................................ 12 EEN NIEUWE PAGINA AANMAKEN ............................................................................................................ 13
5. 6.
Sorteren............................................................................................................................. 17 Nieuwe Gebruikers............................................................................................................ 19
1. Inloggen Voordat u toegang heeft tot het Content Management Systeem (CMS), dient u uiteraard te weten waar het CMS zich bevindt. De locatie van het CMS is standaard http://www.uwdomein.nl/umbraco waarbij ‘uwdomein.nl’ vervangen dient te worden met de naam van uw website. Het is sterk aanbevolen om Internet Explorer te gebruiken wanneer u met het CMS wilt gaan werken, bij voorkeur Internet Explorer versie 6 of hoger. Wij realiseren ons dat er een groeiende groep gebruikers is welke met Mozilla Firefox werken. Doordat de Firefox gebruikers op dit moment zo’n 10% van alle gebruikers vertegenwoordigen, kunnen we deze browser (nog) niet ondersteunen (het gaat hier om de backoffice, niet de website!). Het CMS wordt echter dagelijks onderhouden en verbeterd door een grote groep ontwikkelaars dus toekomstige compatibiliteit behoort tot de opties. Apple gebruikers dienen de Mozilla Firefox browser te gebruiken aangezien er in de backoffice problemen zijn qua compatibiliteit met Safari. Ga naar http://www.uwdomein.nl/umbraco om het onderstaande scherm te openen.
Doordat het CMS een programma is welke handmatig gestart dient te worden, moet u op de link ‘Restart umbraco’ klikken om zodoende het inlogscherm te openen.
Het volgende scherm is de login pagina. Er kunnen meerdere gebruikers binnen het CMS zijn met verschillende gebruikersrechten. De gebruikelijke gebruikersgroepen zijn ‘schrijvers’, ‘redacteurs’ en ‘ontwikkelaars’. De laatstgenoemde groep kan bijv. de layout en componenten van de wensite aanpassen en de eerste groep kan alleen de tekst wijzigen. Vul uw gebruikersnaam en wachtwoord in en klik op [Login].
2. De CMS Omgeving Het standaard scherm van het CMS bestaat uit 3 verschillende delen: 1. Navigatie 2. Menu 3. Content
Navigatie Het navigatie gedeelte wordt gebruikt om te schakelen tussen de verschillende pagina’s van de website en het toevoegen, verwijderen en of wijzigen van pagina’s. U kunt de pagina binnen het menu uitklappen door op de icon te klikken welke voor de paginanaam staat. Indien u het menu weer wilt inklappen klikt u op de icon. Selecteer de pagina die u wilt bewerken. Iedere beschikbare actie is te bereiken door 1 keer op de rechtermuisknop te klikken. Probeer dit eens en er zal een keuzemenu tevoorschijn komen zoals u in afbeelding op de volgende pagina kunt zien.
Iedere normale gebruiker van het CMS zal in de regel alleen de eerste 7 functies van dit menu gebruiken. De eerste 5 spreken voor zich. ‘Rollback’ geeft u de mogelijkheid om gedane wijzigingen terug te draaien naar de laatste online versie. De ‘Publiceren’ knop zorgt ervoor dat de wijzigingen die gedaan zijn direct online worden gezet. LET OP: wijzigingen zijn pas online te zien wanneer betreffende pagina gepubliceerd is.
Menu Het menu geeft u de mogelijkheid om te schakelen tussen uw pagina- en mediamap. Naast tekst zal een groot gedeelte van uw website bestaan uit afbeeldingen en andere downloadbestanden. Om dergelijke bestanden naar uw website te uploaden en enig overzicht te kunnen houden, is de mediamap toegevoegd. Meer informatie over deze map vindt u terug in hoofdstuk 4.
Content Het content gedeelte is waar de meeste wijzigingen zullen plaatsvinden. Wanneer een bepaalde pagina is geselecteerd, zal er in het content gedeelte een veld tevoorschijn komen met meerdere tabs en gereedschappen. In combinatie met de mediamap zal dit gedeelte hoofdzakelijk functioneren als uploadpagina. Meer detail over deze functie vindt u terug in het volgende hoofdstuk.
3. Content Wijzigen Alle wijzigingen op een pagina kunt u maken in het ‘Content’ gedeelte waar u standaard terecht komt wanneer het CMS wordt gestart. Selecteer een pagina uit het navigatiegedeelte waar de tekst gewijzigd dient te worden. Zoals u ziet biedt het CMS u allerlei gereedschappen die u nodig heeft om de content te wijzigen.
Het uiterlijk van de website wordt ingezet door Arlanet BV en is gebouwd d.m.v. templates. Met het design van de website kan in principe niets gebeuren behalve wanneer een tabel ingezet wordt. Bij gebruik van een tabel dient u rekening te houden met de maximale breedte van uw website. Laten we nu eens een blik werpen op de mogelijke gereedschappen.
De werkbalk De werkbalk bestaat uit verschillende tabs en gereedschappen. We leggen hieronder de meest belangrijke functies van de werkbalk uit zodat u inzicht krijgt in de mogelijkheden van het CMS.
De tabpagina’s zullen we later bespreken. Pagina’s hebben één van de volgende statussen: -
een opgeslagen pagina is beschikbaar in het CMS, maar niet online een gepubliceerde pagina is zowel beschikbaar in het CMS als online
Laten we ten eerste eens kijken naar de ikoontjes in de werkbalk. Opslaan van de gewijzigde pagina, maar niet nog niet publiceren. Opslaan en publiceren van de gewijzigde pagina. Wijzigingen zullen direct online staan. Bekijk online de laatst opgeslagen versie binnen het CMS. Wijzig de HTML code, alleen aanbevolen voor experts. Sommige stijlen, zoals Kopteksten, kunnen door ons voorgemaakt worden. Verander het lettertype naar dik of schuin. Pas het lettertype, de stijl, kleur van het lettertype and de achtergrondkleur. Uitlijnen van tekst aan de linkerkant, in het midden of aan de rechterkant. Lijst met punten of een numerieke lijst. Invoegen links of rechts. Invoegen van een internet of locale link. Invoegen van een locale (pagina binnen het CMS) link. Bestand of afbeelding invoegen vanuit de mediamap. Invoegen van een tabel, houdt rekening met de beschikbare breedte!
Invoegen van links en afbeeldingen De meeste van de beschikbare icons spreken voor zichzelf. U bent waarschijnlijk het meest geïnteresseerd in het invoegen van links en mediabestanden in de content. Deze sectie begeleidt u door dit proces. Internet links Selecteer ten eerste de tekst of afbeelding welke u als link wilt gebruiken. Wanneer u op het icoontje klikt, zal er een nieuw pop-up venster verschijnen zoals hier rechts is afgebeeld. In de ‘URL link’ box kunt u de internet link zetten, bijv. http://www.arlanet.nl. We laten de ‘Bladwijzers’ voor wat ze zijn omdat deze zelden gebruikt worden. Hierna komt de ‘Bestemming’ box. Daar kunt u aangeven hoe een bepaalde link geopend wordt, in het bestaande venster of een nieuwe. Indien u de betreffende link wilt openen in het actieve venster laat u deze box staan op ‘Openen in dit venster/frame’. Indien u de link wilt openen in een nieuw venster dient u de selectie ‘Openen in nieuw venster (_blank)’ te gebruiken. In het titelvenster kunt u aangeven welke tekst gebruikt wordt wanneer de muis op de betreffende link staat. Interne links Indien u naar een pagina of afbeelding wilt linken binnen de website gaat u naar de tab ‘Content’ of ‘Media’. Daar selecteert u de pagina of afbeelding waarnaar gelinkt dient te worden. Indien u linkt naar een interne pagina of afbeelding zal er in de box ‘URL link’ een melding komen zoals u in onderstaande afbeelding ziet (localLink).
Pop-up De ‘Pop-up’ tab geeft u de mogelijkheid een bepaalde link te openen als pop-up. Aan een popup kunnen allerlei eigenschappen meegegeven worden zoals het formaat van de pop-up, naam van het venster en meer. Wij adviseren echter geen pop-up te gebruiken omdat deze vaak door allerlei software tegengehouden wordt in een browser. Dit komt doordat veel websites in het verleden pop-ups misbruikt hebben. Overige Er zijn nog twee andere tabs, te weten ‘Gebeurtenissen’ en ‘Geavanceerd’. Beide laten we momenteel voor wat ze zijn aangezien ze zelden gebruikt worden en daarnaast voor de gemiddelde gebruiker te geavanceerd zijn.
De tab ‘Menu’ Deze tab pagina in het content gedeelte voorziet u van gedetailleerde informatie betreffende de pagina en de wijze waarop deze binnen de website getoond wordt. De meeste eigenschappen van de tab ‘Menu’ zijn handmatig toegevoegd door Arlanet om de mogelijkheid te bieden een aantal opties snel en eenvoudig te wijzigen. Meestal plaatsen we de mogelijkheden om een pagina aan te passen in het menu en de footer. Standaard afbeeldingen welke op betreffende pagina gebruikt worden kunt u hier ook terugvinden. Deze zijn overigens vanwege directe invoer op betreffende pagina niet beschikbaar in de ‘Mediamap’. U kunt wijzigingen opslaan zonder deze direct op de website te tonen. Dit is bijv. erg handig om ervoor te zorgen dat bepaalde content in het systeem opgeslagen wordt zonder dat deze direct te zien is op de website. Klik op de knop om uw opgeslagen werk te bekijken in een browser.
De ‘Eigenschappen’ tab pagina De eigenschappen tonen u allerlei details over de pagina en deze kunt u hier ook wijzigen. De belangrijkste functie van deze tab is de knop waarmee u de mogelijkheid heeft een bestaande pagina offline te halen zonder dat deze uit het CMS wordt verwijderd.
Pagina’s publiceren Iedere pagina individueel publiceren met de pagina’s tegelijkertijd wilt publiceren.
knop kan een aardige klus zijn indien u veel
Indien u de gehele site wenst te publiceren, kunt u met de rechtermuisknop klikken op ‘Content’ waarna er een nieuw venster getoond wordt. In dit nieuwe venster vindt u onder andere ‘Volledige site herpubliceren’ terug. Met deze functie kunt u alle wijzigingen die gedaan zijn, eventueel op verschillende pagina’s, met één klik online zetten.
4. Media Map De Media map biedt u de mogelijkheid om allerlei mediabestanden, zoals afbeeldingen, video’s, muziek en Flash mee te beheren. Het navigatie gedeelte van de Media map werkt hetzelfde als de Content map.
Om een nieuw mediabestand aan de map toe te voegen selecteer in eerste instantie de folder waarin u het mediabestand wilt stoppen en klik hierna met uw rechtermuisknop op de folder. Om een nieuw mediabestand in de mediamap te zetten klikt u op ‘aanmaken’ waarna de volgende Pop-up verschijnt.
Selecteer hier het type mediabestand welke u wilt gaan inzetten en geef het mediabestand een naam. Wanneer u de ‘Aanmaken’ knop heeft geklikt verschijnt er een nieuw scherm met de eigenschappen van het mediabestand. D.m.v. de ‘Browse’ ( ) knop te klikken kunt u een mediabestand op uw eigen computer aangeven welke u wilt gaan gebruiken binnen het
CMS. Nadat u het mediabestand heeft aangegeven klikt u op de knop waarna het mediabestand te gebruiken is binnen het CMS. Het uploaden kan even duren indien het een groot mediabestand is. Standaard kunt u mediabestanden uploaden van maximaal 2Mb groot; indien wenselijk kan Arlanet dit maximum ophogen.
Een nieuwe pagina aanmaken Om een nieuwe pagina te maken gaat u naar ‘Home’ en klik er met uw rechtermuisknop op. Er verschijnt dan een venster met verschillende keuzemogelijkheden. In dit venster klikt u op ‘aanmaken’.
Nadat u op ‘aanmaken’ heeft geklikt verschijnt er een pop-up waarin u kunt aangeven wat voor documenttype u wilt aanmaken en wat de naam is van de nieuwe pagina.
Nadat u de naam van de nieuwe pagina heeft aangegeven (inclusief het document type) zult u de aangemaakte pagina terugvinden in het navigatie menu. Zoals u waarschijnlijk ziet is de zojuist aangemaakte pagina lichter van kleur dan de overige pagina’s. Dit is om ervoor te zorgen dat u in één oogopslag kunt zien welke pagina’s nog niet online gezet zijn. U hoeft de nieuwe pagina niet online te zetten om te zien hoe deze eruit ziet. Het is namelijk ook mogelijk om een voorbeeld van de nieuwe pagina te zien zonder dat deze online staat met behulp van de
knop.
Indien u tevreden bent na het invoeren van de nieuwe content en het voorbeeld gezien te hebben kunt u de pagina publiceren. Wanneer u op de knop klikt, zal de zojuist aangemaakte pagina online te zien zijn. Wanneer de pagina gepubliceerd is zult u merken dat de lichtere kleur van de nieuwe pagina verdwenen is en de pagina dezelfde kleur heeft als de overige pagina’s. Dit is het teken voor u dat de pagina binnen het CMS zowel opgeslagen als gepubliceerd is.
Het is echter niet noodzakelijk om een nieuw aangemaakte pagina direct te publiceren. Om verschillende redenen kan het wenselijk zijn de nieuwe pagina nog niet online te tonen maar wel op te slaan binnen het CMS zodat de pagina bijvoorbeeld op een later tijdstip afgemaakt kan worden. Indien u dit wilt bereiken kunt u na het maken van een nieuwe pagina de (opslaan) knop gebruiken. Zolang de pagina niet gepubliceerd is zal deze een lichtere kleur hebben dan de pagina’s die al gepubliceerd zijn. Uiteraard is het ook mogelijk om een reeds gepubliceerde
pagina te depubliceren. Ga hiervoor naar de tab ‘Eigenschappen’ van betreffende pagina en klik u op de ‘Depubliceren’ knop.
Na het klikken op de ‘Depubliceren’ knop zal de titel van de pagina in het navigatie gedeelte lichter van kleur worden. U kunt de pagina nu eventueel bewerken en opnieuw gaan publiceren.
5. Sorteren Indien u de sorteervolgorde van een bepaalde pagina wilt veranderen kan dit vrij eenvoudig binnen het navigatie gedeelte van het CMS. Klik met uw rechtermuisknop op de bovenliggende folder van de pagina’s die u wenst te sorteren. Als voorbeeld gaan we de nieuwe pagina ‘Name of Page’ verplaatsen tussen de items ‘Deelnemers’ en ‘Media’. Volg de onderstaande procedure o te kunnen sorteren en het gewenste effect te bereiken.
Klik met uw rechtermuisknop op de bovenliggende folder van de pagina die u wenst te sorteren. In ons voorbeeld is dat de ‘home’ folder. Klik hierna op Sorteren en er zal een nieuw venster openen.
In dit nieuwe venster ziet u een overzicht van de pagina’s welke onder de folder ‘home’ vallen. Zoals u ziet staat hier ook de pagina welke we willen sorteren, namelijk ‘Name of Page’. U kunt binnen het venster alle pagina’s sorteren m.b.v. de zogenaamde sleepmethode. U klikt hiervoor met uw linkermuisknop op de pagina ‘Name of Page’ (houd linkermuisknop ingedrukt) en sleep deze tussen de ‘deelnemers’ en ‘media’ pagina waarna u de linkermuisknop loslaat.
Indien het gewenste resultaat is behaald dient u nog op de ‘opslaan’ ( ) knop te klikken en u bent klaar met sorteren. Zoals u hieronder kunt zien is de plek van de nieuwe pagina ‘Name of Page’ nu zoals we wilden bereiken tussen de pagina’s deelnemers en media!
6. Nieuwe Gebruikers Binnen het CMS systeem is het tevens mogelijk om onderscheid te maken tussen verschillende type gebruikers van het CMS en hier eventueel individuele restricties of rechten aan een bepaalde gebruiker te geven. Dit is vooral erg handig indien u wilt dat bepaalde mensen geen toegang hebben tot een bepaald gedeelte van het CMS. Wij adviseren bijv. om de secties ‘Settings’ en ‘Developer’ uit te schakelen voor algemeen gebruik. Dit omdat beide secties bij elkaar het “hart” van het CMS zijn. Indien een gebruiker hier wijzigingen maakt is de kans groot dat de website niet meer er uit ziet zoals de bedoeling was of nog erger… de website werkt niet meer! Om dit te voorkomen geven we de meeste gebruikers geen toegang tot deze onderdelen van het CMS. In onderstaand voorbeeld gaan we een nieuwe gebruiker aanmaken welke alleen toegang krijgt tot het ‘Content’ en ‘Media’ gedeelte van het CMS. Dit is eigenlijk een standaard profiel voor gebruikers die bestaande pagina willen aanpassen of nieuwe pagina’s willen maken. In het Sectie gedeelte klik op ‘Users’.
Na geklikt te hebben ziet u alle gebruikers onder het kopje ‘Users’. Klik nu met uw rechtermuisknop op de tekst ‘Users’ en klik hierna met uw linkermuis op ‘Aanmaken. Hierna zal een nieuw venster opkomen waarin u de inlognaam van de gebruiker kunt aangeven. Wanneer u hierna op OK klikt, zal de nieuwe gebruiker aangemaakt worden en kunnen we deze nieuwe gebruiker voorzien van specifieke rechten binnen het CMS. In dit geval dient u voor deze nieuwe gebruiker bij de modules aan te geven tot welke onderdelen de gebruiker toegang heeft. In dit geval selecteren we de modules ‘Content’ en ‘Media’. U kunt meerdere modules selecteren door de CTRL knop op uw toetsenbord ingedrukt te houden. Hierna kunt u aangeven in welk gedeelte van de content de gebruiker toegang heeft alsmede bij de media. U kunt ook nog specifieke gegevens van de gebruiker aangeven zoals het email adres, wachtwoord, inlognaam en niet geheel onbelangrijk de taal.
