Handleiding CMS Inhoud 1. Nieuws-items... 2 2. Teksten / pagina s... 4 3. Fotobanners... 12 4. Maand Courant... 16 5. Tijden... 17 6. Rooster PDF vervangen... 23 7. Tarieven... 24 8. Logos... 28 9. Links bij menu-item links... 30 10. Slogan... 31 11. Gastenboek... 32 12 Medewerkers... 34 12. Promofilmpjes toevoegen... 36 13. Fotoalbums... 40 Letop!! Niet alle screenshots komen overeen met de werkelijkheid of aansluiting op uw CMS doordat deze Handleiding ook samengesteld is met standaard handleiding elementen. Er kunnen later wijzigingen voorkomen wat schriftelijk en/of visueel niet is aangepast. Voor aanpassingen kan er gemaild worden naar info@iwad-online.com met een duidelijk omschrijving wat, waar aangepast moet worden met de wijzigingen eventueel wat er gemist word. - 1 -
1. Nieuws-items Als u ingelogt bent ziet u het volgende scherm: Om een nieuwsbericht toe te voegen klikt u op Nieuws toevoegen. U krijgt het volgende scherm te zien: Op de volgende pagina kunt alle icoontjes met beschrijving zien: - 2 -
- 3 -
2. Teksten / pagina s Als u inlogt op het CMS van de site met de bewuste gegevens dan ziet u het volgende scherm het overzicht: Hier kan men via de functie Pagina toevoegen om er een extra pagina bij te plaatsen dan zie u het volgende scherm: - 4 -
U kan het volgende invullen: - Hoofdmenu: hier kunt u ja of nee invullen of het menu item bij de andere menu-items komt of niet. - Actief: hier kunt u aangeven of de menu item online te zien is. - 5 -
- Menu-item: hier kunt u de menu-item naam opgeven. - Metaomschrijving: hier kunt u een omschrijving maken van de pagina, deze ziet enkel de zoekmachine. Dit is beperkt tot 1000 karakters - Meta zoekwoorden: hier kunt u de zoektermen invoeren voor ook de zoekmachines. - Steekwoorden: hier kunt u de drie belangrijkste steekwoorden plaatsen waar de pagina over gaat. - Titel: hier kunt u de titel van de pagina invullen die boven de tekst komt te staan. - Tekst: hier kunt u de tekst plaatsen. Voor beschrijving van de knoppen zie de volgende pagina. - Om de pagina toe te voegen klikt u op de Opslaan knop. - 6 -
Dit is een voorbeeld van knoppen met beschrijving. - 7 -
Foto s / plaatjes aan een pagina toevoegen: Om plaatjes/foto s op de server te plaatsen doet u het volgende u klikt op de insert file icoontje: in de onderste balk laatste icoontje van links naar rechts wanneer je daar op klikt zie je het volgende scherm: Hier komen alle plaatjes te staan die u op de server heb geplaatst u kunt gebruiken. Om er een op de server te plaatsen klikt u op het Upload linkje nu ziet u het volgende scherm verschijnen: Via Choose files kunt u via de windows verkenner de foto s/ plaatjes gaan selecteren door Open te klikken. - 8 -
Als u op Upload to server knop klikt dan worden de plaatjes/foto s op de server geplaatst. Nu kunt u het plaatje plaatsen door op het plaatje te klikken en dan op view te klikken dan kunt u de tekst: images/plaatje.ext kopiëren zoals images/boss.jpg die kunt u dan via de het volgende icoon toevoegen: In het volgende scherm: - 9 -
kunt u de link toevoegen u kan voor de images nog een../ ervoor zetten als u op tab klikt dan ziet u een voorbeeld van het foto / plaatje via appearance kunt u aangeven hoe groot (200px breed) de hoogte gaat mee dat er geen misvorming is van de foto s en welke Class u de foto mee wil geven. Bij class zijn er drie die je kan gebruiken: - fotolinks, - fotomidden, - fotorechts De rest heeft geen invloed op de site betreft de foto s. Als u nu op Insert klikt dan word de foto of plaatje toegevoegd. - 10 -
Pagina s verwijderen: Om pagina s te verwijderen heeft u meerdere opties: Om per één bericht te wijderen of: Door de vinkjes aan te vinken kunt u meerdere pagina s verwijderen door op de onderste knop te klikken. Bij alle twee de keuzes krijgt u de vraag of u het zeker weet. - 11 -
3. Fotobanners Als u een fotoslide wilt toevoegen, wijzigen of verwijderen kunt naar de Fotobanners module gaan. Hier ziet u het volgende scherm: Als op de link bekijken klikt dan ziet u de volgende scherm hier zie je de foto s op de goede maat die u erop hebt gezet. Om een Fotobanner toe te voegen klikt u op de link fotobanner toevoegen. Daarna ziet het volgende scherm: - 12 -
Hier kunt een Titel geven en u kunt een bestand kiezen via de Verkenner waar u kunt zoeken naar de juiste foto. Als u er een geselecteerd hebt klikt u op toevoegen om fotobanner toe te voegen. Als u een foto wilt vervangen dan kunt u dat doen door op wijzigen te klikken in het overzicht of onder foto voorbeeld. Dan kunt u in volgende scherm het bestand kiezen.via een verkenner kunt u zoeken naar de juiste foto die u wilt zien verschijnen in de fotobanner slide. Klik op de knop Foto wijzigen en daarna is de foto gewijzigd. Verder kunt u de foto bewerken op maat hoe hij in de slider moet komen via bewerken dan ziet u het volgende scherm: - 13 -
Het lichte gedeelte zie je na het opslaan van de cropper via bewerken knop. U kunt het stuk verplaatsen waar u maar wilt, door in het stuk met de muisknop aan te klikken en vast te houden en dan verschuiven. Het is mogelijk dat de foto daarna nog niet goed in beeld komt dan klikt u op CTRL+F5. - 14 -
Om de titel te wijzigen klikt u via het overzicht op Tekst aanpassen. U ziet het volgende scherm: Hier kunt u de Titel aanpassen en of de foto te zien is op de site en door opslaan kunt u de titel en de status wijzigen. Om de fotobanner te verwijderen klikt u in het overzicht op het linkje verwijderen achter een foto banner Om de foto definitief te verwijderen klikt u op ja en anders op nee en daarna verwerken. - 15 -
4. Maand Courant Om een maand courant toe te voegen gaat u naar de Maandcourant module u ziet dan het overzicht: U kunt eventueel ook courant verwijderen door het vinkje er voor te zetten en op de knop Geselecteerde Maand Couranten verwijderen. Om een Maand Courant toe te voegen klikt u op Maand Courant Toevoegen Ik krijgt dan volgende scherm: Via bladeren kunt u naar het juiste pdf betsand zoeken op uw pc. Door op Uploaden word de PDF bestand geupload worden echter kan het even wachten en u moet de browser niet afsluiten. - 16 -
5. Tijden Als je op module tijden klikt ziet u onderstaand scherm: Via Overzichten kan je naar de bovenstaande overzichten: Activiteiten overzicht: - 17 -
Tijden overzicht: Nieuwe tijden overzicht: - 18 -
Vakantierooster overzichten en deel 2-19 -
Via bewerkmenu zie je de volgende items: Om tijden aan te passen kan dat per dag van de week zie volgende scherm: Als je op een bepaalde dag klikt ziet u het volgende scherm: - 20 -
Per actieve tijd kunnen er drie tijden met zaal en aantal plekken ingevult kan worden onderaan staat het opslaan of wijzigen knopje. De overige dagen en ook de rest van de items uit de bewerkmenu is ongeveer vergelijkbaar Men kan aan de lijst met activiteiten en/of groepslessen ook activiteiten toevoegen in het rooster door op Activiteit toevoegen te klikken. U ziet volgend scherm verschijnen hier kunt u een activiteit toevoegen: - 21 -
Het volgende scherm verschijnt als u naar Activeer menu gaat. Hier kan men aangeven of het verschijnt in het menu op de site: Door ja of nee aan te vinken verschijnt het menu-item wel of niet - 22 -
6. Rooster PDF vervangen Om de rooster te vernieuwen klikt u op de Rooster (PDF) vervangen module u ziet onderstaand scherm: Door op Rooster (PDF) vervangen krijgt u onderstaand scherm waar u kunt bladeren naar het bewuste PDF bestand. Door op Uploaden word het andere PDF rooster vervangen. - 23 -
7. Tarieven Om de tarieven aan te kunnen passen klikt u op de Tarieven module u ziet onderstaand scherm met een overzicht wat waar komt te staan: Hier kunt u de diverse overzichten openen. Alle tarieven overzicht: - 24 -
Evenementen-activeiten overzicht: Hier kunt u ook Evenementen/activieten verwijderen en aanpassen. Betalingsmethode overzicht: Hier kunt u ook Betalingsmethode verwijderen en aanpassen van naam en het evenement koppeling. - 25 -
Alle Categorieën overzicht: Hier kunt u ook Categorieën verwijderen en aanpassen van naam en het evenement koppeling. Via tarieven wijzigen ziet u het volgende scherm hier kunt u de prijzen aanpassen en/of tarieven: - 26 -
Via Evenement toevoegen kunt u een activiteit of evenement toevoegen: Bij betalingsmethode toevoegen kunt u een nieuwe betalingsmethode toevoegen, er moet wel een evenement gekoppeld worden: Zo ook bij categorie moet er een Evenement gekoppeld worden: - 27 -
8. Logos Als u naar de logos module gaat ziet u het volgende scherm: Om een logo toe te voegen klikt u op Logos toevoegen link: Het volgende moet of kan ingevuld aangeven worden voor een goede weergave: - Titel: dit zie je in het overzicht en ook als je in de site over het logo gaat. Dit kan variëren per browser. - In de site of buiten de site: Hier moet men goed opletten want de code is ingesteld als de doorlink in de site zelf of er buiten is. - Link Extern : als de doorlink buiten de site van sport en testcentrum is moet men dit veld vullen met de volledig url met http. - Link intern: Hier kan men uit alle beschikbare pagina s kiezen in een lijstje. - Via bladeren kan je een logo opzoeken let op dat het een JPG formaat is. - 28 -
Als het logo aangepast moet worden kunt u achter het desbetreffende logo wijzigen klikken u krijgt volgend scherm: Via bladeren kunt u het logo aanpassen. Achter desbetreffend logo kunt u ook de tekst en etc aanpassen door Tekst aanpassen aan te klikken: - 29 -
9. Links bij menu-item links Om Extern links aan hoofdmenu links te kloppen klikt u op de module links: Om een link toe te voegen klikken klikt u op Link toevoegen u ziet onderstaande scherm dit is bij aanpassen het zelfde alleen gevuld natuurlijk: Let erop dat men de link ook offline of online kan zetten. - 30 -
10. Slogan Als je de slogan wilt aanpassen in de banner boven klikt u op de Slogan in banner module: Om de banner slogan aan te passen klikt u op Banner in het overzicht u ziet daarna het volgend scherm: Hier kan de tekst in de banner aanpassen en ook het filmpje de code achter de watch?v= vanuit de adres van de browser. - 31 -
11. Gastenboek - 32 -
- 33 -
12 Medewerkers Om medewerkers te kunnen bewerken gaat u naar het CMS module Medewerkers U krijgt nu een overzicht van alle medewerkers te zien: Om een medewerker toe te voegen klikt u op medewerker toevoegen u ziet het volgende scherm het is het zelfde scherm als bij Beschrijving Bewerken: Onderaan staat er een knop Medewerker toevoegen of Medeweker Bewerken de functie is het zelfde. - 34 -
U kan ook een foto toevoegen u klikt op de link Foto veranderen achter de bewuste medewerker voor het aanpassen van de foto en/of toevoegen. U kunt via bladeren op de PC naar de juiste foto zoeken. U kunt in het overzicht ook de positie van de foto instellen links, rechts en klik na het kiezen op onderstaande knop Foto Uitlijnen Wijzigen - 35 -
12. Promofilmpjes toevoegen Men moet minimaal vier stappen volgen. De eerst stap is de upload dit moet gedaan worden via www.youtube.com via de knop inloggen kan men inloggen met de verstrekte gegevens: Klik naar het inloggen op de vdrunen met een blauw icoontje ervoor Via de knop Uploaden rechtsboven kan men films uploaden denk er aan dat er een tijdje overheen gaat voor dat de film geupload is en aangepast voor weergave. Hieronder het proces en eventueel opmerkingen: Let op dat je in het vakje op verborgen aanklikt. Dit staat wel vast ingestelt, echter zou ik er even na kijken voor de zekerheid. - 36 -
Klik daarna op de grote pijl die naar boven wijst hij veranderd in rood als je er overheen gaat: Men krijgt een popup schermpje te zien over het algemeen kan men alle videobare bestanden selecteren/uploaden. Youtube verwerkt de bestanden naar hun maat format Na dat de filmpjes geupload zijn is er een tweede stap: De bewust filmpjes selecteren: Boven in staat Acties als men hierop klikt dan krijg je een vervolgmenu klik op de onderste functie Geavanceerd Daarna op insluiten klikken je krijgt het volgende te zien: - 37 -
Hier kiest men voor inschakelen. Klik daarna op Verzenden. Dit is nodig om de filmpjes op de site te laten zien. Het is mogelijk dat er achter het filmpje de volgende tekst staat Overeenkomende inhoud van derde Hier kan men het geluid van af halen waar het omgaat, lees de tekst goed na dat men erop heeft geklikt. Nu ben men bij de derde stap. Men klikt op het filmpje waar het om gaat bijvoorbeeld: Men kopieert alleen de code achter watch?v= dus hierbij 5ea7h_3RN7k - 38 -
Ga nu via de cms naar de Filmpjes module via Film toevoegen kunt u een filmpje toevoegen/linken via het linkje Film toevoegen: Het volgende scherm ziet u naar het klikken op de Film toevoegen link. De code die je moet kopiëren kunt u in de Filmembedded veld invoeren. - 39 -
13. Fotoalbums Hier ziet u op het ogenblik een leeg overzicht. U kunt via Album Aanmaken een fotoalbum aanmaken en de volgorde er van: Door op volgende te klikken heeft u een album aangemaakt. Let op geen é of / gebruiken in beide velden dit kan problemen opleveren. - 40 -
Op Foto toevoegen kunt u een album vullen met foto s: Kies op de het vak Albums het juiste album klik daarna op volgende. U ziet het volgende scherm: Via bladeren kunt u de foto s opzoeken op uw PC. - 41 -
Wanneer u de diverse foto s geselecteerd heb klik dan op opslaan laat het scherm open tot het klaar is per item komt er completed te staan en verdwijnen. In het overzicht kunt u ook de volgende doen: - De albumnaam zelf of Fotos in album aanpassen: u kunt daar bekijken welke foto s er in staan. - Album naam bewerken: Hier kunt u da naam van de album aanpassen. Let op geen é of / gebruiken dit kan problemen opleveren. - U kunt ook via de selectie album(s) verwijderen. Verder als u in het overzicht van het album bent kunt u het volgende aanpassen: - 42 -
- Grote versie:het grote versie word vergroot in een ander venster. - Als voorbeeld: Dit is om een voorbeeld te kiezen van het album. - Via de selectieblokjes kunt u een of meerdere foto s verwijderen. Dit door de knop Geselecteerde Fotos verwijderen. - 43 -