HANDLEIDING CMS (CONTENT MANAGEMENT SYSTEEM) ONDERNEMERSWEBSITES.NL
Inhoud Inloggen... 2 Paginaoverzicht... 3 Is een pagina wel of niet gepubliceerd en wel of niet zichtbaar in menu?... 3 Subpagina... 4 Instellingen wijzigen pagina s... 4 Instellingen wijzigen standaardpagina (type pagina: default)... 5 Content wijzigen standaardpagina... 6 Formatting... 7 Bold, italic, underlined... 8 Opsomming... 8 Image toevoegen... 9 Video toevoegen... 12 Bestand toevoegen... 13 Hyperlink toevoegen... 14 Opslaan... 16 Pagina toevoegen... 16 Modulepagina... 17 Instellingen modulepagina... 18 Beheer fotoalbums ten behoeve van de modulepagina... 19 Inhoud wijzigen module... 24 Vragen?... 25 Pagina 1 van 25
Inloggen De link naar het cms is: https://cms.ondernemerswebsites.nl Je krijgt het volgende inlogscherm te zien Log in met de gegevens die jou per email toegestuurd zijn. Het onderwerp van deze mail is: Jouw inloggegevens van het CMS. Als je voor het eerst inlogt, word je verzocht om jouw eigen wachtwoord aan te maken. Pagina 2 van 25
Paginaoverzicht Als je ingelogd bent, zie je het volgende scherm Is een pagina wel of niet gepubliceerd en wel of niet zichtbaar in menu? Rechts zie je alle bestaande pagina s van de website. Voor elke pagina kun je helemaal rechts in het overzicht bepalen of deze gepubliceerd mag zijn en of deze pagina wel of niet zichtbaar mag zijn in het menu van de website. Door middel van het aan- en uitvinken bepaal je deze instellingen. Pagina 3 van 25
Subpagina Een hoofdpagina kan een subpagina hebben. In het paginaoverzicht is dit te herkennen doordat subpagina s inspringen en aan de url. De pagina Achtergrond is dus een subpagina van de pagina Over ons. Het url is dus in dit geval: /over-ons/achtergrond/ Instellingen wijzigen pagina s Je kunt voor elke pagina een aantal basisinstellingen wijzigen. Door bij de desbetreffende pagina onder de pagina te klikken op Instellingen kun je deze instellingen wijzigen. Pagina 4 van 25
Instellingen wijzigen standaardpagina (type pagina: default) Als je bij een pagina op Instellingen klikt, kom je in een nieuw scherm terecht. Bovenaan kun je zien wat voor type pagina het is. Een standaardpagina is het type: default. Voor een standaardpagina kun je de volgende punten wijzigen: Wel of geen subpagina? Naam van de pagina Thema foto (Theme image); wanneer je hier geen foto selecteert, wordt standaard de themafoto van de homepage getoond Wel of niet gepubliceerd Wel of niet zichtbaar in menu Klik op de knop Opslaan rechtsonder als je de wijzigingen wil doorvoeren. Klik op de knop Terug als je de wijzigingen niet wilt opslaan. Pagina 5 van 25
Content wijzigen standaardpagina Als je de inhoud wil wijzigen van een standaardpagina, klik dan op de desbetreffende pagina op Tekst bewerken Er opent nu een 2 de tab in de browser. Klik op die tab. Je bent nu in de bewerkomgeving van jouw website. Dit is ter herkennen aan 2 dingen: je ziet een groene balk bovenin en je ziet dat de tekstvakken omringd zijn door een stippellijn. Klik met je linker muisknop binnen een tekstvak. Je kunt nu het desbetreffende tekstvak aanpassen. Pagina 6 van 25
Klik nog een keer binnen het tekstvak en je ziet een cursor verschijnen. Je kunt nu de tekst aanpassen. Indien je een nieuwe paragraaf wil beginnen gebruik je enter. Indien je een regel binnen dezelfde paragraaf wil afbreken gebruik je Shift-Enter. Hieronder volgt nu de belangrijkste zaken die je kunt aanpassen aan een tekstvak. Formatting Voor de opmaak van de tekst gebruik je formatting. Als basis heb je Normal text, maar je kunt bepaalde tekst ook een andere format geven. De belangrijkste zijn Header 1 tot en met Header 5. De headers gebruik je enerzijds voor de opmaak van de tekst zoals je dat ook in bijvoorbeeld Office Word zou doen. Anderzijds gebruik je de headers ten gunste van SEO (Search Engine Optimalisatie). Jouw website wordt bij livegang aangemeld bij Google en wordt periodiek geïndexeerd door Google. Pagina 7 van 25
Hierbij kijkt Google onder andere naar de inhoud van jouw website en hierbij wegen de teksten die in headers staan zwaarder dan de normale tekst. Sleep met je linker muisknop de te selecteren tekst die je wil aanpassen en kies voor de geselecteerde tekst de juiste format. Bold, italic, underlined Naast de knop formatting zie je de B, I en U. Dit is wederom vergelijkbaar met Office Word. Je kunt namelijk tekst dikgedrukt, schuin geschreven of onderstreept maken. Sleep met je linker muisknop de te selecteren tekst die je wil aanpassen. Opsomming Naast de optie U vind je de optie opsomming (ongenummerd en genummerd). Je kunt voor de geselecteerde tekst een opsomming aanmaken. Pagina 8 van 25
Image toevoegen Klik met de linkermuis knop de plek in het tekstvak waar je een foto wil toevoegen. Klik daarna op icoon zoals hieronder aangegeven. Je komt nu in het volgende scherm. Je kunt kiezen uit 3 opties: Upload: kies deze optie als je een nieuwe foto wil toevoegen die nog niet eerder is gebruikt. Choose: kies deze optie als je reeds eerder geuploade foto s wil gebruiken. Link: kies deze optie als je een link wil maken met een externe bron waar de gewenste foto s staan. Let op: deze optie raden wij af, aangezien je dan foto s gaat tonen die op een andere locatie dan jouw website staan. Als deze locatie niet meer bestaat, dan zullen de foto s ook niet meer zichtbaar zijn. Pagina 9 van 25
Als de foto geselecteerd is, wordt de foto ingeladen. Nu kun je de foto kleiner maken en uitlijnen. De foto maak je kleiner door de foto aan te klikken en met de linker muisknop ingedrukt rechts onder de foto diagonaal te slepen, zie hieronder voor voorbeeld. Pagina 10 van 25
Aan de foto kun je een aantal instellingen wijzigen, door op edit te klikken, zie voorbeeld boven. Je komt dan in het volgende scherm Je kunt de volgende 3 instellingen wijzigen: Benaming foto (dit komt ten gunste van zoekresultaten van google afbeeldingen) Een hyperlink naar een andere locatie (kunnen ook externe websites zijn). Hierbij kun je middels het aanvinkvakje aangeven of er een nieuwe tab geopend moet worden in de browser als men op de foto klikt Positie in het tekstvak, namelijk: geen (None), links, midden of rechts Als je de instellingen hebt aangepast, klik dan op Save. Je komt dan weer terug in het vorige scherm. Pagina 11 van 25
Video toevoegen Om een video toe te voegen (let op: alleen youtube filmpjes zijn geschikt) klik op insert video Je krijgt dan het volgende scherm te zien Plak hier de link van het youtube filmpje en klik op save. Pagina 12 van 25
Bestand toevoegen Klik op insert file Je krijgt het volgende scherm te zien Net zoals bij foto s kun je hier kiezen uit reeds geuploade documenten (klik op choose) of nog up te loaden documenten (upload). Indien je in het veld Name (optional) niets invult dan zal de link naar het document de naam krijgen van het document zelf. Als je het juiste document hebt, klik dan op Save. Er zal nu een hyperlink zichtbaar zijn, welke een nieuwe pagina zal openen van het desbetreffende document als je er op klikt. Alleen pdf en word-documenten kunnen worden geupload. Het wordt sterk aangeraden om alleen pdf-documenten te uploaden, aangezien worddocumenten aangepast en gebruikt kunnen worden door derden. Pagina 13 van 25
Hyperlink toevoegen Je kunt zelf hyperlinks toevoegen naar andere locaties binnen jouw website, maar uiteraard ook buiten jouw website. Selecteer de tekst en klik dan op het schakel-icoon en kies Insert link, zie printscreen hieronder. Je krijgt het volgende scherm te zien Voer de url in waarnaar je wilt verwijzen. Stel je wilt verwijzen naar de pagina Producten. Het url van dit voorbeeld is: http://mijneigenwebsite.d9.testenkoop.nl/producten/. Verder heb je de optie om aan te geven of de pagina in een nieuwe tab van jouw browser moet openen of niet (Open link in a new tab). Pagina 14 van 25
Klik op insert en je zult zien dat de hyperlink is aangemaakt. Pagina 15 van 25
Opslaan Als je klaar bent met de verwerken van de gewenste wijzigingen in het geselecteerde tekstblok, klik dan op Save Pagina toevoegen Je kunt zelf pagina s toevoegen aan de website. Ga terug naar paginaoverzicht. Je ziet rechts alle bestaande pagina s. Daarboven bevind zich een knop een pagina toevoegen Klik op een pagina toevoegen. Pagina 16 van 25
Je krijgt het volgende scherm te zien De volgende variabelen kun je instellen: Bovenliggende pagina; indien de nieuwe pagina een subpagina is, dan bij dit veld de bovenliggende pagina selecteren. Name; kies hier de titel van de pagina. Theme image; kies hier het thema foto. Dit is de foto die bovenaan de desbetreffende pagina zichtbaar zal zijn. Zichtbaar in menu; wil je de pagina wel of niet zichtbaar hebben in het menu. Gepubliceerd; moet de pagina wel of niet gepubliceerd zijn. Zodra je de variabelen hebt ingevoerd, klik je op opslaan. De inhoud van de pagina kun je bewerken, zoals hiervoor in deze handleiding is aangegeven. Modulepagina Voor de diensten- of productenpagina heeft Ondernemerswebsites.nl een speciaal type pagina gemaakt die enkele voordelen heeft ten opzichte van een standaardpagina. Het bewerken van de inhoud van deze pagina s wordt gedaan vanuit het CMS. In het CMS zie je het voorbeeld Producten staan met halve maan icoon. Indien jij in jouw CMS modules hebt staan met een dergelijk icoon, dan zijn dit dus modulepagina s. Wanneer dit voor jouw website van toepassing is, dan is dit deel van de handleiding ook voor jouw website van toepassing. Pagina 17 van 25
Klik op jouw module en je ziet rechts de modules verschijnen die aangemaakt zijn voor deze pagina. Uiteraard kun je meerdere modules toevoegen door op Item toevoegen te klikken. Instellingen modulepagina Klik op bewerken van de module die je wilt wijzigen. Je krijgt het volgende overzicht te zien. Je kunt de volgende zaken aanpassen: Naam van de module; kies hier de naam die lading dekt van de module. Als je dit aanpast zal dit ook zichtbaar zijn op de website Inhoud van de module; hier kun je de inhoud aanpassen van de module. Dit werkt hetzelfde als bij een normale pagina, alleen voer je het uit in het cms. Galerij (fotoalbum); aan een modulepagina kun je een fotoalbum koppelen. Voor aanmaken en wijzigen fotoalbum, zie volgende paragraaf Beheer fotoalbums ten behoeve van de modulepagina Pagina 18 van 25
Invoering (introductie); dit veld is niet voor iedere modulepagina beschikbaar. Indien beschikbaar kun je hier de introductie invoeren. De introductie krijg je dan te zien op de website als je met de muis over de module heen beweegt. Detailpagina zichtbaar j/n; hiermee kun je bepalen of de inhoud van de modulepagina getoond moet worden of niet als je op de module klikt. Beheer fotoalbums ten behoeve van de modulepagina Klik op Gallery om fotoalbums aan te maken en te beheren. Je krijgt de volgende pagina te zien Klik op de naam van een album om de foto s te beheren (klik niet op bewerken!) Pagina 19 van 25
Klik op Voeg een afbeelding toe Klik op upload/kies Pagina 20 van 25
Net zoals bij foto s toevoegen van een standaardpagina kun je hier kiezen om foto s up te loaden of om uit reeds geuploade foto s te kiezen. Selecteer de foto. Benoem de foto. Als je een omschrijving wilt bij de foto die zichtbaar is op de website, vul deze dan in bij Description. Klik daarna op Opslaan Pagina 21 van 25
Je kunt meerdere foto s toevoegen aan een album. De eerste foto in de rij zal getoond worden bij de module. Kijk nu op de website naar het resultaat (refresh jouw website eerst dmv ctrl-f5) Pagina 22 van 25
Als je nu op de website op een module klikt kom je uit bij de detailpagina (Dit geldt uiteraard alleen als je bij instellingen van de module detailpagina op Ja hebt gezet) Pagina 23 van 25
Inhoud wijzigen module In het cms gaan we nu de inhoud van deze module wijzigen. Klik op de module in het CMS en klik op bewerken van de module die je wilt wijzigen. Je komt in het volgende scherm. Verander de inhoud en klik rechts onderaan op opslaan. Ga naar jouw website en refresh jouw website. Pagina 24 van 25
Zoals je ziet is nu de inhoud aangepast. Vragen? Indien je toch nog vragen hebt over het aanpassen van jouw website, neem dan gerust contact met ons op, via support@ondernemerswebsites.nl en wij zullen zo snel mogelijk jouw vragen beantwoorden. Pagina 25 van 25