Handleiding CMS
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
1
Inloggen
U kunt inloggen in uw content management systeem door de volgende URL te gebruiken
www.uwdomein.nl/admin 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’.
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 Deel 2 Deel 3
Home Structuur Items
De homepage van het CMS De structuur van het hoofdmenu en bijbehorende pagina’s 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
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
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
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’.
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.
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.
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.
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’)
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)
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.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Tekst bold maken 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 1 2
en koppen. 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). 8
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.
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.
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) - E-mail (link naar een e-mail 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 http://).
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.
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.
E-mail link Om een link naar een e-mailadres aan te maken selecteert u eerst de tekst in de editor welke u wilt laten linken naar het e-mailadres.
Hierna klikt u op het ‘link’ icoon welke een popup opent. Hier kunt u onder ‘Linktype’ kiezen voor ‘E-mail’. In de velden die hieronder verschijnen vult u het gewenste e-mail adres in en eventueel het onderwerp van het e-mail bericht.
Als u hierna op ‘OK’ klikt verschijnt de nieuwe e-mail link in de editor.
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.
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.
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.
1
2
3
4
5
Hoofdtitel van de website (zichtbaar bovenin uw browser) E-mailadres waar het formulier op uw website heen wordt gestuurd 3 Onderwerp van deze e-mail 4 Korte omschrijving website (zichtbaar in Google zoekresultaten) 5 Zoekwoorden m.b.t. uw website (max. 15 zoekwoorden) 1 2