Het Disk CMS is in 2014 genomineerd voor beste CMS voor klein- en middenbedrijf. Het CMS wordt momenteel door 19 van onze relaties gebruikt.

Transcriptie

1 1 Disk CMS Met deze handleiding leg ik je alle mogelijkheden van het nieuwe Disk CMS uit. CMS staat voor Content Management System. Je kunt met het Disk CMS op een gemakkelijke wijze je website aanpassen. Het Disk CMS is in 2014 genomineerd voor beste CMS voor klein- en middenbedrijf. Het CMS wordt momenteel door 19 van onze relaties gebruikt. Het CMS wordt apart gehost zodat jouw website en CMS van elkaar gescheiden zijn. Dit heeft vele voordelen. Je hebt bijvoorbeeld veel meer regie over hoe jouw website er uit ziet en de site is hierdoor veel beter te optimaliseren voor Google in vergelijking met andere systemen zoals WordPress en Joomla. Daarnaast is door deze scheiding jouw website veel lastiger te hacken. Met de nieuwe versie van ons CMS zijn er ook veel meer mogelijkheden bijgekomen. Wij hebben nu twee verschillende accounts: Normal of Premium. Met het Premium-account heb je meer mogelijkheden zoals zelf nieuwe pagina s toevoegen en de statistieken van je site binnen het CMS bekijken. Wil jij ook upgraden naar het Premium account? Neem dan gerust contact met mij op voor meer informatie. Ik adviseer je wel om naast het CMS ook te kiezen voor een onderhoudsabonnement voor je website. Karin en ik zorgen er dan onder andere voor dat je website ook technisch helemaal up to date blijft. Meer info over onze onderhoudsabonnementen: onderhoud.html Succes! Frank Schijf. Versie: 1.1

2 2 Algemene tips Voordat we met het Disk CMS aan de slag gaan heb ik wat algemene tips voor je. TIP 1: Teksten Zorg ervoor dat alle teksten op je website uniek zijn. Je mag geen teksten van andere sites kopiëren. Teksten zijn net zoals foto s namelijk auteursrechtelijk beschermd. Ook binnen jouw website moeten alle teksten uniek zijn. En wat ook een groot voordeel is van alleen unieke teksten is dat jouw site in Google veel beter wordt gevonden. Maak de zinnen niet te lang en vermijd de lijdende vorm. Probeer actief te schijven en vanuit het perspectief van je doelgroep. Dus zo: Neem contact met ons op en dus niet zo: U kunt contact met ons opnemen Probeer alle teksten binnen je website zoveel mogelijk met elkaar te verbinden met tekstlinks. Uit onderzoek blijkt dat bezoekers van websites deze links vooral gebruiken om te navigeren binnen de site. Navigatiemenu s worden veel minder tot niet gebruikt. Pas op met het plakken van teksten in het CMS. Je kopieert dan veel rotzooi mee wat in de broncode van de webpagina komt te staan. Teksten moeten zo schoon mogelijk in het CMS gezet worden. Liefst door ze direct in te typen. Zorg ervoor dat de teksten van je website regelmatig worden aangepast. Google ziet dit ook en je site zal dan beter worden gevonden. Als je de teksten (op alle pagina s) niet regelmatig aanpast zal je site steeds verder zakken in de Google-resultaten. TIP 2: Links Als je een link plaatst naar een bestand geef dan altijd aan wat het type van het bestand is zodat de bezoeker weet wat hij opent. Dus zo: Bekijk onze brochure (pdf) en dus niet zo: Klik hier voor de brochure. Het is dus ook beter om niet te werken met klik hier. Dit is minder functioneel omdat klikt hier iets zegt over een computerhandeling ipv van wat je graag wilt namelijk de brochure bekijken. Laat een pdf ook altijd na een nieuwe pagina gaan zodat de website op de achtergrond open blijft staan. In het CMS kies je dan voor nieuw venster. Gebruik pdf s op je website met mate. Probeer zoveel mogelijk informatie op de webpagina s te plaatsen en zo min mogelijk met pdf s te werken. In bestandsnamen mogen geen spaties en/of hoofdletters zitten. Dit is bijvoorbeeld niet goed Brochure Voorbeeld.pdf maar dit wel brochure_voorbeeld.pdf

3 3 TIP 3: Foto s Zorg ervoor dat je de rechten van de foto s hebt door ze bijvoorbeeld zelf te maken. Je mag geen foto s van andere sites kopiëren omdat foto s auteursrechtelijk beschermd zijn. Als je een foto koopt van een stockfotosite mag je die ook gebruiken. Als je zelf een foto maakt voor de website zorg er dan voor dat de horizon recht is. Met een fotobewerkingsprogramma kun je de foto eventueel nog draaien zodat de horizon alsnog recht is. In het CMS kun je foto s in de juiste verhouding op maat maken maar je kunt geen uitsnedes maken. Het is aan te raden om een foto eerst in een fotobewerkingsprogramma te bewerken alvorens de foto aan het CMS toe te voegen. Maak altijd een mooie uitsnede zodat de foto er perfect uitziet. Zorg ervoor dat de foto s op een pagina allemaal even groot zijn. De pagina wordt er dan veel rustiger van en voor de bezoeker is het fijner om de pagina te bekijken. In een fotobewerkingsprogramma kun je ook het beste de foto even bewerken qua kleur, lichtheid, contrast etc. Het is zeer belangrijk voor het succes van je website dat de foto s er perfect uitzien! Als je een foto verkleind zal de foto altijd onscherper worden. In een fotobewerkingsprogramma kun je de foto na het verkleinen weer verscherpen. Er is op internet een gratis online fotobewerkingsprogramma beschikbaar. Je hoeft dan niets te installeren en standaard bewerkingen kun je hiermee uitvoeren. Ga naar deze website om het programma te gebruiken: Vind je het toch lastig om een foto te bewerken? Neem gerust contact met mij op. Ik help je graag. TIP 4: Opmaak Met het Disk CMS kun je zelf de opmaak van de pagina s wijzigen. Wees er echter wel voorzichtig mee omdat de pagina s dan vaak te druk worden. Als je alles laat opvallen, valt eigenlijk helemaal niets meer op. Kies alleen de opmaakstylen die wij van te voren hebben aangemaakt. Je treft deze stylen onder het druppeltje. De stylen die onder het druppeltje staan zijn gedefinieerd in een apart bestand. Je voorkomt hiermee dat er allerlei rotzooi (ongewenste code) in de broncode komt te staan. Gebruik onderstreept nooit als een opmaakstyle om iets bijvoorbeeld te benadrukken! De reden hiervoor is dat onderstrepen op het internet wordt gebruikt om een link mee aan te duiden. Als er dan geen link onder staat dan is dit verwarrend voor diegene die jouw website bezoekt.

4 4 Als je een ENTER geeft in het Disk CMS dan maak je een nieuwe paragraaf (alinea). Deze afstand die dan ontstaat hebben we gedefinieerd in het style blad. Dus gebruik alleen een ENTER als je een nieuwe alinea wilt maken. Als je naar de volgende regel wilt of je wilt een witregel toevoegen gebruik dan SHIFT ENTER. Toegang tot het Disk CMS Om het CMS te kunnen gebruiken heb je een internetverbinding nodig en een browser. Alle moderne browsers worden ondersteund zoals: Google Chrome Firefox Internet Explorer 8+ (Voor een beter gebruik kun je beter Internet Explorer 10 of hoger gebruiken) Opera Safari Persoonlijk zou ik nooit Explorer gebruiken omdat dit een browser is die niet altijd even veilig werkt. Om te kunnen inloggen ga dan naar: Voer het adres en wachtwoord in en klik op Inloggen Disk CMS Op deze pagina tref je ook regelmatig nieuws over het CMS. Bijvoorbeeld als er storingen zijn of als er

5 5 een upgrade heeft plaats gevonden. Kies de Nederlandse taal Log in en ga naar Settings (Instellingen). Kijk bij de laatste optie bij het tabje Account en kies voor Nederlands en klik op Update. Je hoeft dit gelukkig maar 1x te doen. Sites Op de eerste pagina zie je de sites die in het Disk CMS staan. Meerstal is dit maar één site en dan zie je direct de pagina s. Mocht je meerdere sites beheren dan zul je eerst de keuze moeten maken voor welke site je onderhoud wilt plegen. Als je meerdere sites in beheer hebt dan zie je zoiets als onderstaande schermafbeelding. Favoriete website Heb je meerdere sites? Dan kun je ook aangeven wat je favoriete site is door op het sterretje te klikken. Deze site zal dan in de linkerkolom verschijnen en is nu sneller benaderbaar. Door nog een keer op het sterretje te klikken zal de site links weer verdwijnen. In het bovenstaande voorbeeld zie je dat de favoriete website is. Deze site staat ook in de linkerkolom genoemd.

6 6 Pagina s Als je de juiste site hebt gekozen of je hebt maar één site dan zie je meteen de pagina s die aangepast kunnen worden. Kies de pagina die je wilt aanpassen door op het label te klikken. Dit is de blauwe tekst van de betreffende pagina. Stel dat je de pagina 404-pagina wilt aanpassen dan klik je op 404-pagina. Je kunt nu direct de teksten op deze pagina aanpassen door de cursor te zetten op de plaats waar je de tekst wilt aanpassen en hier kun je direct je tekst typen. Ik zal je later in deze handleiding hierover meer vertellen. De linkerkolom kan bestaan uit verschillende opties afhankelijk welk account je hebt Normal of Premium. Bij Premium heb je meer mogelijkheden. Sommige opties zoals verwijderen van bestanden zet ik standaard uit. Deze opties kunnen in overleg aangezet worden.

7 7 Aanmaken nieuwe pagina Deze optie is alleen beschikbaar bij het account Premium. Als je een nieuwe pagina wilt aanmaken klik dan op Maak een nieuwe pagina aan of klik hierop:. Je ziet dan een scherm zoals hier rechts. Om de pagina aan te maken moet je de volgende velden invullen. Label Een korte omschrijvende tekst. Dit is alleen een referentietekst voor het CMS zodat je de pagina snel kunt vinden. Bestandsnaam (Filename) De naam van de pagina. Bestandsnamen kunnen alleen bestaan ui: klein letters, getallen en streepjes. Gebruik dus o.a. geen spaties of hoofdletters. Sjabloon (Template) We hebben voor jou hier één of meerdere sjablonen aangemaakt. Kies de juiste. Map (Folder) Dit is de locatie waar de pagina opgeslagen mag worden. Standaard staat dit al goed ingesteld zodat je hier meestal geen keuze hoeft te maken.

8 8 Het organiseren van de bestanden Klik op Organiseer bestanden. Via deze optie kun je direct wijzigingen op de webserver doorvoeren. Zoals het uploaden van bestanden maar ook verwijderen van bestanden en het aanmaken van mappen. Let op dat je de optie verwijder zorgvuldig gebruikt. Bij het verwijderen van de verkeerde bestanden kan de website mogelijk niet meer werken. Om deze reden staat de optie van het verwijderen standaard uit. Op verzoek kan deze optie weer aangezet worden. Bij het uploaden van bestanden let dan s.v.p. dat je de bestanden in de juiste mapjes plaatst. Bijvoorbeeld afbeeldingen in de map images en pdf s in de map pdf. In namen van bestanden mogen geen spaties en/of hoofdletters zitten.

9 9 Uploaden Voordat je naar documenten, afbeeldingen, pdf s kunt linken zul je ze eerst moeten uploaden naar de server. Klik hiervoor op Uploaden. Er wordt dan een window geopend en je komt dan in je eigen computeromgeving. Zoek de bestanden die je wilt uploaden en selecteer ze. De bestanden worden dan geupload naar de webserver. Het kan een tijdje duren alvorens de bestanden zijn geupload, zeker bij wat zwaarder bestanden zoals PDF s. Het bestand mag niet groter zijn dan 50 MB maar dat is voor web eigenlijk al veel te groot. Aanmaken van mappen (folders) Deze optie is alleen beschikbaar bij het account Premium. Je kunt op de webserver ook extra mappen aanmaken. Om een map aan te maken klik je op Nieuwe folder. Je kunt de bestanden op de webserver dan beter organiseren zodat het overzichtelijk blijft. Voeg een folder naam toe en klik dan op Maak Goede foldernamen zijn kort en beschrijven goed wat je in de folder kunt verwachten. Gebruik alleen kleine letters en geen spaties. Hernoem bestanden Deze optie staat standaard uit en kan in overleg aangezet worden. Je kunt een bestand een andere naam geven door te klikken op Hernoem. Voeg de nieuwe naam toe en klik op Hernoem. Pas op dat je de extensie niet verwijderd! Dus.html blijft in onderstaand voorbeeld altijd staan. Meestal staat deze optie trouwens uit zodat er niets mis kan gaan.

10 10 Verwijderen van bestanden Deze optie staat standaard uit en kan in overleg aangezet worden. Je kunt een bestand verwijderen door op Verwijder te klikken. Pas op dat je niet het verkeerde bestand verwijderd. Wees voorzichtig met het verwijderen van bestanden op de server. De bestanden kunnen niet terug gezet worden. Als je het niet zeker weet neem dan gerust contact met mij op!

11 11 Het bekijken van de statistieken Deze optie is alleen beschikbaar bij het account Premium. Als wij jouw website hebben gebouwd dan installeren we standaard Google Analytics. Met Google Analytics kun je alle statistieken van je website bekijken. Bijvoorbeeld hoe vaak de website bezocht is en met welke zoekwoorden de website gevonden wordt. Het nadeel van Google Analytics is dat het een zeer complex programma is en lastig om daarin de juiste informatie te vinden. We kunnen jouw Google Analytics account koppelen aan het Disk CMS. Het is nu veel overzichtelijker en gemakkelijker om de statistieken te bekijken en het kan direct in de CMS-omgeving. Je hoeft dus niet meer in te loggen in Google Analytics. Wil je dit ook kunnen? Upgrade dan jouw account naar Premium. Om de statistieken van je site te bekijken klik je alleen maar op de knop: Bekijk Analytics

12 12 Pagina opties Iedere pagina heeft een dropdown menu met verschillende opties. Ga naar de betreffende pagina en klik op. Je ziet nu het menu. Hernoem Deze optie staat standaard uit en kan in overleg aangezet worden. Bij Hernoem kun je het label van de pagina aanpassen. Dit is alleen voor het gebruik in het Disk CMS. Het heeft geen invloed op de website. Het kan je helpen om de pagina s sneller te vinden. Dupliceer Deze optie is alleen beschikbaar bij het account Premium. Bij Dupliceer kun je een bestaande pagina dupliceren. Je zult dan ook een nieuwe bestandsnaam moeten kiezen. Deze optie staat niet altijd aan. Verplaats Deze optie staat standaard uit en kan in overleg aangezet worden. Je kunt ook pagina s verplaatsen en in mapje organiseren. Let op met het verplaatsen van bestanden. Vaak staan links er relatief in. Een pagina zal dan niet meer goed werken. Ik zou je willen adviseren om deze optie niet te gebruiken. Verwijder Deze optie staat standaard uit en kan in overleg aangezet worden. Je kunt ook pagina s helemaal verwijderen van de webserver. Pas op bij het verwijderen van pagina s. Als je het niet zeker weet dan kun je het beste even contact met mij opnemen.

13 13 Bewerken van de pagina s Nu gaan we pas echt aan de slag! Als je een pagina hebt geselecteerd om aan te passen dan wordt de Live Editor opgestart (zie voorbeeld hieronder). Je ziet meteen hoe jouw wijzigingen er uit zien. Dus voordat de pagina gepubliceerd wordt, zie je de gehele aangepaste pagina. Het Disk CMS is hierin uniek. Je hoeft niet meer op het pennetje te klikken om de pagina aan te passen. Klik met de muis op de plaats die je wilt aanpassen en je kunt meteen aan de slag. Hoe gemakkelijk kan het zijn :-) Headings & Paragrafen Om een heading of paragraaf aan te maken klik dan op:. Het menu zal dan verschijnen. Selecteer dan de gewenste paragraaf of heading. Selecteer wel eerst de gewenste tekst (blok). Als je een paragraph of heading weer wilt verwijderden, selecteer dan eerst de tekst (blok) en kies dan Paragraaf in het menu. Je kunt ook de sneltoetsen gebruiken om een handeling snel uit te voeren. De sneltoetsen staan bij het menu.

14 14 Tekst opmaak Als je de tekst wilt opmaken zoals dik gedrukt, schuin gedrukt of onderlijnen selecteer dan. Het menu verschijnt dan. Uiteraard moet je eerst de gewenste tekst selecteren met je muis waarop je de opmaak wilt aanpassen. Wil je de opmaak weer verwijderen? Selecteer dan de tekst en kies dan Verwijder Opmaak. Bij de optie Font styles kun je teksten helemaal zelf opmaken zoals lettertype, kleur, grootte etc. Soms heb ik deze functie voor je uitgezet omdat er dan geen gebruik wordt gemaakt van style sheets waardoor de pagina s verontreinigd worden met onnodige broncode. Kies bij voorkeur het druppeltje om de opmaak te regelen! Wil je een aparte opmaak? Bijvoorbeeld een grote rode tekst of een achtergrond kleur in een tabel. Kies dan het druppeltje omdat deze stylen wel met style sheets zijn gemaakt. Ik heb deze stylen dan voor je aangemaakt. Mis je nog een style? Neem dan contact met mij op dan maak ik de style voor je aan. Deze style vind je dan terug onder het druppeltje. Wil je iets laten opvallen? Kies dan zeker niet voor onderlijnen! Een tekst die een onderlijn heeft wordt op internet gezien als een link. Je kunt dan beter kiezen voor bold of een andere kleur. Uitlijnen Gebruik de uilijnknoppen om teksten links, rechts of in het midden uit te lijnen. Je kunt deze knoppen ook gebruiken om een afbeelding of tabel mee uit te lijnen. Opsomming Gebruik de opsombuttons om opsommingen te maken.

15 15 Links Als je een link wilt toevoegen naar een andere pagina of naar een bestand. Selecteer dan eerst de gewenste tekst. En klik dan op, en selecteer Link. Voeg dan een URL toe of klik op om een bestand te selecteren. Als je dit gedaan hebt klik dan op Bevestig. Je kunt ook nog aanvinken: Open in een nieuw scherm. De pagina wordt dan in een nieuw scherm geopend en de pagina waar de link stond blijft dan ook open staan. Let op dat je voor een mailadres toevoegt mailto: dus als het een link betreft voer je in bij URL bijvoorbeeld in: TIP: Om snel links aan te passen of toe te voegen gebruik dan de volgende toets combinaties: CMD+K (Mac) or CTRL+K (Windows/Linux). Afbeeldingen Als je een afbeelding wilt toevoegen ga dan eerst met de cursor in de pagina staan waar de afbeelding mag komen te staan. Klik dan op, en selecteer Afbeelding. Voeg een URL toe of selecteer en selecteer de afbeelding die je wilt toevoegen. Als je een afbeelding hebt toegevoegd zie je een voorvertoning. Je kunt het beste ook een beschrijving toevoegen. Dit is ook beter voor de vindbaarheid van de website. Als je afbeelding hebt geselecteerd en een beschrijving hebt toegevoegd, druk dan op Bevestig. Je kunt de afbeelding ook op maat maken door de breedte of hoogte aan te passen. De verhouding blijft altijd intact. Je kunt dus geen uitsnede maken. Je kunt de afbeelding ook in de pagina groter of kleiner maken. Als je de afbeelding aanpast zal het originele bestand nooit aangepast worden. Bij aanpassing zal er een nieuw bestand aangemaakt worden. Je kunt dus altijd weer terug naar het originele bestand.

16 16 Media Het is ook mogelijk om een video of audiobestand toe te voegen aan een pagina. Plaats eerst de cursor op de pagina daar waar de video moet komen te staan en klik dan op:, en selecteer Media. Het CMS ondersteunt HTML5 videos, YouTube en Vimeo videos. Ik zou je willen adviseren om alleen met YouTube filmpjes te werken zodat de server niet belast wordt en je website snel blijft. Als je een YouTube filmpje wilt toevoegen, kopieer dan de gehele link en plaats deze bij Bron. Het is nog beter om het filmpje te embedded' in de pagina. Ook dit kan met het CMS. Klik dan op Geavanceerd en plaats hier dan de code die je bij YouTube kunt ophalen. Ankers Met een anker kun je een deeplink maken binnen een webpagina. Zo kun je bijvoorbeeld met 1 klik naar de laatste alinea zonder te scrollen. Ga met de cursor staan waar de link binnen de pagina naar toe moet. Klik dan op, en selecteer Anker. Geef de anker een naam en klik op bevestig. Een anker moet aan speciale eisen voldoen. Als jouw naam hieraan niet voldoet zal het CMS automatisch de naam omzetten. Ankers zie je niet op de webpagina staan in het CMS herken je een anker aan dit symbool. Als de pagina live staat dan zie je het symbool niet. Als je dit gedaan hebt kun je vanuit het toevoegen van een link kiezen voor dit Anker. De naam van het anker(s) wordt dan automatisch weergegeven. Kijk bij Links hoe je een link moet toevoegen.

17 17 Het toevoegen van tabellen Ga met de cursor staan waar de tabel moet komen te staan en klik op selecteer tabel invoegen., en Selecteer het aantal kolommen en rijen waaruit de tabel moet bestaan. Kies tevens of je de header in de top van de tabel wilt of in de eerst kolom van de tabel maar meestal hoef je hier niets in kiezen. Als je alle opties hebt gekozen kies dan voor Tabel invoegen. Aanpassen van Tabellen Uiteraard kun je ook bestaande tabellen aanpassen. Selecteer dan de tabel die je wilt aanpassen en klik op. Je kunt nu onder andere rijen of kolommen toevoegen. En natuurlijk kun je de tabel ook verwijderen. Het verwijderen van een rij in een tabel doe je als volgt: 1) Selecteer met je muis de rij of rijen. 2) Ga met de muis naar boven kies. En selecteer dan Verwijder rij Pagina-eigenschappen bewerken Met het Disk CMS kun je ook de pagina-eigenschappen bewerken. Je kunt de Titel en de Beschrijving van de webpagina aanpassen. Deze informatie is belangrijk voor Google en de vindbaarheid van je website. Ga naar Bewerk en kies dan voor Pagina-eigenschappen. Titel Dit is het eerste wat bezoekers in een zoekmachine zien als jouw webpagina in een zoekmachine gevonden wordt. Beschrijving Deze tekst verschijnt onder de titel. Je kunt de tekst het

18 18 beste kort en relevant houden. Zoekmachine voorvertoning Zo ziet jouw webpagina er uit in Google. Het is dus belangrijk dat je goed nadenkt over de Titel en de Beschrijving. Publiceren van de pagina s Publiceren Als je klaar bent met de wijzigingen dan zul je de pagina moeten publiceren zodat de pagina echt online komt. Klik op en selecteer dan Publiceren. Als je dit symbool ziet dan weet je dat het gelukt is. Automatisch publiceren Je kunt jouw wijzigingen op een specifieke dag en tijd laten publiceren. Ga naar Opslaan en kies voor Automatisch publiceren. Voer de datum en tijd in en klik dan op Automatisch Publiceren. Als je dit symbool ziet dan weet je dat het gelukt is en kun je het CMS desgewenst weer verlaten. Bewaar concept Als je jouw wijzigingen wilt opslaan maar nog niet wilt publiceren dan kun je de pagina als concept bewaren. Ga naar de knop Opslaan en kies Bewaar concept. Als je dit symbool ziet dan weet je dat het gelukt is Als je de volgende keer de pagina opent dan kun je de opgeslagen pagina weer openen door op Bewerken te klikken. Het laden van eerdere aanpassingen Iedere keer als je een pagina bewaart in het CMS dan is deze pagina ook weer terug te halen. Je kunt de eerdere wijzigingen bekijken door op Bewerk te klikken en kies dan voor Bekijk herzieningen.

19 19 Om een eerdere wijziging te openen hoef je slechts op een selectie te klikken. Je kunt ook eerdere wijzigingen verwijderen maar dan is de pagina nooit meer terug te halen. Help Heb je nog vragen? Heb je nog vragen over de werking van het Disk CMS? Neem dan gerust contact met ons op! Disk Promotions VOF Parcivalring LH 's-hertogenbosch Telefoon: (073) Veel succes met het aanpassen en onderhouden van jouw website!