Transcriptie

1 Handleiding CMS

2 Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen 6.3 Links 6.4 Documenten 7 Instellingen

3 1 Inloggen U kunt inloggen in uw content management systeem door de volgende URL te gebruiken Hierbij is uwdomein.nl de domeinnaam en extentie van uw website. Er verschijnt een inlog scherm waarin u kunt inloggen met uw gebruikersnaam (links) en uw wachtwoord (rechts). Mocht u nog geen login gegevens hebben ontvangen, gebruik dan als gebruikersnaam admin en wachtwoord pass.

4 2 Algemeen U bent nu ingelogd in het content management systeem van uw website. Er zijn een aantal basisfuncties welke gelden voor het gehele systeem. Uitloggen Om uit te loggen uit het CMS kunt u klikken op uitloggen rechtsboven op de pagina Hoofdmenu Het hoofdmenu van het CMS vindt u aan de linkerkant en bestaat uit 4 delen gescheiden door witte lijnen. Deel 1 Home De homepage van het CMS Deel 2 Structuur De structuur van het hoofdmenu en bijbehorende pagina s Deel 3 Items Een overzicht van bij te houden lijsten in de website. Lijsten zijn onderdelen in de website welke aan te vullen zijn met nieuwe content. Bijvoorbeeld: nieuwsberichten, agenda, homepage slideshow. Deel 4 Instellingen Algemene instellingen t.b.v. de website

5 Hoofdstuk, pagina of item toevoegen Om een hoofdstuk, pagina of item toe te voegen klikt u rechts boven op toevoegen. Hierna vult u de naam en eigenschappen in van het gewenste hoofdstuk, pagina of item en klikt u op Toevoegen. Voorbeeld toevoegen hoofdstuk Hoofdstuk, pagina of item wijzigen Om de titel of tekstuele inhoud van een hoofdstuk, pagina of item te wijzigen klikt u op Aanpassen achter het gewenste item. Voorbeeld aanpassen hoofdstuk Hoofdstuk, pagina of item verwijderen Om een hoofdstuk, pagina of item te verwijderen klikt u op het icoon van de prullenmand achter het gewenste item. Voorbeeld verwijderen hoofdstuk Hoofdstuk, pagina of item zichtbaar / onzichtbaar maken Om een hoofdstuk, pagina of item zichtbaar of onzichtbaar te maken klikt u achter het hoofdstuk op online / offline. Deze wijziging wordt direct opgeslagen en is zichtbaar op uw website. Voorbeeld zichtbaar maken hoofdstuk

6 Volgorde wijzigen Om de volgorde van de hoofdstukken, pagina s of items te wijzigen sleept u eenvoudig de titels in de gewenste volgorde. Deze nieuwe volgorde wordt direct opgeslagen. Voorbeeld volgorde wijzigen van hoofdstukken

7 3 Hoofdmenu Als eerste menu-item onder Home komt u Hoofdmenu tegen. Als u hierop klikt krijgt u een overzicht met de hoofdstukken uit het hoofdmenu. Dit overzicht kan er als volgt uit zien: Een hoofdstuk in dit overzicht staat voor een hoofdstuk in uw website. Een hoofdstuk is slechts de benaming voor een verzameling van pagina s horende bij dit hoofdstuk. Een hoofdmenu heeft dan ook enkel een naam. Deze kunt u beheren volgens de algemene regels welke te lezen zijn in het hoofdstuk Algemeen.

8 4 pagina s 4.1 Pagina s algemeen In het hoofdstuk Pagina s vindt u een overzicht van alle tekstpagina s in uw website. Een tekstpagina is een enkele pagina met tekst, beeld en links. In het overzicht ziet u bij welk hoofdstuk de desbetreffende pagina hoort. Deze hoofdstukken kunt u beheren in het hoofdstuk Hoofdmenu. Bij een uitgebreide website kan het voorkomen dat u hier een flinke lijst met pagina s ziet. Om hier meer overzicht in te krijgen is het mogelijk om slechts enkel de pagina s uit een gewenst hoofdstuk te tonen. Dit kunt u doen door bovenin het gewenste hoofdstuk te kiezen achter de zin Toon enkel het hoofdstuk. Voor het beheren van de pagina s gelden de algemene beheerregels welke te lezen zijn in het hoofdstuk Algemeen. Het uitgebreid aanpassen van een pagina vindt u in het volgende hoofdstuk.

9 4.2 Pagina aanpassen Als u in het overzicht kiest voor aanpassen achter de desbetreffende pagina komt u op een nieuwe pagina met de volgende eigenschappen: - Hoofdmenu Hier kunt u bepalen onder welk hoofdmenu deze pagina zichtbaar is - Titel De titel van de pagina - Tekst De inhoud van de pagina (in een editor). De werking van de editor kunt u lezen in het hoofdstuk Editor. Indien u de wijzigingen heeft gemaakt kunt u de pagina opslaan door rechtsboven op aanpassen te klikken.

10 5 Items 4.1 Items algemeen Onder items vallen alle hoofdstukken met lijsten welke kunnen worden aangevuld en beheerd. Deze items beginnen in het hoofdmenu onder het hoofdstuk Pagina s. Voorbeelden van items zijn bijvoorbeeld: - Nieuwsberichten met afbeelden en data - Agenda met pdf link - Homepage slideshow met grote foto s - Referenties met logo - Portfolio of voorbeelden van werk De eigenschappen van items worden van te voren ingesteld en kunnen bijvoorbeeld bestaan uit: Tekstuele aanpassingen (aan te passen door op aanpassen te klikken onder het kopje tekst ) - Datum - Titel - Tekst (via de editor) - Link (intern of extern) Media aanpassingen (aan te passen door op aanpassen te klikken onder het kopje media ) - Afbeeldingen (automatisch op maat gemaakt) - PDF bestand Voor het beheren van de items gelden de algemene beheerregels welke te lezen zijn in het hoofdstuk Algemeen. Het uitgebreid aanpassen van een item vindt u in het volgende hoofdstuk.

11 5.2 Item aanpassen Als u in het overzicht kiest voor aanpassen achter het desbetreffende item komt u op een nieuwe pagina met een aantal eigenschappen. Deze eigenschappen zijn variabel. Hieronder wordt een voorbeeld beschreven van het aanpassen van een item. Tekstueel: - Datum aanpassen - Link - Titel - Bericht (in een editor, zie hoofdstuk Editor )

12 Media aanpassen Als u op aanpassen klikt onder media opent een nieuwe pagina met een overzicht van de bijbehorende media. Op deze pagina kunt u deze media beheren. - PDF (verwijderen of wijzigen) - Afbeeldingen (verwijderen, wijzigen, toevoegen of omschrijving wijzigen)

13 6 Editor 6.1 Editor algemeen Om de content van een pagina of item te beheren wordt er gebruikt gemaakt van een editor. De functies hierin zijn voor een deel te vergelijken met bijvoorbeeld Word. Hieronder een korte uitleg van deze functies Tekst bold maken 2 Tekst cursief maken 3 Tekst onderstrepen 4 Tekst doorstrepen 5 Opsomming maken met cijfers ervoor 6 Opsomming maken met bullets ervoor 7 Opmaak van de tekst kiezen. In dit menu staan de vooraf ingestelde eigenschappen voor tekst en koppen. 8 Maken of aanpassen van een link. Als er een tekst of afbeelding is geselecteerd in het content vlak (17) is de nieuwe link hierop van toepassing. 9 Link verwijderen. Als er een tekst of afbeelding is geselecteerd in het content vlak (17) wort de link hierachter verwijderd. 10 Interne link. In het content vlak (17) kunnen op een gewenste locatie interne links geplaatst worden. U kunt naar deze locatie linken d.m.v. een interne link. Aan te maken via invoegen link (8). 11 Plaatsen of wijzigen afbeelding. 12 Plaatsen of wijzigen van een tabel. 13 Plaatsen van een speciaal teken. 14 Full screen modus om overzichtelijk uw pagina te beheren. 15 Toon blokken. Hiermee wordt de verdeling van uw pagina zichtbaar. 16 Code. Hiermee kunnen webdevelopers geavanceerd de content beheren. 17 Het content vlak waarin de content geplaatst wordt (tekst, links, afbeeldingen etc).

14 6.2 Afbeeldingen Als u afbeeldingen in de editor wilt plaatsen dient u deze eerst te uploaden naar media browser. Dit doet u door eerst op het afbeeldingen icoon te klikken in de editor. Er verschijnt hierna een popup venster. Om de media browser te starten klikt op de blauwe button met bladeren op server. Hierdoor wordt de media browser geopend. In de linkerkolom ziet u een mappenstructuur. Hier kunt u met behulp van uw rechtermuis knop mappen aanmaken, verwijderen of hernoemen. Bovenin de balk ziet u verschillende functies. Met de functie upload kunt u een afbeelding selecteren van uw harde schijf en deze in de desbetreffende map plaatsen.

15 Als de afbeelding geupload is kunt u deze in de editor plaatsen door hierop te dubbelklikken. De mediabrowser sluit hierdoor en u ziet hierna een voorbeeld van de afbeelding. In dit venster kunt de afmetingen van de afbeelding aanpassen en aangeven of deze bijvoorbeeld links of rechts moet worden uitgelijnd. Als u hierna op OK klikt wordt de popup gesloten en is uw afbeelding zichtbaar in de editor.

16 6.3 Links Er zijn drie mogelijkheden om links te plaatsen in de editor: - URL (link naar een externe pagina) - Interne link in pagina (link naar een anker locatie in de tekst) - (link naar een adres) Een link maakt u aan door op het link icoon te klikken. Als u voordat u dit doet een zin, woord of afbeelding heeft geselecteerd, wordt de link hierop van toepassing. Als u niets hebt geselecteerd, wordt de gehele link zichtbaar in de editor. URL link Een URL link is een link naar een externe pagina. Als u op het link icoon klikt, opent een popup met eigenschappen van deze nieuwe link. Voor een externe link (URL) selecteert u in het linktype menu URL. In het veld URL tikt u de gewenste link in (zonder

17 Om deze link (en elke andere link) in een nieuw venster te openen klikt u op het tabblad Doel en selecteert u onder Doel de optie Nieuw venster. Om te link in te voegen in de editor klikt u op OK. Interne link op pagina Om een interne link op dezelfde pagina te maken dient u in de editor een locatie aan te geven waar deze link naar kan verwijzen. Hiervoor gaat u met uw muis op de gewenste locatie staan en klikt u op het icoon met het vlaggetje ( interne link ). Er opent hierdoor een popup waarmee u de naam van de locatie kunt aangeven. Deze naam selecteert u straks bij het maken van de interne link.

18 Als u hierna op OK klikt verdwijnt de popup en ziet u in de editor een gele markering staan op de locatie waar het anker is geplaatst. Nu kunt u vanaf elke locatie naar dit anker linken. Dit doet u door eerst een tekst te selecteren welke u wilt laten linken naar deze locatie. Hierna klikt u op een link icoon waarmee een popup wordt geopend. Kies hierna onder Linktype de optie Interne link op pagina. Hierna kunt u onder Kies een interne link uw zojuist aangemaakte interne link selecteren. Als u hierna op OK klikt is de interne link aangemaakt in de editor.

19 link Om een link naar een adres aan te maken selecteert u eerst de tekst in de editor welke u wilt laten linken naar het adres. Hierna klikt u op het link icoon welke een popup opent. Hier kunt u onder Linktype kiezen voor . In de velden die hieronder verschijnen vult u het gewenste adres in en eventueel het onderwerp van het bericht. Als u hierna op OK klikt verschijnt de nieuwe link in de editor.

20 6.4 Documenten Om vanuit de editor te linken naar een document (bv. PDF, DOC of Excel) dient u dit document eerst in de media browser te plaatsen (zoals ook bij een afbeelding). Om dit te doen selecteert u eerst de tekst waar u de link onder wilt plaatsen. Hierna klikt u op het Link icoon welke een popup opent. Klik hier op de button bladeren op server om de media browser te openen.

21 In de linkerkolom ziet u een mappenstructuur. Hier kunt u met behulp van uw rechtermuis knop mappen aanmaken, verwijderen of hernoemen. Bovenin de balk ziet u verschillende functies. Met de functie upload kunt u een document selecteren van uw harde schijf en deze in de desbetreffende map plaatsen. Als het document geupload is kunt u deze plaatsen door hierop te dubbelklikken. De mediabrowser sluit hierdoor waardoor u terug gaat naar de vorige popup. Als u hierna op OK klikt wordt de popup gesloten en is uw nieuwe link naar het document zichtbaar in de editor. Bij de meeste links naar documenten wordt er een icoon voor de link geplaatst waardoor duidelijk wordt om welk bestandstype het gaat.

22 7 Instellingen In het hoofdstuk instellingen kunt u diverse informatie over uw website invoeren. Als u hiermee klaar bent klikt u rechtsboven op Opslaan om deze wijzigingen op te slaan Hoofdtitel van de website (zichtbaar bovenin uw browser) 2 adres waar het formulier op uw website heen wordt gestuurd 3 Onderwerp van deze 4 Korte omschrijving website (zichtbaar in Google zoekresultaten) 5 Zoekwoorden m.b.t. uw website (max. 15 zoekwoorden)