CMS /Manager Snelstarter Handleiding voor het CMS / Manager Version 1.2 Date Mei. 2013 Author Intermix Intermix Management B.V. www.intermix.nl Intermix.nl/linkedin Rijnstraat 323 Twitter.com/intermixnl 3363 EJ Sliedrecht Facebook.com/intermixnl +31 (0)184 43 30 17
Inleiding Inhoudsopgave Het Content Management Systeem van Intermix Management zorgt ervoor dat u op een eenvoudige wijze zelf uw website kunt beheren. Menu's aanmaken, pagina's onderhouden, automatisch dode links laten repareren en statistieken bekijken zijn slechts een begin van het CMS. Deze snelstart handleiding is bedoeld om een goede basis aan te bieden om met de functionaliteiten van het CMS aan de slag te kunnen. In de volgende hoofdstukken worden de fijne kneepjes goed en eenvoudig uitgelegd. INLEIDING... 1 INHOUDSOPGAVE... 1 1. MANAGER... 2 INLOGGEN... 2 PROFIELEN... 2 MODULES... 3 DUBBEL TAB SYSTEEM... 3 2. PAGINA'S EN MENU'S... 4 PAGINA S... 6 INHOUD... 7 PAGINA INDELING (GEAVANCEERD)... 10 SEO... 11 VOORBEELD... 11 MENU S... 12 NIEUW MENU... 12 VASTE OBJECTEN... 13 MEERTALIGHEID... 13 LIJSTEN... 14 ITEM AANMAKEN OF BEWERKEN... 15 ITEM VERWIJDEREN... 15 SUPPORT... 16 1
1. Manager Achter de website of webapplicatie zit de basis beheermodule, genaamd de manager. De manager kan eenvoudig bereikt worden door de vooraf besproken domeinnaam in te typen met '/manager' erachter. Bijvoorbeeld: "http://www.mijndomein.nl/manager". Inloggen Deze komt direct uit op het inlog gedeelte van de Manager. Hier kan ingelogd worden met de verkregen gebruikersnaam en wachtwoord. Na het inloggen wordt de homepagina van de manager weergegeven. Hier kan de keuze gemaakt worden om direct naar een module te gaan of deze bovenin via het applicatie menu te kiezen. Profielen De mogelijkheden in het applicatiemenu en configuratiemenu zijn afhankelijk van de rechten. De ingelogde persoon kan op grond van een basis of een geavanceerd profiel inloggen. Het verschil hiervan zijn de mogelijkheden binnen de manager. Een geavanceerde gebruiker heeft meer mogelijkheden met betrekking tot diepgaande wijzigingen in bijvoorbeeld de template van de website. Basis gebruikers kunnen optimaal van de gebruiksvriendelijkheid gebruik maken en puur gemakkelijk pagina en menukopjes aanmaken. 2
Modules Binnen de standaard manager zijn er meestal een tweetal standaard modules aanwezig. Middels deze modules kan de basis website eenvoudig beheerd worden. Via het applicatie icoon in the menubalk zijn de modules te benaderen. PAM ( Pagina's en menu) Middels de PAM kan er zeer eenvoudig menukopjes en pagina's gemaakt worden waarmee bepaalde content blokken op, die op de website gedefinieerd zijn optimaal beheerd kunnen worden. Lijsten Nieuwsfeitjes, referenties, evenementen en vele andere opsommingen kunnen in deze module in overzichtelijke lijsten ondergebracht worden. Wanneer er meer modules geïmplementeerd zijn, zijn deze ook benaderbaar via het applicatie icoon. Dubbel tab systeem De manager is ontworpen met een dubbel tab systeem. Dit wil zeggen dat er via geselecteerde tabs de informatie eenduidig in beeld komt en dus de verdeling van informatie onder de tabs de gebruiksvriendelijkheid ten goede komt. Elke tab bevat een titel zodat direct duidelijk is wat er onder deze tab zich bevindt. De geselecteerde tab wordt wit weergegeven en de onderst rand word weggelaten. Op deze manier is het duidelijk waar men zich precies bevind binnen de tabstructuur. 3
2. Pagina's en Menu's Aan de hand van het rechtenniveau worden de menuopties aan de linkerkant van het scherm getoond. Deze zullen altijd bereikbaar blijven binnen de pagina en menu module. De opties in het kort; Pagina's Beheer eenvoudig de website pagina s. Creëercontent, afbeeldingen en maak pagina s compleet. Menu's De menustructuur kan beheerd worden via de menu s. Creëer een eigen menu en koppel eenvoudig de pagina s. Vaste objecten Objecten binnen de website die altijd dezelfde inhoud bevatten en op meerdere plekken terug kunnen komen. Bewerk dus slechts eenmalig de content. Dode links Het radarsysteem waarmee dode links kunnen worden onderschept, verbeterd of doorverwezen worden. Statistieken Bekijk en meet de resultaten van bezoeken op de website en pagina s middels een gebruiksvriendelijk overzicht. In/uit klappen van menu voor meer ruimte in schema. 4
Pagina s en systeempagina s De pagina s worden in algemene pagina s en systeempagina s opgedeeld. De systeempagina s zijn benodigd door het systeem voor een volledige werking en functioneren van de applicatie. Bijvoorbeeld foutmelding pagina s vallen hieronder en zijn te bewerken voor een gebruiksvriendelijke melding. Button functies Voor de gehele manager gelden er standaard functies o.a. met de betekenis en werking van bepaalde knoppen: - Voorbeeld weergave, in bovenstaand voorbeeld een preview van de pagina's. - Bewerk het bijgaande item. - Verwijder het item. - Zoeken binnen het overzicht. - Maak een nieuw item. - Opslaan van aangemaakte of aangepaste items - Zet een item actief of inactief, waardoor deze (on)zichtbaar is voor het publiek 5
Pagina s Binnen het pagina overzicht zijn er een divers aantal icoontjes beschikbaar. Met het huisje eenvoudig de homepage geselecteerd worden. kan Een nieuwe pagina kan gemaakt worden door te klikken op het blauw plusje de pagina kan dan bepaald worden.. De configuratie van Pagina naam De naam van de pagina, wat iets zegt over welke inhoud de pagina gaat bevatten. Pagina URL Wordt automatisch aangemaakt a.d.h.v. de ingegeven titel, zodat direct een zoekmachine geoptimaliseerde (SEO) URL ontstaat. Template Geeft de template van de pagina aan. Dus betekent dus welke inhoud en content blokkende pagina zullen vormgeven. Categorie Optioneel om de pagina in een categorie onder te verdelen om overzicht te behouden bij veel pagina s. Nadat de pagina is aangemaakt verschijnen een divers aantal nieuwe tabbladen; 6
Inhoud Onder dit tabblad kan de pagina van content voorzien. Elk content blok welke gevuld kan worden, door op het potloodje te klikken kent een eigen kenmerk. Afbeelding Gericht op het uploaden van een afbeelding, linkoptie, titel, afmetingen, etc. Tekstblok Voorzien van een WYSIWYG editor. Waarmee content in een Word achtige omgeving kan worden geschreven. Tekst editor De tekst editor geeft de mogelijkheid om in een word omgeving de tekst op te kunnen maken en er goed uit te laten zien. Deze tekst editor komt overal naar voren waar er teksten voor de website met een opmaak ge-styled kunnen worden. # Omschrijving # Omschrijving # Omschrijving 1 Aangepaste alinea 2 Overrule lettertype 3 Overrule tekengrootte 4 Vet 5 Cursief 6 Onderstreept 7 Doorhalen 8 Links uitlijnen 9 Centreren 10 Rechts uitlijnen 11 Uitvullen 12 Historie openen 13 Wijzigingen opslaan 14 Knippen 15 Kopiëren 16 Plakken 17 Plakken als platte tekst 18 Vanuit Word plakken 19 Ongedaan maken 20 Herhalen 21 Opsomming 22 Nummering 23 Inspringen verkleinen 24 Inspringen vergroten 25 Link invoegen 26 Link verwijderen 27 Anker invoegen 28 Afbeelding invoegen 29 HTML code bekijken 30 Overrule tekstkleur 31 Tekst markeringskleur 32 Scheidingslijn invoegen 33 Symbool invoegen 34 Media invoegen 35 Scheidingslijn creëren 36 Volledig scherm Let op: Om een enter, nieuwe regel in te kunnen voegen moet er gewerkt worden met shift + enter. Dit omdat er anders een nieuwe paragraaf verschijnt in plaats van een enkele nieuwe regel. 7
25. Linkjes invoegen Binnen de pagina kunnen er allerlei interne of externe linkjes geplaatst worden om te verwijzen naar een pagina binnen de eigen website of naar een externe website. Door een stuk tekst te selecteren, waar de link achter gezet wordt kan er op het icoontje geklikt worden. In het venster kan er een URL worden opgegeven die naar het doel zal verwijzen. Interne link Wanneer er een interne link wordt gemaakt kan er geklikt worden op de pagina icoontje. Er wordt een nieuw venster geopend waarin alle beschikbare pagina's gekozen kunnen worden. Door de gewenste pagina aan te klikken wordt er direct een link gemaakt naar de pagina. Externe link Bij een externe link kan er direct een adres ingetypt worden. Als voorbeeld: www.intermix.nl. Het systeem zal vragen of het een externe link is, daarop zal het systeem automatisch "http://" ervoor zetten zodat de link geheel juist is. Na het opslaan van de pagina is op de website direct de link aangemaakt. Linkjes verwijderen Linkjes kunnen ook weer verwijderd worden. Door de tekst te selecteren waar de link zich achter bevindt kan deze weer verwijderd worden door op het gebroken linkje te klikken (#26). De link wordt hierdoor verwijderd en is de tekst weer 'plat' geworden. 8
28. Afbeelding invoegen: Via de knop 'afbeelding invoegen' kunnen eenvoudig afbeeldingen binnen de pagina zelf toegevoegd worden. Door op het knopje 'Bladeren' te klikken achter Bestand/URL. Wordt de eenvoudige file browser geopend waar door de mappen gebladerd kan worden voor een goede afbeelding. Door op het 'Invoeg' knopje te klikken wordt de afbeelding geselecteerd en het scherm gesloten. Na het invoegen kan de afbeelding qua positie en grootte worden opgemaakt. Door aan de hoekjes aan de buitenkant van de afbeelding te slepen kan deze in een goed formaat worden opgemaakt. Afbeelding uploaden Er kunnen ook nieuwe afbeeldingen ge-upload worden aan de rechterkant van het venster. Door te klikken op 'bestanden uploaden' kunnen er allerlei foto's gesleept worden naar het vak en met één druk op de knop ge-upload worden. Let op: Om de laadtijd van de pagina kort te houden is het aan te raden de afbeelding te verkleinen alvorens het te uploaden, zodat er bij het openen van de pagina geen grootte afbeeldingen geladen dienen te worden. 9
Pagina indeling (Geavanceerd) Vanuit de pagina template zijn er contentblokken bepaald. Deze contentblokken staan in een vaste indeling die op de website getoond worden. De geavanceerde gebruiker kan echter per pagina andere contentblokken gebruiken door deze te verwijderen of toe te voegen. Op deze manier kan elke pagina uniek worden opgebouwd. Objecten per content blok Door te klikken op een gebied op de pagina worden de huidige contentblokken zichtbaar. Elk contentblok kent de opties: - Bewerk het item - Bewerk de style van het blok - Verwijderen ( enkel op de huidige pagina ) - Verander de volgorde van contentblokken Object toevoegen Aan elke pagina kan naar wens een object toegevoegd worden. De gebruiker kan het object toevoegen door op de blauwe button te klikken. Onder de module worden alle beschikbare objecten getoond die met een klik op de knop toegevoegd is. Nadat het object toegevoegd is kan deze middels css gestyled worden op de pagina en gevuld worden met content. 10
SEO Onder het tabblad SEO kan worden aangegeven waar de pagina werkelijk over gaat. Dit is belangrijke informatie voor zoekmachines. Dus hoe beter de pagina gespecificeerd wordt, hoe beter uiteindelijk de pagina vindbaar is. Met het vinkje handmatige invoer kan door de gebruiker zelf meta gegevens ingegeven worden. De meta wordt de eerste keer vanuit de ingegeven titel en automatisch gevuld. Als deze dus goed ingevuld is, wordt de meta ook direct netjes. Het is het dus wel belangrijk om de meta even langs te lopen, gezien dit vanuit Google direct zichtbaar is. De meta description moet niet langer zijn dan 2 á 3 regels. Voorbeeld Het tabje voorbeeld geeft direct een real-time weergave weer van de pagina in de huidige status. Op de manier kan tijdens het bewerken van een pagina direct even heen en weer geschakeld worden van een preview en naar het aanvullen van content. 11
Menu s Bij het navigeren naar 'Menu's' wordt er een overzicht gegeven van de beschikbare menu's die in de website zijn verwerkt. Hier kan er gekozen worden om een nieuw menukopje aan te maken of een bestaande te bewerken. De buttons in het menu overzicht Nieuw submenu maken Bewerk het menuitem Verplaats een menu Verwijderen Bepaald de volgorde van het menu Nieuw menu Het maken van een nieuw menukopje kan geschieden door te klikken op de blauwe button onder een bestaand menu. De titel kan direct ingevoerd worden evenals de positie in de volgorde van het menu door deze naar onder of boven te slepen. Bij het maken van een nieuw menu item kan ook (mits dit in het design passend is) een afbeelding bij het menu item geüpload worden. De publish en unpublish datum zorgt ervoor dat het item op een bepaalde datum zichtbaar en weer onzichtbaar wordt op de website. Dit is echter optioneel. 12
Vaste objecten Vaste objecten zijn onderdelen binnen de website die altijd dezelfde inhoud bevatten en op meerdere plekken terug kunnen komen. Het voordeel van een vast object is het eenmalige bijwerken van het object en op elke plek binnen de website is het betreffende blok bijgewerkt. Voorbeelden van vaste objecten zijn een logo, contact gegevens, een standaard 'meer weten' tekst, enz. Deze objecten kunnen allemaal meerdere keren in de website terugkeren terwijl de inhoud van de objecten hetzelfde zijn. Ook deze objecten kunnen eenvoudig via het potlood opslaan is het object direct op de website bijgewerkt. bijgewerkt worden via de editor. Na het Meertaligheid Naast de velden die er ingevuld kunnen worden staan er af en toe vlaggetjes. Onderaan van het veld staan er meer vlaggetjes ook van andere landen, hier is de mogelijkheid om van taal te wisselen. 13
Lijsten Onder het applicatiemenu in de manager kan de lijsten module geopend worden. De lijsten module is ontworpen om nieuwsfeitjes, referenties, evenementen, enz. eenvoudig onder te brengen. In de lijsten module wordt er links in het navigatiemenu en het overzicht de reeds aangemaakte categorieën weergegeven. Door op het potloodje van een categorie te klikken kan de categorienaam bewerkt en opgeslagen worden. De inhoud van de categorie wordt weergegeven als er in het navigatiemenu op een betreffende categorie geklikt wordt. In de geselecteerde categorie kan er een nieuw item aangemaakt worden of een bestaande bijgewerkt worden. 14
Item aanmaken of bewerken Bij het aanmaken of bewerken van een lijst item moeten een aantal velden gevuld worden. Per lijst type kunnen de velden afwijken; Algemeen De naam van het item. Afbeelding welke bij het item wordt getoond Een inleidende tekst Interne of externe link Publish& unpublish voor automatische (de)publicatie wanneer het item (niet meer) geldig is SEO Handmatige SEO invoer Afbeeldingen Meerdere afbeelding kunnen er in gezet worden Item verwijderen Lijst items kunnen ook eenvoudig op non-actief worden gezet of verwijderd worden. Non-actief wil zeggen dat het item op de website niet te zien is. In de manager kan op het groene of rode balletje geklikt worden om het item te publishen of te unpublishen. Door op de prullenbak te klikken bij een bijgaand item kan deze verwijderd worden. Wanneer deze verwijderd is, is deze zowel op de website als in de manager weg. 15
Support Deze snelstart handleiding is geschreven om u snel een start te laten maken met de applicatie en u optimaal alle functionaliteiten kunt ervaren. Het kan echter voorkomen dat u meer toereikende informatie nodig heeft of een opgelopen probleem graag wilt melden aan Intermix Management zodat er nog betere software ontwikkeld kan worden. Hiervoor zijn de volgende manieren: E-mailen U kunt een e-mail met uw vraag sturen naar: support@intermix.nl Deze email komt bij de support terecht waarna deze automatisch in behandeling wordt genomen. Bellen Wilt u graag een vraag persoonlijk stellen? U kunt dan bellen naar Intermix: +31 (0)184 43 30 17 16