XITEFORCE CMS. december 2013

Transcriptie

1 XITEFORCE CMS V6 december

2 Inhoudsopgave 1. Inleiding Inloggen op Xiteforce Een eerste kennismaking met de gebruikersomgeving Indeling van het scherm Leren werken met specifieke onderdelen De tekst editor Afbeeldingen beheren Inleiding tot de modules Pagina s Content element hergebruiken

3 1. Inleiding Welkom bij de handleiding voor Xiteforce; het online Content Management System dat gekoppeld is aan uw website. Met Xiteforce kunt u op een eenvoudige wijze zelf de inhoud van uw website beheren; denk hierbij o.a. aan het aanmaken van nieuwe pagina s, het bewerken van teksten en het plaatsen van afbeeldingen. Het grote voordeel van werken met Xiteforce is dat u de aanpassingen aan uw website zélf kunt doen, zonder dat u hiervoor enige technische kennis nodig heeft. Zoals u in deze handleiding kunt lezen, biedt Xiteforce een zeer groot aantal functionaliteiten. Deze functionaliteiten zijn gegroepeerd in zogenaamde modules, die ieder hun eigen taak vervullen. Zo is er een module voor het beheren van de webpagina s, een module voor het plaatsen van nieuwsartikelen, een module voor agenda s, voor polls en voor portfolio s. Speciaal voor webwinkels zijn er modules waarmee het productenaanbod kan worden aangepast, maar ook klant-, order- en betalingsgegevens kunnen worden beheerd. Modules voor nieuwsbrieven versturen, rapporten en statistieken genereren, ledenaccounts beheren. Omdat Xiteforce echter altijd als maatwerksysteem aan een website gekoppeld wordt, zullen niet al deze modules ook daadwerkelijk voor uw eigen website beschikbaar zijn. De modules die wél beschikbaar zijn, zijn geïmplementeerd op basis van de vooraf met u besproken mogelijkheden van uw website. Xiteforce is desondanks ingericht als een flexibel platform. Overige modules kunnen op een later tijdstip dan ook eenvoudig en snel worden toegevoegd wanneer er nieuwe functionaliteiten op uw website nodig zijn: groeit uw website, dan groeit Xiteforce mee. Xiteforce zal in elke gangbare browser werken, hoewel het is aanbevolen om altijd de laatste updates in huis te hebben voor uw PC. Dit komt de snelheid en veiligheid ten goede. Wij adviseren Firefox of Google Chrome. In dit document treft u een beschrijving van de gebruikersomgeving van Xiteforce en leert u werken met de belangrijkste onderdelen. Wanneer u na het lezen van deze handleiding en de helpfuncties nog vragen heeft omtrent (werken met) Xiteforce, dan kunt u deze richten aan: support@nexxite.nl Wij wensen u veel plezier met het gebruik van Xiteforce! 3

4 2. Inloggen op Xiteforce Xiteforce is eenvoudig te bereiken door in de adresbalk van uw webbrowser te navigeren naar het internetadres: Voor u ziet u nu het inlogscherm van Xiteforce, zoals weergegeven in afbeelding 1. Om in te loggen vult u achtereenvolgens de Backoffice, Gebruiker en het Wachtwoord in dat u heeft verkregen bij de oplevering van uw website. Klik vervolgens op de knop Inloggen om toegang te verkrijgen tot Xiteforce. Opgelet! Zorg dat de alle bolletje rechts beneden groen gekleurd zijn. Vaak is het laatste bolletje rood en dat betekend dat er een popup blocker actief is. Zorg er voor dat u deze popup blocker goed instelt en de url volledig toegang geeft. Druk daarna op F5 en ook dit bolletje zal groen kleuren. U kunt nu op een juiste manier inloggen Afbeelding 1 4

5 3. Een eerste kennismaking met de gebruikersomgeving Alvorens u leert te werken met specifieke onderdelen van Xiteforce, wordt er hier eerst een introductie gegeven op de gebruikersomgeving. Na het lezen van dit hoofdstuk weet u hoe Xiteforce er uitziet, hoe de indeling is en hoe de algemene navigatie verloopt Indeling van het scherm Xiteforce is in drie belangrijke stukken opgedeeld (het logo en de kleurstelling kan afwijken): Afbeelding 2 1 Module weergave Bovenaan dit modulemenu staat de naam van uw website, kunt u naar uw instellingen gaan of uitloggen. Daaronder staan alle modules weergegeven die geactiveerd zijn voor uw website. Met behulp van dit hoofdmenu kiest u de module waarbinnen u wijzigingen wilt aanbrengen. 5

6 2 Lijst weergave In onderstaand voorbeeld is er in de moduleweergave eerst voor de module Pagina s gekozen, waarmee de inhoud van uw webpagina s kan worden aangepast. U ziet nu de lijstweergave (2). In deze lijstweergave treft u altijd een opsomming van de onderdelen van uw website. Hetgeen u te zien krijgt hangt af van de gekozen module; zo worden bij de module Pagina s de pagina s van uw website weergegeven (zoals in onderstaand voorbeeld), bij de module Klanten het overzicht van uw klanten, bij de module Orders het overzicht van de orders, enz. Afbeelding 3 In de lijstweergave worden een aantal rijen weergegeven met daarin algemene informatie; Iedere rij begint met een titel (in bovenstaand voorbeeld is dit de paginatitel van een webpagina), Binnen de lijstweergave heeft u de mogelijkheid om belangrijke, overkoepelende acties uit te voeren met behulp van het taakbalk (1), zoals het aanmaken van een nieuwe pagina. Wanneer u (de inhoud van) een rij wilt aanpassen, klikt u op de desbetreffende titel. Hierdoor verandert de weergave van het detail weergave (derde kolom); de lijstweergave zal worden vervangen en de inhoud van de gekozen rij zal worden getoond in de zogenaamde detailweergave. 6

7 3 Detail weergave Binnen de detailweergave heeft u de mogelijkheid om de inhoud van een eerder gekozen rij aan te passen. De exacte inhoud is afhankelijk van de module waarin u zich bevindt; in onderstaand voorbeeld van de module Pagina s heeft u onder meer de mogelijkheid om de titel, de teksten en de afbeeldingen van de gekozen pagina van uw website te bewerken. Afbeelding 4 Binnen de detailweergave bevinden zich altijd diverse invul- en keuzevelden (1), waarin u informatie kunt typen, aanpassen, selecteren of verwijderen. Vóór het invul- of keuzeveld staat steeds beschreven waarop deze betrekking heeft (2). De velden staan in een rechtstreekse verbinding met uw website. Een aanpassing in een veld resulteert dan ook in een aanpassing op uw website. De bewerkingen die u in de velden doet worden opgeslagen zodra u in de taakbalk op Opslaan klikt. 1. Naast de invulvelden kent de detailweergave voor de meeste modules nog aanvullende mogelijkheden; zoals het tekstvak met de teksteditor (3), en de mogelijkheid om afbeeldingen toe te voegen (4). In het volgende hoofdstuk wordt dieper ingegaan op deze specifieke onderdelen. 7

8 4. Leren werken met specifieke onderdelen In dit hoofdstuk staat beschreven hoe u omgaat met enkele belangrijke onderdelen van Xiteforce. Na het lezen van dit hoofdstuk weet u hoe de teksteditor werkt en hoe u uw afbeeldingen en downloads kunt beheren binnen Xiteforce De teksteditor De detailweergave van vrijwel iedere module bevat een tekstvak met teksteditor. Dit onderdeel vormt dan ook één van de belangrijkste mogelijkheden van Xiteforce. Het tekstvak kan worden gebruikt om de teksten en andere elementen (zoals tabellen, hyperlinks, afbeeldingen, flashanimaties en downloads) te plaatsen, die worden weergegeven op uw website. De teksteditor (die is afgeleid van de gebruiksvriendelijke menubalk van het programma Microsoft Word) wordt gebruikt om de inhoud van het tekstvak te bewerken. De belangrijkste functies van de teksteditor staan hieronder beschreven: Media toevoegen Met deze knoppen kunt u achtereenvolgens downloads, video/(flash)animaties en afbeeldingen toevoegen aan uw webpagina. Wanneer u op één van deze knoppen klikt, wordt er een nieuw scherm geopend waarbinnen u uw gewenste bestanden kunt uploaden, instellen en plaatsen. Verderop in dit hoofdstuk zijn de opties per mediatoepassing verder uitgelicht. Teksten bewerken Met deze knoppen kunt u de tekstgrootte aanpassen, maar ook o.a. de kleur, weergave (vet, cursief, onder- of doorstreept), uitlijning en opsomming van woorden, zinnen of complete alinea s aanpassen. Ongedaan maken Gebruik deze knoppen om voor- of achteruit in de tijd te gaan om hiermee wijzigingen (on)gedaan te maken. Links instellen Wanneer u een stuk tekst selecteert en vervolgens op het kettinkje klikt, opent er een nieuw venster. Hierin kunt u aangeven naar welke URL de link moet verwijzen, of deze zich in hetzelfde of een nieuw venster moet openen en welke tekst er verschijnt wanneer men met de muis over de link heengaat. 8

9 Teksten plakken Wanneer u niet in het tekst vak wilt typen, maar teksten wenst te kopiëren vanuit een andere locatie (bijvoorbeeld vanuit een website of tekstverwerkingsprogramma als Microsoft Word) heeft u meerdere mogelijkheden om deze in te voegen. Ondanks dat u gekopieerde teksten direct in het tekst vak kan plakken, raden wij u aan om eerst op één van bovenstaande icoontjes klikken. Er verschijnt dan een nieuw scherm waarin u de tekst kunt plakken om deze toe te voegen. Wanneer u op het eerste icoontje klikt, wordt de tekst geplaatst als platte tekst. Wanneer u op het tweede icoontje klikt, wordt de tekst geplaatst zonder de originele opmaak; alle vormgeving, hyperlinks, enz. van het origineel gaan verloren; hiervoor in de plaats komt de standaardopmaak, zoals deze is ingesteld voor uw website. Houdt u er rekening mee dat hyperlinks opnieuw dienen te worden ingesteld wanneer u kiest voor deze optie. Klikt u daarentegen op het icoontje met de W, dan kunt u teksten met behoud van de originele opmaak plakken. De originele vormgeving wordt nu behouden en doorgezet op uw website, maar kan mogelijk afwijken van de rest van uw website. Tabellen maken Met bovenstaande knop heeft u de mogelijkheid om tabellen te tekenen en rijen, kolommen of individuele cellen in te voegen, bewerken of verwijderen. Wanneer u eenmaal een tabel heeft aangemaakt kunt u specifieke wijzigingen (zoals tekstuitlijning in cellen) aanpassen, door met uw rechtermuisknop op de tabel te klikken. Tekst vak vergroten/verkleinen Met De MIN en de PLUS knop kan het tekst vak worden vergroot, dat kan handig zijn als er veel tekst in staat. Deze instelling blijft bewaard. Overige knoppen Naast de belangrijkste knoppen (welke hierboven beschreven zijn), bestaan er nog meer opties in de teksteditor. Zo kunt u selecties maken, lijnen tekenen, speciale tekens invoeren, enz. Voor de ervaren gebruiker is het zelfs mogelijk om de ingevoerde teksten te bewerken met de ingebouwde HTML editor. Wanneer u met uw muis over de icoontjes van de teksteditor gaat, wordt de functie van de desbetreffende knop kort omschreven, zodat u altijd kunt zien tot welke resultaat het aanklikken van die knop zal leiden. 4. Tip! Speel met alle mogelijkheden van de teksteditor om hier vertrouwd mee te raken; op die manier zal in de toekomst het beheren van uw website sneller en eenvoudiger gaan. 9

10 4.2. Afbeeldingen beheren Het beheren van afbeeldingen vormt een belangrijk onderdeel van Xiteforce. Voor dit onderdeel is er dan ook een aparte module Afbeeldingen (deze is op de volgende pagina weergegeven) ontwikkeld. Deze module is op twee manieren te bereiken; direct vanuit de teksteditor of door het aanklikken van de Afbeelding toevoegen bij een invoerveld voor een afbeelding. Nadat u in de module een afbeelding heeft geüpload heeft u de mogelijkheid om deze in de detailweergave te plaatsen in het tekst vak of op een speciaal daarvoor ingeruimde plaats op uw webpagina. Afbeelding 5 Wanneer u navigeert naar de module Afbeeldingen, verschijnt de onderstaande weergave (in dit voorbeeld is de module reeds voorzien van enkele afbeeldingen). Hier ziet u een overzicht van de afbeeldingen die zijn geüpload, de mappen te beheren (1), plaatjes te uploaden (2), overzicht van afbeeldingen (3) en acties uitvoeren op specifieke afbeeldingen 4. Om een afbeelding te uploaden klikt u op de knop Uploaden (2), vervolgens verschijnt er een nieuw scherm waarmee u op uw computer kunt zoeken naar afbeeldingen, deze selecteren en uploaden naar uw website. 10

11 5. Inleiding tot de modules In dit hoofdstuk volgt een beschrijving per module. Per login kunnen deze verschillen. Er zullen dus modules zijn die niet voor u van toepassing zijn en na login ook niet zichtbaar zvoor u zijn. 11

12 5.1. Pagina s Met deze module beheert u de content van de website. Nieuwe pagina maken Klik op Pagina Klik rechts in de werkbalk op Nieuw Er opent een popup scher. Klik op Enkele pagina Vul alle verplichte velden in Kies de juiste template voor de pagina Klik op de knop Opslaan De nieuwe pagina wordt aangemaakt op basis van de gekozen template. Het popup scherm zal gesloten worden en de nieuwe pagina wordt zichtbaar in de website structuur en de pagina kan direct bewerkt worden. 12

13 Pagina > tab Algemeen Het gaat hier om algemene instellingen voor de pagina. Het betreft hier geen zichtbare content, deze bevinden zich onder de tab Pagina Indeling. 1. De naam van de pagina die alleen zichtbaar is in het CMS en niet op de website. Deze naam kan van alles zijn. 2. De url waarop de pagina gevonden kan worden. Het is de URL zonder de domeinnaam. De url begint altijd met een / en moet uniek zijn. 3. De gekozen template, deze kan niet meer gewijzigd worden. Als de template veranderd moet worden dan moet er een nieuwe pagina aangemaakt worden. 4. Aangevinkt is de pagina online beschikbaar op de website. 5. Aangevinkt is deze pagina alleen beschikbaar als er ingelogd is op de website. Deze login functie is standaard niet aanwezig. Vraag de website bouwer voor meer informatie. 6. De naam die in de navigatie van de website gebruikt wordt 7. De plaats van het menu-item in de navigatie op de website 8. Als er in de navigatie op het menu-item wordt geklikt open de nieuwe pagina in hetzelfde browser scherm of in een nieuwe scherm. 9. Aangevinkt is het menu-item klikbaar in de navigatie op de website 10. Aangevinkt is het menu-item zichtbaar in het menu. 11. Deze functie is standaard niet aanwezig. Vraag de website bouwer voor meer informatie. 12. Deze functie is standaard niet aanwezig. Vraag de website bouwer voor meer informatie. 13. t/m 16. Voor meer informatie over metatags zie de handleiding Metatags invullen per pagina. 13

14 Pagina > tab Pagina Indeling Het gaat hier om content bewerking welke zichtbaar zijn op de website. Algemene instellingen bevinden zich onder de tab Algemeen. 1. Het toevoegen van een nieuw element aan de pagina. 2. Het toevoegen van een bestaand element aan de pagina. 3. De pagina bekijken op de website (opent in een nieuw venster) 4. De template indeling van de pagina. Standaard staat deze actief op content. Klik op een ander blok om te deze activeren. 5. Aangevinkt is het content element actief op de website. 6. Indien er meer elementen onder elkaar staan kan de volgorde ervan worden veranderd door de pijlen omhoog en omlaag. 7. Klik om het element los te koppelen van deze pagina. Het element zelf wordt niet verwijderd en is achteraf wederom te gebruiken in het CMS. 8. Geeft het aantal pagina s weer waarop dit element gebruikt wordt. Dit betekend dat een aanpassing van het element ook plaats vindt op alle andere pagina s waaraan dit element gekoppeld is. 9. Naam van het element, niet aanpasbaar. 10. En 11. Zijn velden waar content ingevuld kan worden, een titel eens tuk tekst, foto, video enz. Bij welke pagina van de website kan dit anders zijn. Alle ingevoerde content is direct zichtbaar op de website. 14

15 5.2. Content element hergebruiken Klik op Pagina ga naar de pagina waarvan je het element wilt gaan hergebruiken We kiezen als voorbeeld het element "slider" welke nu op elke pagina gebruikt wordt, dit wordt ook aangegeven door het cijfer helemaal rechts (staat nu op 37) Om nu een exclusieve slider te maken voor deze pagina gaan we als volgt te werk Klik bovenaan in de werkbalk op de knop "nieuw element toevoegen" Er verschijnt een popup-scherm. Vul een naam in voor het CMS, deze wordt op de site niet gebruikt en is voor de eigen herkenbaarheid. Kies in de linker kolom voor de reeds bestaande slider genaamd "slider" en klik bovenaan op de knop "Opslaan" 15

16 Er is nu een nieuw element gemaakt met een slider gebaseerd op de bestaande slider die in het overzicht hierboven hebben gekozen. Alle waarden van de invulvelden zijn ook mee overgenomen en kunnen zonde enig risico worden verwijderd dan wel aangepast. Dit element "Slider voor Nightcare" is nu uniek voor de pagina "Nightcare", dat zie ook aan het cijfer 1 helemaal rechts van het element. Verwijder nu het bestaande slider element door rechtsboven op het rode rondje te klikken, hiermee wordt het element niet verwijderd maar losgekoppeld van de pagina "Nightcare", we hebben immers een nieuwe slider gemaakt en gekoppeld. De nieuwe slider ""Slider voor Nightcare" kan nu ingevuld worden met de juiste foto's en daarna druk je op de knop "opslaan". De nieuwe slider is nu actief 16