1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
Gebruikershandleiding Module 1: Basis functionaliteiten
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
Inhoudsopgave 1. Introductie & modules 1.1. De opbouw van uw website 1.2 Templates & handleiding modules 2. Inloggen & Werkbalk 2.1. Het log-in scherm 2.2. De werkbalk 3. Website-overzicht 3.1 categorie instellingen 4. Pagina-overzicht 4.1. (sub-)Pagina's aanmaken en instellingen wijzigen 5. Pagina wijzigen 5.1. De editor 5.1.1. Afbeelding toevoegen 5.1.2. Link/download toevoegen 5.1.3. Media toevoegen 5.2. Paragrafen toevoegen 5.3. Prikbord 5.4. Forum aanzetten 5.5. RSS 6. Profielbeheer 6.1 website redactie 6.1.2. Rechten van gebruikers aanpassen 6.2 Leden van de website 6.2.1.Handmatig nieuwe gebruiker toevoegen / Gebruiker wijzigen 6.2.2 Adreslijsten importeren
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
1. Introductie & modules Uw website is opgeleverd met JORR-CMS en kunt u dus zelf onderhouden. Deze handleiding probeert u snel op weg te helpen. JORR-CMS probeert de bediening zo intuïtief mogelijk te houden zodat u zonder deze handleiding ook al snel thuis bent in het systeem. In deze handleiding behandelen we de meeste basisfuncties. Om verwarring te voorkomen gaan we niet overal al te diep op in. Extra modules voor deze handleiding zijn te downloaden op onze website en daarnaast kunt u natuurlijk altijd contact opnemen met onze helpdesk (email, chat en telefoon). Daarnaast wordt het basis-CMS wel eens uitgebreid of worden er kleine aanpassingen gedaan. Dit kan een extra template zijn, maar ook een extra vinkje hier of daar, een extra invoerveld, een verandering in stijl of design etc. etc. Over het algemeen zult u hier geen hinder van ondervinden. Mocht u toch zaken tegenkomen die u niet eerder gezien heeft, dan kunt u de nieuwste versie van de handleiding downloaden op onze website. Het versie-nummer van de handleiding is onderaan elke pagina te vinden. Als er grote veranderingen doorgevoerd worden, krijgt u hier uiteraard bericht over.
1.1. De opbouw van uw website Voordat u kunt starten met het 'vullen' van uw website moet u de indeling aan de voorkant weten (hetgeen de bezoeker ziet). Doorgaans is een website voorzien van onderstaande vaste velden. Het vastgestelde design bepaald waar deze velden zijn geplaatst. 1. Banner Per pagina kan een aparte banner worden ingesteld (en eventueel gelinkt). Dit kan de header van uw website zijn, een afbeelding, uw logo, etc. (hoofdstuk 4.1) 2. Het Menu Deze is aan te passen d.m.v. de navigatie in het CMS te wijzigen. (hoofdstuk 4) 3. Meta-menu Bij veel websites ziet u naast het standaard menu een extra menu onder- of bovenaan de website. Vaak staan hier een aantal vaste items zoals bijvoorbeeld contact, home, disclaimer en/of sitemap. Dit meta-menu staat meestal vast in het design, en is dus niet zelf aan te passen, de inhoud van deze achterliggende pagina's natuurlijk wel. 4. Content-veld Dit is het grootste en belangrijkste veld van uw site, wat helemaal door u zelf samen te stellen is. Dit gebeurt d.m.v. templates. (hoofdstuk 5) 5. Prikborditems Extra kleine blokken rondom uw content-veld. Deze zijn ook weer per pagina zelf te 'vullen' met bijvoorbeeld afbeeldingen, tekst, links, quotes etc. (hoofdstuk 5.3) Naast deze 5 velden is het mogelijk dat er tijdens het design-traject rekening is gehouden met extra velden die automatisch worden gegenereerd, zoals bijvoorbeeld advertenties, nieuws-items etc. Deze zijn meestal op een andere manier te bewerken. Dit verschilt per website dus zal besproken worden bij oplevering van de website.
1.2 Templates & handleiding modules De grote content-velden worden 'gevuld' door middel van verschillende Templates. Zo is er een standaard template: 'Pagina' waar u als het ware 1 groot veld heeft wat u zelf kunt vullen. Maar daarnaast zijn er ook templates voor nieuwsitems, foto-albums, FAQ's, etc. In deze handleiding bespreken wel alleen de basis: het template 'Pagina'. Mochten er voor uw website meerdere templates worden gebruikt dan kunt u dit deel van de handleiding downloaden van onze website.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
Als u meerdere templates wilt gaan gebruiken terwijl hier geen rekening mee is gehouden tijdens de oplevering van uw website, dan kan het zijn dat deze opnieuw 'gestijld' moeten worden. Neem voor meer informatie contact met ons op. Een aantal van de beschikbare templates, deze handleidingen kunt u binnenkort downloaden van onze website: 1. Pagina: In dit template bestaat de content uit 1 groot veld wat u zelf naar wens kunt invullen met tekst, afbeeldingen, media, links, paragrafen etc. 2. Nieuws: Hier heeft u de mogelijkheid om op de pagina een overzicht te genereren van actuele items voorzien van datum, titel, introductietekst en eventueel een meta-afbeelding. Daarnaast staat doorgaans onder elke introductie een link (lees verder>) naar een achterliggende pagina met bijvoorbeeld het totale nieuwsbericht. 3. FAQ / Veelgestelde vragen: Een pagina beginnend met een serie links (meestal vragen) welke verwijzen naar korte blokjes tekst/ paragrafen (meestal antwoorden) verder op de pagina. 4. Fotoboek: Hier heeft u de mogelijkheid om in 1 keer meerdere afbeeldingen te uploaden. Het CMS genereert automatisch een overzicht-pagina met 'thumbnails' (kleine afbeeldingen). Deze zijn klikbaar waardoor de grote afbeelding wordt weergegeven in een lightwindow. URL: Door middel van het template URL kunt u een menu-item door laten linken naar een externe website. Daarnaast is het mogelijk om een externe pagina of frame binnen uw eigen website te tonen.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
2. Inloggen & Werkbalk Voordat u gebruik gaat maken van het CMS moet u een gebruikersnaam en wachtwoord hebben, deze krijgt u bij oplevering van uw website. U gaat naar het webadres waar het CMS staat, ook deze gegevens krijgt u bij installatie van het CMS. Als u dit document uitprint en bewaart kan het makkelijk zijn de inlog gegevens die u gekregen heeft hier op te schrijven: Web adres:
….....................................................
Mijn gebruikersnaam:
….....................................................
Mijn wachtwoord:
….....................................................
2.1. Het log-in scherm
Het loginscherm
Gebruikersnaam & wachtwoord: Hier vult u uw persoonlijke gegevens in. TIP: Het is niet mogelijk 2 keer met dezelfde gebruiker ingelogd te zijn. Daarom kunt u zelf als Admin nieuwe gebruikers aanmaken. Onder het login-scherm staan nog drie links. • Changes is een logboek van alle aanpassingen die in het CMS zijn doorgevoerd. Zo kunt u zien welk versienummer u exact heeft en of een bepaalde update al is doorgevoerd. • Bij Licence kunt u de gebruikerslicentie van het CMS inzien. • Support linkt naar de website van JORR CMS.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
2.2. De werkbalk Nadat u bent ingelogd ziet u bovenaan elke pagina in het CMS een werkbalk. Hierin staan de functies die u overal nodig heeft.
De werkbalk
•
• • • •
Terug naar Home: Het eerste icoon aan de linkerkant is een huisje. Deze staat voor de allereerste pagina na het inloggen. Hier staat het overzicht van alle websites en categorieën die in uw CMS zitten. Klik op dit icoon om hier naartoe terug te keren. (hoofdstuk 3) Gebruikersbeheer: Het tweede icoon (mannetje) is voor het gebruikersbeheer, klik hierop om gebruikers in te zien, te wijzigen, te verwijderen of aan te maken. (hoofdstuk 6) Uitloggen: Het derde icoon is om uit te loggen, gebruik dit als u het CMS wilt afsluiten. Mailing: Het vierde icoon (envelop) is voor mailings. Hierin kunt u en email opstellen en deze naar een groep ingeschreven gebruikers sturen. (handleiding module ‘mailings’) Direct Chat: Aan de rechterkant heeft u de “Direct Chat” knop. Op het moment dat deze groen is kunt u gelijk een vraag stellen aan de helpdesk van Cross Avenue. Omdat wij ook links kunnen sturen en mee kunnen kijken bij u in het CMS kunnen we vaak effectiever helpen over de chat dan aan de telefoon. Ook als de knop rood is, kunt u een vraag voor ons achterlaten. Wij nemen dan zo spoedig mogelijk contact met u op.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
3. Website-overzicht
website/ categorie overzicht.
In het home-scherm ziet u een overzicht van alle websites en categorieën binnen die websites. Categorieën zijn bijvoorbeeld delen van de site met een andere vormgeving of in een andere taal. Een categorie is dus eigenlijk een subsite binnen een website. De namen van elke site staan groot boven de opsomming van categorieën, de categorieën hebben de volgende kolommen. • Categorie: De naam van de categorie. • Instellingen: de instellingen van de categorie wijzigen • Pagina's: naar het overzicht van pagina's binnen de categorie (hoofdstuk 6) • Snel naar: Snel naar het edit-scherm van een pagina binnen die categorie. • Taal: de taal van de categorie.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
3.1 categorie instellingen
categorie instellingen
Als er in het site-overzicht op instellingen wordt geklikt komt u in een scherm waarin u de systeem-instellingen van een categorie kan wijzigen. Deze bestaat uit de volgende onderdelen: • Standaard home-page: de pagina binnen de categorie die standaard als eerste wordt geopend. • Titel van de website: de algemene titel van de website (staat doorgaans boven in uw browser / tabblad) • Korte beschrijving van de site: een korte omschrijving waarover uw website gaat. (voor zoekmachines) • Sleutelwoorden van de website: de sleutelwoorden van uw website, gescheiden door komma's. (voor zoekmachines) De omschrijving en sleutelwoorden worden overgenomen door alle pagina's in de categorie. Om specifiekere sleutelwoorden toe te voegen kan er ook per pagina omschrijvingen en sleutelwoorden worden aangegeven. (hoofdstuk 4.1)
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
4. Pagina-overzicht Door in het site-overzicht op de knop pagina's te klikken komt u in het pagina-overzicht van pagina's van de betreffende categorie.
Pagina-overzicht / navigatiestructuur
De lijst geeft alle hoofd en submenu-items weer. De hoofdmenu-items hebben een donkerdere kleur, submenu-items zijn ingesprongen. Het overzicht bestaat uit de volgende kolommen. • Navigatie-knoppen: Sleep deze pijltjes naar boven of beneden om het menu op uw website aan te passen. Vergeet daarna niet om op de knop te klikken “Deze volgorde opslaan” • Aan / uit: Zet het menu-item aan of uit, een item wat uit staat zal niet in de website te zien zijn. • Menunaam: De naam van het menu-item zoals deze op de website zichtbaar is. • Acties: Per pagina zijn er 2 of 3 acties, van links naar rechts: • Pagina bewerken (hoofdstuk 5) • Instellingen voor de pagina (hoofdstuk 4.1) • Nieuw sub-menu-item aanmaken onder hoofdmenu-item (hoofdstuk 4.1) • Verwijderen: De kolom verwijderen bestaat uit 2 knoppen. • Het prullenbakje om het item te verwijderen. • Een slotje om het menu-item vast te zetten. Als een menu-item op slot is gezet kan deze niet zomaar verwijderd worden. Ook kan deze dan niet uit of aan worden gezet. Vaak wordt een item op slot gezet als het van belang is dat het item in het systeem blijft staan omdat bijvoorbeeld het design een harde link naar de pagina heeft. Om een hoofdmenu-item aan te maken klikt u op de knop “Voeg nieuw menu-item toe” onder aan de lijst met menuitems. Door in de werkbalk op het huisje (home knop) te klikken komt u weer in het overzicht van categorieën en sites (hoofdstuk 3)
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
4.1. (sub-)Pagina's aanmaken en instellingen wijzigen Als u op de knop instellingen achter een pagina klikt, of een nieuw (sub)menu item aanmaakt krijgt u het volgende scherm te zien:
Pagina-instellingen Hier heeft u de volgende invoervelden: • Menu naam: De naam van het menu zoals deze ook in menu op de website en in het CMS te zien zal zijn. TIP: Omdat deze menuitems ook gebruikt worden in de url kunt u beter geen speciale tekens (& é ë etc.) gebruiken in de menu namen. Deze zullen wel goed worden weergegeven op de website, maar in de URL zullen deze worden vervangen voor HTML characters. In plaats van een spatie komt een - te staan in de url. • Korte beschrijving: (voor zoekmachines): Dit is een korte beschrijving van de pagina. • Sleutelwoorden: (voor zoekmachines): Dit zijn de sleutelwoorden van deze pagina. • Template: Hier kunt u het template kiezen voor deze pagina. Zoals eerder besproken bepaalt het template hoe de inhoud van de pagina wordt weergegeven. (hoofdstuk 1.2) • Banner: Op de meeste websites die wij opleveren kunt u zelf een banner veranderen (meestal de header van de website, uw logo, een afbeelding, reclame-banner etc.) U kunt een banner kiezen of uploaden door op de eerste knop te klikken. De tweede knop met het kruisje verwijderd de gekozen banner. Daarnaast staat een miniatuurweergave van de gekozen banner. Voor elke pagina moet handmatig een banner worden ingesteld. • Banner-link: Dit is de link van de banner, als de banner naar de home-pagina moet linken kunt u deze leeg laten. • Pagina afschermen: Als een website ingeschreven leden heeft kunt u deze pagina afschermen voor bezoekers. Alleen de leden van een bepaalde groep kunnen dan de pagina dan bekijken, na inloggen met gebruikersnaam en wachtwoord.(hoofdstuk 6.2)
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
•
Editors: U ziet hier w redactie-leden staan die in het profiel-beheer-scherm alleen het recht “Inhoud” hebben. Per pagina kunt u aangeven welke editor(s) de pagina mag bewerken. (Hoofdstuk 6.1) Als de wijzigingen zijn gemaakt, klikt u op de knop met het vinkje onderaan, om te annuleren klikt u op het knopje met de pijl naar links om dit scherm te verlaten.
TIP: Wilt u een menu-item aanmaken, maar wilt u niet dat deze in uw menu op uw website getoond wordt? Begin de menu-naam dan met een “_”
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
5. Pagina wijzigen Als u in het pagina overzicht klikt op het icoon 'aanpassen' kunt u de inhoud van die pagina aanpassen.
het edit-scherm • • • • • • • • • •
Bij wijzig staat het pad van de pagina, u kunt terug navigeren door op een item voor de huidige pagina te klikken. Bij Navigeer naar kunt u snel naar een andere pagina navigeren in de huidige categorie door deze in de dropdown te selecteren Vergrootglas: Door hier op te klikken kunt u een preview van de pagina zien (wel eerst opslaan) Tabbladen: We starten standaard bij “Inhoud” In de volgende paragrafen staat aangegeven hoe de andere tabbladen “Prikbord”(5.3), “Forum” (5.4) en “RSS” (5.5) werken. De titel is de titel die op uw site bovenaan de pagina staat De editor maakt het mogelijk om de pagina geheel aan te passen (hoofdstuk 5.1) De knop terug (pijl naar links) annuleert de wijzigingen en gaat terug naar de vorige pagina De knop opslaan (het vinkje) slaat de huidige aanpassingen op Onder paragrafen staan alle eventuele paragraven (hoofdstuk 5.3) Het plusje maakt een nieuwe paragraaf aan.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
5.1. De editor In de editor kunt u de inhoud aanpassen op een manier zoals u in bijvoorbeeld Word of een e-mailprogramma gewend bent. Hieronder zier u per balk de iconen beschreven wat ze doen. Om de iconen beter te kunnen vinden hebben we ze genummerd:
de 1e balk 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
15. 16. 17. 18.
Maakt de laatste verandering ongedaan. Brengt een ongedaan gemaakte verandering weer terug Maak de geselecteerde tekst dik gedrukt Maak de geselecteerde tekst cursief Maak de geselecteerde tekst onderstreept Maak de geselecteerde tekst doorstreept De tekst links uitlijnen De tekst in het midden uitlijnen De tekst rechts uitlijnen De tekst uitvullen Maak van de geselecteerde tekst een kop, subkop, standaard alinea tekst. TIP: Voor elke website maken wij verschillende stijlen kopjes aan. Kop1 is altijd zoals de pagina-titels. Door overal dezelfde soort kopjes en subkopjes te gebruiken brengt u meer eenheid op uw site. Daarnaast wordt de tekst in kop of subkop ‘hoger’ geïndexeerd door zoekmachines. Per alinea kan een tekst-format worden aangegeven. Alinea’s kenmerken zich door een ‘enter’ ervoor en erna. Selecteer de tekstkleur Selecteer een kleur voor tekstarcering Tekst meer naar rechts verplaatsen Tekst meer naar links verplaatsen
de 2e balk
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
Maakt een tabel aan. Geeft de rij-instellingen weer van de huidige rij Geeft de cel-instellingen weer van de huidige cel Invoegen van een rij boven de huidige rij Invoegen van een rij onder de huidige rij Verwijderen van de huidige rij Invoegen van een kolom vóór de huidige kolom Invoegen van een kolom na de huidige kolom Verwijderen van de huidige kolom De cel splitsen De geselecteerde cellen samenvoegen Maak een opsomming van de geselecteerde tekst door middel van bullets Maak een opsomming van de geselecteerde tekst door middel van nummers Maak een link van de geselecteerde tekst / afbeelding (hoofdstuk 5.1.2) Verwijder de link van de geselecteerde tekst of afbeelding Voeg een afbeelding toe. (hoofdstuk 5.1.1) Voeg streaming media toe. (hoofdstuk 5.1.3)
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
de 3e balk
1. 2. 3. 4.
5. 6. 7. 8. 9. 10. 11. 12. 13.
Knip de geselecteerde tekst Kopieer de geselecteerde tekst Plak gekopieerde inhoud (niet aanbevolen) Plak gekopieerde inhoud, en verwijder alle opmaak (aanbevolen) TIP: Tekst opmaken voor het web is heel anders is dan opmaak in documenten, daarnaast bestaat de mogelijkheid dat het er op uw computer anders uitziet dan bij iemand anders. De beste manier van werken is alle opmaak van gecopieerde tekst verwijderen, en daarna opnieuw aanbrengen dmv het CMS. Dit wordt automatisch omgezet in goede HTML zodat het er aan de voorkant van de website voor iedereen goed uitziet. Plak inhoud welke gekopieerd is uit Word; altijd gebruiken als het gaat om een kopie vanuit word. De meeste opmaak zal overgenomen worden vanuit uw document. Zoek een bepaald woord in de inhoud Vervang een bepaald woord in de inhoud Verwijder de opmaak van de geselecteerde tekst Bekijk en bewerk de broncode (HTML) van de ingevoerde inhoud Maak de geselecteerde tekst klein en lijn deze onder uit. (subscript) Maak de geselecteerde tekst klein en lijn deze boven uit. (superscript) Invoegen van een speciaal karakter of symbool. Maak en horizontale lijn aan in de tekst. (ruler)
5.1.1. Afbeelding toevoegen Als u een afbeelding wilt toevoegen klikt u op het icoon met het boompje. Het volgende scherm opent:
afbeelding invoegen / bewerken, tabblad: 'Algemeen’
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
In het 1e tabblad: Algemeen ziet u: • Bestand / URL: U kunt hier eventueel de url invoeren van de afbeelding. Over het algemeen gebruikt iederee het icoontje hierachter: “Bladeren”. Een kleine file-browser opent zich: • Onder het tabblad Browse kunt u uw afbeeldingen bekijken en selecteren. Rechts bovenin ziet u een drop-down met verschillende mappen staan. • Onder het tabblad Upload kunt u op uw computer naar afbeeldingen zoeken en uploaden. Wij raden aan om niet al te grote afbeeldingen te gebruiken, hiervan wordt uw website traag. • Onder het tabblad Edit kunt u instellingen van afbeeldingen wijzigen (naam, grootte, draaien, verwijderen en naar een andere map verplaatsen) • Onder het tabblad Folders kunt u extra mappen aanmaken • Lijst: kies snel een afbeelding uit de lijst welke al in uw file-browser staat. • Beschrijving: een beschrijving van de afbeelding (voor zoekmachines etc.) • Titel: de titel van de afbeelding. In het tweede tabblad: Weergave kan het uiterlijk en ruimte van de afbeelding gekozen worden:
Afbeelding invoegen / bewerken, tabblad: 'Weergave'
• • • • •
Uitlijning: de tekstomloop als u wilt dat de afbeelding een tekstomloop heeft, in het voorbeeld ziet u het effect. Afmetingen: hier kunt u de grote van de afbeelding aanpassen in pixels (lxb) Verticale ruimte: de ruimte in pixels boven en onder de afbeeldingen Horizontale ruimte: de ruimte in pixels links en rechts naast de afbeelding Rand: hoe dik de lijn om de afbeelding moet zijn in pixels, 0 is geen lijn
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
5.1.2. Link/download toevoegen Zodra u een tekst of afbeelding selecteert kunt u hiervan een link maken, en zal het “kettinkje” in de balk oplichten. Een link kan gaan naar een andere pagina binnen uw site, een andere website, een email-adres of een file zoals een document, afbeelding etc.
link toevoegen
• • • •
URL: Het adres van de website of email adres dat gelinkt moet worden. Door op het icoontje “Bladere” te klikken kunt u een bestand selecteren of uploaden. (via eenzelfde soort file-browser als bij afbeeldingen) Lijst: Een lijst met links van pagina's binnen uw website om snel naar toe te linken. Doel: Opent de link in een nieuw venster of dit venster, u kunt dat hier instellen. Title: De titel van de link, voor zoekmachines
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
Linken in/naar Lightwindow: Een lightwindow (ook bekend als lightbox of whitebox) is een pop-up die omhoog komt als er op een link wordt geklikt. Tegelijkertijd wordt de website op de achtergrond donkerder. Dit bestand kan zijn een foto, een pdf bestand, een website enz. Bijvoorbeeld in een fotoboek: u klikt in de index op een klein plaatje, dan opent zich in een pop-up de grote foto. Vaak kunt u met behulp van pijltjes links en rechts naar de volgende of de vorige foto.
Voorbeeld Lightwindow
In de foto-boek template van JORR CMS wordt de lightwindow automatisch gebruikt. Als u op andere pagina's ook de lightwindow wilt gebruiken, gaat u als volgt te werk: • • • •
U maakt een link aan zoals eerder beschreven (hoofdstuk 5.1.2.) Wat u bij 'target selecteerd is afhankelijk wat u wilt laten zien: • voor afbeeldingen gebruikt u 'open in deze pagina' • als u andere websites of PDF wilt openen in een lightwindow gebruikt u 'in nieuw venster openen' Bij klasse selecteerd u 'Lightwindow' Als u de pijltjes (verder en terug) binnen de lightwindow wilt gebruiken, zodat uw bezoekers snel het volgende bestand kunnen bekijken wat op de pagina staat, dan moet u zorgen dat deze bestanden dezelfde 'relatie' hebben.
Dit kunt instellen als volgt: • In het scherm 'insert/edit link' kiest u voor het tabblad 'geavanceerd' • Bij 'Relatie van pagina tot doel' kiest u bijvoorbeeld voor 'tags' • Elk bestand dat geopend moet kunnen worden dmv. de pijltjes geeft u dezelfde 'relatie'. • Als u een andere reeks wilt aanmaken doet u hetzelfde maar selecteert u iets anders bij 'Relatie van pagina tot doel (bijvoorbeeld 'start')
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
5.1.3. Media toevoegen U kunt ook streaming media toevoegen zoals Youtube filmpjes. Klik daarvoor op de “Add Media” knop in de editor.
Media toevoegen
• • •
Type: Het type bestand wat toegevoegd wordt, voor Youtube filmpjes moet dit flash zijn. File/URL: De locatie van de film, bij youtube is dit de gehele pagina-adres waar deze staat. Ook kunt u enfilmpje zelf uploaden en toevoegen, gebruik daarvoor de “browse” knop achter dit item. Dimensions: De grote van de film.
5.2. Paragrafen toevoegen Met behulp van paragrafen kunt u de structuur van uw website iets uitbreiden/dieper maken. Een paragraaf is een blok tekst dat standaard onder de rest van de content te staan, beginnen standaard met een tussenkop, eventueel een afbeelding (afhankelijk van uw geïnstalleerde design) m.b.v koppelingen kunt u een “lees verder > “ aanmaken welke verwijst naar een nieuwe pagina die niet in het menu van uw website voorkomt. Daarnaast kunt u paragrafen tijdelijk uitzetten. TIP: Als u veel te vertellen heeft op een pagina kunt u bijvoorbeeld alleen inleidende tekstjes plaatsen en hieronder een “lees verder >” toevoegen
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
Paragraaf toevoegen: 1. Onder de editor klikt u op het plusje (nieuwe paragraaf aanmaken) 2. Er opent zich dan een schone editor. Hier kunt u de inhoud van de paragraaf invoeren. 3. Door achter “Koppelen aan template” een template te kiezen wordt er onder de paragraaf een “Lees verder >“ geplaatst naar een nieuwe pagina. 4. Na opslaan keert u weer terug naar de bovenliggende pagina en ziet u de paragrafen staan:
Paragrafen met gekoppelde pagina’s onder uw editor
U heeft hier de volgende mogelijkheden (v.l.n.r.): • Paragraaf aan/uitzetten • Paragraaf verwijderen • Gekoppelde pagina wijzigen (indien aangemaakt) • Volgorde van paragrafen aanpassen
5.3. Prikbord Prikbord-items zijn extra velden op uw pagina’s naast het hoofd-content veld. Waar en hoe deze worden geplaatst is afhankelijk van uw design. Dit wordt bij aanvang van het traject en bij oplevering van uw website besproken. U heeft bij een prikbord-item dezelfde mogelijkheid als bij een content-pagina. U kunt dus zelf links, afbeeldingen, opgemaakte tekst etc. toevoegen. Door in een pagina op de knop “prikbord” te klikken ziet u een overzicht van alle boxen:
Overzicht van prikbord-items
• • • •
Aan / uit: Zet een prikbord-item aan of uit. Verwijderen: Verwijder het prikbord-item Wijzigen: bestaat uit de iconen voor verwijderen (vuilnisbak) en wijzigen (pennetje) Titel: de titel van het prikbord-item
Door op het plusje te klikken kan een nieuw prikbord-item aangemaakt worden. Door op het pijltje naar links te klikken gaat u terug naar de editor van de pagina. Het wijzigen van een prikbord-item gaat op dezelfde manier als inhoud van een pagina wijzigen, alleen heeft u niet de beschikking over paragraven. Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
5.4. Forum aanzetten Als het forum aan staat en deze is verwerkt in uw design komt er na het aanzetten een reactieformulier onder aan de geselecteerde pagina. Als iemand een reactie invult kunt u deze ook in het forum-gedeelte in het CMS terugvinden. Reacties kunt u per stuk verwijderen, of allemaal tegelijkertijd (door middel van het prullenbakje). Ook kunt u op elk gewenst moment het forum weer uit zetten. TIP: Wij raden aan om regelmatig uw website te bekijken als u het reactieformulier aan heeft staan. Dit om ongewenste berichten te voorkomen.
5.5. RSS Door middel van het tabblad RSS kunt u nieuws van andere websites plaatsen dmv RSS of XML. Het enige wat u hoeft te doen is de locatie van de RSS-feed van de andere website door te geven en aangeven hoe veel items u hiervan wilt tonen.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
6. Profielbeheer Op de pagina Gebruikersbeheer ziet u 2 overzichten met gebruikers staan; • Website redactie: De bovenste groep zijn de gebruikers van het CMS. Deze groep gebruikers hebben een gebruikersnaam en wachtwoord voor het CMS en kunnen dus aanpassingen doen aan uw website. • Leden van de website: De onderste groep gebruikers kunnen variëren van nieuwsbrief ontvangers tot leden van uw organisatie die bijvoorbeeld afgeschermde pagina's kunnen bekijken.
Redactie en leden van de website
6.1 website redactie CMS gebruikers hebben een eigen inlog naam en wachtwoord en kunnen aanpassingen doen aan de website.
6.1.1 Nieuwe gebruiker toevoegen / Gebruiker wijzigen Als er bij een gebruiker op “wijzigen” wordt geklikt, of als er een nieuwe gebruiker aangemaakt wordt, opent zich het gebruikersdetails scherm. Hierin kunnen de details van een gebruiker aangemaakt of aangepast worden. De uiteindelijke gebruikersnaam van de gebruiker zal bestaan uit voornaam-achternaam. Mocht u een makkelijkere inlog willen hebben, dan kunt u hier dus rekening mee houden. TIP: Het aantal puntjes bij het wachtwoord komt niet overeen met het aantal karakters in het wachtwoord als u een gebruiker aanpast. Dit komt omdat wachtwoorden na de eerste invoer worden versleuteld. Cross Avenue / Ditnet kan ook nooit wachtwoorden inzien, wel kunnen wij of uw collega’s met Admin rechten uw wachtwoord resetten.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
6.1.2. Rechten van gebruikers aanpassen Terug in het 'overzichtscherm Gebruikers' kunt u de rechten van de gebruikers aanpassen • • • • • • • •
aan / uit: Vink een gebruiker aan of uit. Een gebruiker die uit staat kan niet inloggen. leden: de gebruikersnamen van de redactie, deze bestaan uit voornaam-achternaam. Door op de naam van een gebruiker te klikken kan er een email worden gestuurd naar die gebruiker. verwijderen: verwijderd de gebruiker. wijzigen: wijzig gebruikers gegevens zoals email adres, wachtwoord etc. inhoud: De gebruiker mag de inhoud van pagina's aanpassen. nieuwsbrieven: de gebruiker mag mailings versturen (als de module is geïnstalleerd). eindredactie: de gebruiker mag menu's aanmaken en inhoud van alle pagina's aanpassen. beheerder: mag alles, inclusief aanmaken van nieuwe gebruikers.
Onderin staan de iconen 'terug' (pijl naar links) en 'nieuwe toevoegen' (plusje). In het overzicht zult u altijd een gebruiker van Cross Avenue tegenkomen. Zo kunnen wij in het CMS wanneer het nodig is. Wij adviseren deze gebruiker er ook altijd in te laten staan en niet aan te passen. Stelt u het niet op prijs dat wij in uw CMS kunnen komen, mag u deze gebruiker natuurlijk altijd wissen.
6.2 Leden van de website Het belangrijkste onderdeel van Site members is de functie Groepen. Als u CMS leden in een bepaalde groep plaatst, kunt u namelijk: • •
een nieuwsbrief versturen aan deze groep. bepaalde pagina' s afschermen: een lid van deze groep kan een beveiligde pagina bekijken met bijvoorbeeld interne informatie (hoofdstuk 6)
Als mensen zich via een formulier op uw website automatisch aanmelden voor bijvoorbeeld een nieuwsbrief, komen zij automatisch in de lijst te staan met de bijbehorende groep (bijvoorbeeld 'nieuwsbrief'). De gebruiker ontvangt een email met daarin een link, waarmee zij hun e-mail adres moeten verifiëren. Zolang het email adres nog niet geverifieerd is, is de gebruiker nog niet 'actief' en ontvangt dus niets. U ziet dit doordat de naam in de lijst rood is gemarkeerd. In het gebruiker-edit-scherm kunt u de gebruiker handmatig op actief of non-actief zetten. U kunt er ook voor kiezen om mensen handmatig toe te voegen, dit is bijvoorbeeld handig als mensen zich niet zomaar automatisch mogen opgeven, zoals bijvoorbeeld bij afgeschermde pagina's.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
6.2.1.Handmatig nieuwe gebruiker toevoegen / Gebruiker wijzigen In het scherm met gebruikersdetails kunt u nieuwe leden toevoegen of bestaande informatie bewerken.
• • • • •
het veld Email is verplicht. Inloggen op een beveiligde pagina en/of het versturen van een nieuwsbrief gebeurt altijd met behulp van een email adres. bij Selecteer een groep: kunt u een nieuwe groep aanmaken of uit een bestaande groep kiezen in het veld Actief kunt u een gebruiker op actief (Y) of non-actief (N) zetten het veld Extra kunt u gebruiken als u bijvoorbeeld een profielen-pagina heeft, waar informatie van aangesloten personen of bedrijven zichtbaar is (per site verschillend) Als de wijzigingen zijn gemaakt, klikt u op de knop met het vinkje onder de editor. Om te annuleren klikt u op het knopje met de pijl naar links om dit scherm te verlaten.
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)
1.
Cross Avenue / DitNet – 2011 – Basishandleiding JORRCMS1.3 (Rood)
6.2.2 Adreslijsten importeren Door onder in het profiel-beheer-scherm op “import” te klikken kunt u adreslijsten als .csv files uploaden .scv files zijn door de meeste spreadsheet-programma’s te genereren.
Adreslijsten importeren
• •
• •
.csv File: Hier selecteerd u het adressenbestand op uw computer bestand definiëren: Links ziet de velden staan die in de leden administratie van JORR CMS worden gebruikt. Daarnaast kunt u aangeven in welke kolom van uw bestand deze velden te vinden zijn. Naast het importeren van de gegevens, kunt u een “standaard waarde” aangeven. Bij elk lid zal dan dezelfde informatie komen te staan. Leden groep:Hier kunt een nieuwe groep aanmaken, of een bestaande groep kiezen waar de leden aan worden toegevoegd. Aktief: Bepaal of de ingevoerde leden direct “actief” worden gezet op de site (noodzakelijk voor nieuwsbrieven etc.)
Cross Avenue / DitNet – 18-07-2011 – Basishandleiding JORRCMS1.3 (Rood)