CMS Instructiegids Copyright Endless webdesign v.o.f. 2017 1
Inhouds opgave 1. Hoe log ik in? Inloggen in het CMS systeem is heel simpel! Hoe log ik in? Een pagina toevoegen. Een pagina vullen/aanpassen. Een pagina verwijderen. Een sjabloon kiezen. Een tabel aan een pagina toevoegen. Het gebruik van kopteksten. Word tekst in de pagina plakken. Een plaatje toevoegen. Titel van een pagina aanpassen. Menu tekst aanpassen. Link koppelen aan een webpagina. Een pagina herstellen met recover. Link koppelen naar een bestand. Nieuws manager. Product manager. Volgorde wijzigen, item verplaatsen. Fotoalbum. header afbeelding. Navigatie wijzigen. pagina layout pagina. Slider aanpassingen. Autonome paginas. Blokken. 38 3 4 6 7 8 10 12 13 14 17 18 19 21 22 25 27 29 31 33 34 35 36 37 Stap 1: Ga naar de beheer pagina van uw website. Hier krijgt u een inlogscherm te zien. Stap 2: Voer uw geleverde gebruikersnaam en wachtwoord in. Stap 3: Druk op Inloggen/login. Vul hier uw gebruikersnaam in. Vul hier uw wachtwoord in. Dit zal verschijnen in puntjes. U bent nu ingelogd in het Endless CMS systeem. 2 3
2. Een pagina toevoegen. Stap 3: Kies het soort pagina dat u wilt hebben in de pulldown box. Je kunt een nieuwe pagina in het submenu aanmaken. Stap 1: Ga naar de pagina in het hoofdmenu waar u een pagina wilt toevoegen. Stap 4: Vul de naam in van de pagina. Stap 2: Klik op pagina toevoegen. Stap 5: Klik op opslaan. De pagina die u heeft toegevoegd zal verschijnen in het menu aan de linker kant. 4 Deze uitleg gaat verder op bladzijde 6 5
3. Een pagina vullen/aanpassen. 4. Een pagina verwijderen. Stap 1: Typ de tekst in het witte vlak van de pagina. Stap 1: Klik op de pagina die u wilt verwijderen links in het menu. Stap 2: Klik bij de opties op Deze pagina verwijderen. Stap 2: Klik links onderaan op het knopje opslaan. Stap 3: U komt nu op een pagina waar staat Deze pagina kan worden verwijderd. (Mocht er staan Deze pagina van niet worden verwijderd, neem dan contact op met Endless. Nu staat de content online op uw pagina! Stap 4: Klik nu op verwijder. U zult zien dat de pagina na het laden niet meer te zien is in het menu links. 6 7
5. Een sjabloon kiezen. Stap 3: Vul uw eigen tekst in in het sjabloon. Stap 1: Klik in het opmaakmenu op de knop met het icoontje weergegeven in het voorbeeld, dit opent het sjablonen menu. Een sjabloon is een vastgestelde indeling van een pagina. Stap 4: Klik als u klaar bent op de opslaan. Stap 2: Kies uit het pop-up menu 1 van de 3 sjablonen. Als u meerdere sjablonen wilt plaatsen en, of uw content wilt behouden kunt u dit uitzetten. Anders wordt de huidige content overschreden. Nu staat uw content in het ingevoegde sjabloon online. 8 Deze uitleg gaat verder op bladzijde 10 9
6. Een tabel aan een pagina toevoegen. Stap 1: Klik in het opmaakmenu op het Tabel invoegen/wijzigen icoontje. Stap 3: Uw tabel staat gereed alleen moet u hem nog invullen. Om de tabel aan te passen klikt u met de rechter muisknop op de tabel. Vervolgens klikt u op Eigenschappen tabel, hier krijgt u hezelfde venster te zien als bij stap 2. Stap 2: Vul alle vakjes in via het weergegeven schema hieronder. Klik hierna op OK. Aantal rijen: (aantal invulvakken onder elkaar) Aantal kolommen: (aantal invulvakken naast elkaar) Breedte van de tabel: (Zet maximaal 700 pixels of 100%) Hoogte van de tabel De afstand tussen de cellen en de afstand vanaf de rand Om snel een cel, rij of kolom toe te voegen klikt u met de rechter muisknop op uw tabel, hetzelfde pop-up menu zal verschijnen als bij stap 3. Voorbeeld hieronder. De samenvatting (Uw tabel goed samenvatten is belangrijk voor zoekmachines) De naam van de tabel. (Deze wordt boven de tabel gentoond) U kunt nu een tabel invoegen! 10 Deze uitleg gaat verder op bladzijde 12 11
7. Het gebruik van kopteksten. 8. Word tekst in de pagina plakken. Stap 1: Selecteer de koptekst. Stap 1: Selecteer in word de tekst die u wilt plaatsen in de pagina. Klik vervolgens met de rechter muisknop op de tekst en kies dan kopieer. Stap 2: Klik in het opmaakmenu op het plakken als platte tekst icoontje. Stap 2: Klik op opmaak, vervolgens klikt u op KOP 2. (De kop wordt automatisch aangepast in de juiste opmaak, dit is online te zien zodra u het opgeslagen heeft). Stap 3: Klik met de rechter muisknop op het open veld en kies plakken. Klik hierna op OK. Gebruik KOP 3 t/m 5 indien gewenst. Klik vervolgens op opslaan. Stap 4: Uw tekst is nu ingevoegd, klik vervolgens op opslaan 12 13
9. Een plaatje toevoegen. Stap 3: Er is nu weer een pop-up menu geopend. Klik op het plusje Stap 1: Klik in het opmaak menu op het Afbeelding icoontje. Stap 4: Selecteer de afbeelding die u wilt uploaden, klik vervolgens op open. Stap 5: U zult zien dat de titel van de afbeelding links naast het plusje is verschenen. Klik vervolgens op de knop upload. Stap 2: Er is nu een menu geopend. Laat alle velden open en klik in het menu op de Bladeren op server button. Stap 6: Als uw afbeelding is geupload ziet u de melding hieronder. Klik op OK en zoek vervolgens de afbeelding op in de file manager. Klik op de afbeelding. 14 Deze uitleg gaat verder op bladzijde 16 15
Stap 7: Klik in het menu dat verschijnt op selecteer 10. Titel van een pagina aanpassen. Stap 1: Klik op de pagina waarvan u de titel aan wilt passen. Stap 2: Klik op Opties in het menu. Stap 8: Vul nu alle data in via het weergegeven schema hier onder. Als u klaar bent klikt u op OK. Stap 3: Klik op het tekstvlak van de pagina titel. Gebruik maximaal 60 karakters over de inhoud in kern(zoek)woorden. De breedte en de hoogte van de afbeelding Zet de rand op 0. Stap 4: Typ hierna in het tekstvlak van meta description de beschrijving van de pagina in maximaal 24 woorden. Hspace= De horizontale ruimte tussen afbeelding en tekst. Vspace= De verticale ruimte tussen afbeelding en tekst. Stap 9: U heeft nu uw foto geplaatst. Klik onderaan de pagina op opslaan. Stap 5: Sla uw aanpassingen op door op de opslaan button te klikken. 16 17
11. Menu tekst aanpassen. 12. Link koppelen aan een webpagina. Stap 1: Klik op de pagina waarvan u de menu tekst aan wilt passen. Stap 1: Selecteer de tekst waar u een link aan wilt koppelen. Stap 2: Klik op Opties in het menu. Stap 2: Klik op het link invoegen/wijzigen icoontje. Stap 3: Klik op het tekstvlak van de menu tekst, hier staat de naam van de pagina in het menu. U kunt dit aanpassen naar een nieuwe naam. Stap 3: Klik op de witte balk onder URL en typ daarin de website waarnaar uw link moet leiden. Laat protocol op http:// staan. Let op! Maak de nieuwe naam niet langer dan dat de button is! Stap 4: Sla uw aanpassingen op door op de opslaan button te klikken. 18 19
Stap 4: Als u de URL ingevuld heeft klikt u in het menu op Doelvenster. 13. Een pagina herstellen met recover. Als u een fout heeft gemaakt en u uw pagina wilt terugzetten naar een eerdere versie kan dat met recover. Zodra de pagina een keer opgeslagen is is het mogelijk een vorige versie terug te zetten. Let op! U kunt tot 5 versies terugzetten! Stap 1: Klik op de pagina waarvan u een versie terug wilt zetten. tap 5: Klik in het dropdown venster op Nieuw venster. Stap 2: Klik op Recover. Stap 6: Klik als u het doelvenster heeft gekozen op OK rechts onderin. Dit brengt u terug naar het opmaakmenu. Stap 3: Kies de versie die u terug wilt zetten (Deze zijn genoemd op datum en tijd). Klik vervolgens op Terugzetten Stap 7: Klik links onderin op opslaan. U kunt uw link nu uitproberen op uw pagina. 20 21
14. Link koppelen naar een bestand. Stap 4: Er is nu een pop-up menu geopend. Klik op het plusje Stap 1: Selecteer de tekst waar u een bestand aan wilt koppelen. Stap 5: Selecteer het bestand dat u wilt uploaden, klik vervolgens op open. Stap 2: Klik op het link invoegen/wijzigen icoontje. Stap 6: U zult zien dat de titel vanhet bestand links naast het plusje is verschenen. Klik vervolgens op de knop upload. Stap 7: Als uw bestand is geupload ziet u de melding hieronder. Klik op OK en zoek vervolgens het bestand op in de file manager. Klik op het bestand. Stap 3: Klik in het menu op bladeren op server 22 23 Deze uitleg gaat verder op bladzijde 24
Stap 7: Klik in het menu dat verschijnt op selecteer 15. Nieuwsmanager Stap 1: klik op item toevoegen om een nieuw nieuws item toe te voegen Stap 8: U zult zien dat er nu een URL geplaatst is. Klik vervolgens op ok. stap 2: klik op nieuw bericht om hem te bewerken. Stap 9: U heeft nu uw bestand gelinkd aan uw geselecteerde tekst. Klik onderaan de pagina op opslaan. stap 3: Vul de juiste gegevens in. Titel: de title van het nieuws Samenvatting: de intro tekst van het nieuws Bericht: De rest van het nieuwsbericht 2 1 u kunt ook eventueel youtube filmpjes, plaatjes en links aan uw nieuwsbericht toevoegen 3 24 25
stap 4: Postdatum kunt u eventueel in de toekomst plaatsen. 16. Productmanager Stap 1: klik op item toevoegen om een nieuw product toe te voegen stap 2: Klik op nieuw om het product aan te passen naar je wensen. stap 5: Opslaan. u heeft uw post op uw website geplaatst. Je kunt ook de volgorde of het item verplaatsen zie deze uitleg op pagina 30. stap 3: Vul de juiste gegevens in. (1) Naam: de naam van het product (2)Samenvatting: de intro tekst van het product (3)Bericht: Een uitgebreide omschrijving van het product 2 1 3 26 27
stap 4: vervolgens sla je het bericht op (4) 17. Volgorde wijzigen / verplaatsen Bij het nieuws en product items kunt u de volgorde wijzigen en ze onder een andere catogorie zetten bijvoorbeeld in het archief van het nieuws. Volgorde wijzigen Stap 1: klik op volgorde wijzigen in het nieuws/producten database. 1 25 stap 5 voeg eventueel een of meerdere afbeeldingen toe. (5) stap 6 sla het product op. (4) 4 stap 2: klik op de cijfer van het item wat je op een andere plek wil hebben en geef hem een gewenste positie, het item wat boven aan staat met nummer 1 komt ook boven aan te staan in de volgorde van producten/nieuws De wijzigen worden van zelf opgeslagen. Je kunt ook de volgorde of het item verplaatsen zie deze uitleg op pagina 30. 28 29
Items verplaatsen U kunt nieuws en product items eenvoudig verplaatsen, naar een andere locatie. stap 1 Selecteer eerst de items die u wilt verplaatsen doormiddel van vinkje. (2) dit kunt u doen met een of meerdere item s 18. fotoalbum Wanneer u een nieuw fotoalbum heeft moet u eerst natuurlijk afbeeldingen uploaden dit doet u als volgt: stap 1: voeg de afbeeldingen toe die u in dit foto album wilt hebben door op afb. toevoegen (1) vanaf endles cms 4.0.6 (welke versie u heeft kunt u zien in de footer onder aan de pagina) kunt u de afbeeldingen er in slepen. 1 2 4.0.6 stap 2: Vervolgens klikt op de de catogorie naar keuze. (3) stap 3: klik op verplaats naar (4) en u items verplaatsen zich naar de catogorie die u heeft gekozen 4 Vervolgens kiest u de foto s die u wilt gebruiken voor het foto album, en wacht u tot ze upgeload zijn 3 30 31
Bewerkingen in het foto album Volgorde wijzigen: Stap 1: u klikt op de foto en houdt de muis ingedrukt en wanneer je sleept kan je de volgorde wijzigen er komt een stippellijn te voorschijn (1). Vervolgens klikt u op volgorde opslaan. 19. Header afbeelding wijzigen stap 1: ga naar de pagina waar u de header afbeelding wilt wijzigen klik vervolgens op opties stap 2: scroll na beneden tot u de header plaatjes ziet; stap 3: selecteer de afbeelding na keuze door het rondje onder de header te selecteren 2 1 Foto verwijderen: Wanneer u een of meerdere foto s selecteert kunt u deze verwijderen, door middel van op de verwijder selectie knop te drukken. Mocht u er een zelf willen toevoegen dit kan natuurlijk ook, dan scrollt u naar onder en klikt u op de knop Headers. stap 4: dan klikt u op toevoegen -> bestand kiezen en kiest u het plaatje op de computer welke je als header afbeelding wilt gebruiken. Let op afbeelding mag maximaal 1 mb zijn stap 5: dan klikt u op de foto zodat u de foto op de gewenste manier kunt uitsnijden wanneer u tevreden bent over de uitsnede klikt u op bewaar en kunt u de foto toewijzen aan de gewenste pagina s mocht het niet in een keer in lukken moet u het nog een keer proberen. stap 6: vergeet niet om op opslaan te klikken. 32 33
20. Navigatie wijzigen stap 1: Ga naar een willekeurige pagina en klik op na Wijzig navigatie 21. Pagina Layout kiezen Voor elke pagina kunt u een eigen layout kiezen Stap 1 kies een pagina over welke layout u niet tevreden bent kies voor de tab opties scroll naar bende naar Pagina layout: u kunt uw keuze maken door middel van te klikken op het bolletje onderaan de layout. Stap 2: klik op opslaan stap 2: u kunt heel eenvoudig doormiddel van slepen pagina s verplaatsen Bij de meeste website s hebben wij de volgen keuze s Menu links: Het sub menu is links en het hoofd menu blijft boven aan staan Menu rechts: Het sub menu is rechts en het hoofd menu blijft boven aan staan Een kolom: Alles staat onder elkaar Hor 2e menu Het sub menu blijft zichtbaar onder hoofd menu Home: De Layout hebben we speciaal opgemaakt voor de homepage stap 3: wanneer u alle pagina s op de gewenste positie hebt gesleept klikt u op opslaan Let op u kunt pas vanaf cms 4.0.7 hier gebruik van maken Custom hor Deze layout werkt samen met blokken die te customisen zijn door u, meer over blokken kunt u lezen op pagina 38 de blokken staan horizontaal naast elkaar. Custom ver Deze layout werkt samen met blokken die te customisen zijn door u, meer over blokken kunt u lezen op pagina 38 de blokken staan aan de linker kant onder elkaar. Contact: Speciale layout voor de contact pagina 34 35
22. Sliders toevoegen en aanpassen Wilt u een slider aan een pagina toevoegen dit gaat als volgt Bewerk de pagina, kies voor optie s scroll naar beneden en kies de juiste slide show. vervolgens klikt u op opslaan u kunt uw tekst er in typen en bepalen welk effect u wilt wanneer u tevreden bent klikt u op opslaan Wanneer u een nieuwe slideshow wilt toevoegen klik je links boven op slideshow toevoegen u kunt ook teksten in de slider toeovegen door middel van layers toevoegen hier kunt u ook een bepaalde uitstraling aan geven door op het groene typo knopje te drukken Slider bewerken/aanmaken Wanneer u een slider wilt aanpassen klikt u onderaan uw website op slider, vervolgens opent slider menu zich zelf, en klikt u op de slider die u wilt aanpassen in het linker menu. Vervolgens klik je op slider aanpassen bij welke afbeelding je het wil aanpassen. 36 37
23. Autonome pagina s Autonome pagina s zijn pagina s die niet in het hoofd menu voorkomen deze pagina s maken wij aan voor u. Autonome pagina s zijn bijvoorbeeld: - disclaimer - bedankt pagina - sitemap ect. u kunt ze hier bewerken 24. Blokken Blokken zijn gemaakt om kant en klare stukken code te gebruiken in de custom templates je kunt hierbij denken aan een inschrijf formulier voor een nieuwsbrief, laatste nieuwsitems, banners, laatste agenda items, eenvoudig contact formulier of een zelfgemaakt stukje code. De blokken zijn gemaakt voor ervaren gebruikers die ervaring met html hebben. 38