Handleiding Applic WPS 2.0 Stap 1: Inloggen admin (updater) Inloggen Ga naar http://www.applicwps.be/wps2/naamsite/admin of klik op admin rechtsonder in de footer website (indien aanwezig) en log in. Gebruikersnaam: Paswoord: Afbeelding 1.1: inloggen admin (updater) website Gebruiker aanmaken Via Gebruikers> toevoegen kan je paswoorden instellen om iemand toegang te verlenen tot het gebruik admin (updater). Een overzicht rechten volgens type gebruikers: - Updater: enkel pagina s toevoegen en beheren - Admin: pagina s toevoegen, beheren en verwijderen - Superadmin (op aanvraag): pagina s toevoegen, beheren en verwijderen; Afbeeldingen (instellingen), Bijzondere pagina's (bewerken), Talen (instellen) en Vertalingen (labels aanpassen), Img, symbolen/ tekens [Separators, imgs, etc] - Developer (op aanvraag): idem Superadmin + toegang CSS, JavaScript, HTML en PHP scripting Afbeelding 1.2: toevoegen gebruikers admin (updater) 1
Stap 2: Instellingen Home Onder Home bevinden zich de administratieve gegevens en contactinfo van de website, je kan deze gegevens aanpassen onder Home>wijzigen. Gegevens onder Website worden enkel gebruikt om weer te geven op de website. Afbeelding 2.1: wijzigen administratieve gegevens en contactinfo op website Instellingen - Mogelijkheid om naam en gegevensbalk voor het printen van website te voorzien via kop- en voettekst; - Standaard instelling om primaire sleutelwoorden (max. 6) voor zoekmachines weer te geven in de <titel>-tag van de browser. Afbeelding 2.2: instellen primaire zoekwoorden en print (kop- en voettekst) 2
Stap 3: Pagina s toevoegen en wijzigen Structuur 1.Hoofdcategorieën (1 e niveau) 2.Categorieën (2 e niveau) 3.Subcategorieën (3 e niveau) Afbeelding 3.1: categorieën en navigatieniveaus navigatiemenu website Pagina toevoegen Hoofdcategorieën Om een pagina aan te maken, klik op Hoofdcategorieën>toevoegen: - Naam om paginatitel in te geven; - Paginatype om template of sjabloon pagina (presentatie) te kiezen; - Wanneer de checkbox Online wordt aangeklikt, wordt de pagina online weergegeven; - Wanneer de checkbox Beschermd wordt aangeklikt is de pagina enkel beschikbaar via klantenlogin; - Keer nadien terug naar overzicht (vb Hoofdcategorieën> overzicht) om pagina te bewerken. o Voor bewerken zie Pagina wijzigen of bewerken. Afbeelding 3.2: pagina toevoegen Categorieën en Subcategorieën Werking zie Hoofdcategorieën, al zal er hier, bij het toevoegen, moeten worden aangegeven van welke hoofdcategorie/categorie de pagina een sub is. 3
Afbeelding 3.3: subpagina s toevoegen Detail Detail werd aanvankelijk gecreëerd om productpagina s aan te kunnen maken, maar zij kunnen ook worden gebruikt als een 4 e niveau onder hoofdcategorieën, categorieën en subcategorieën. - Om een detailpagina aan te maken: o Klik op Detail>toevoegen; o Vul bij sleutelnaam de naam van de pagina in; o Geef aan van welke pagina deze pagina een sub is; - Om een detailpagina weer te geven: o Zie werking pagina toevoegen Hoofdcategorieën. Afbeelding 3.4: categorieën en navigatieniveaus navigatiemenu website 4
Pagina wijzigen of bewerken Om een pagina te wijzigen, bewerken, beschermen, verwijderen of online/offline te zetten, klik op bv Hoofdcategorieën>overzicht: - Op deze pagina krijg je een overzicht van alle pagina s onder de uitbereiding Hoofdcategorieën. Om een specifieke pagina te bekomen of eenvoudiger te werken kan je via de zoekfunctie de paginanaam of inhoud ingeven. Zie afbeelding Afbeelding 3.5: pagina wijzigen, bewerken, online/offline zetten, beschermen of verwijderen - Hieronder een overzicht van de mogelijkheden om en pagina te bewerken: Actie: - Sleutel om paginatype (template of sjabloon presentatie) aan te passen; - Vuilbakje om pagina en onderliggende pagina s te verwijderen. o Indien vuilbakje licht keurt, wordt er aangegeven dat de pagina is voorzien van onderliggende pagina s (navigatiestructuur). Content: - Om een pagina van content te voorzien, klik op een te bewerken taal (vb NL, FR, EN): o Wanneer de titel van de pagina wordt ingevuld, dan wordt de pagina weergegeven; o Indien taal (vb NL, FR, EN) licht keurt, wordt er aangegeven dat de pagina werd ingevuld (min. titel); o Verder kunnen er ook teaser, tekst, een Head Image specifiek voor deze pagina (home instelling dient als standaard voor alle pagina s), Head Image bij pagina (optioneel), rollovers (optioneel: meestal gebruikt voor afbeelding in overzichten), Zoeksynoniemen (indien website voorzien van zoek) en meta-data voor zoekmachine optimalisatie. Afbeelding 3.6: invullen van content van een hoofdpagina 5
Afbeeldingen aan pagina toevoegen: - Om in een pagina waar afbeeldingen (ContentImages) kunnen worden weergegeven (bijvoorbeeld Basispagina, fotopagina) afbeelden te kiezen, moeten ze eerst in de bibliotheek worden opgeladen. Werking zie Stap 4: Afbeeldingen opladen en beheren. Zodra de afbeeldingen zij opgeladen kan je ze gaan gebruiken: o Klik op Hoofdcategorieën>Overzicht vervolgens op het cameraatje; o o o o Kies de gewenste afbeeldingen en druk op de button toevoegen; Door op de taal bij Content te klikken naast de afbeelding, kan er eventueel een titel, tekst en link worden toegevoegd. Indien taal (vb NL, FR, EN) licht keurt, wordt er aangegeven dat de pagina werd ingevuld; Door op de pijltjes te klikken kunnen de afbeeldingen van volgorde worden veranderd; Door op het vuilbakje te klikken kan de afbeelding weer worden verwijderd. Afbeelding 3.7: toevoegen van een afbeelding aan een pagina Afbeelding 3.8: toevoegen van tekst en link aan een afbeelding bij een pagina 6
Paginavolgorde Om aangemaakte pagina s van volgorde te veranderen: - Klik op bv Hoofdcategorieën>volgorde en verander de nummers naast de paginanamen; - De laagste nummers worden als eerste weergegeven; Afbeelding 3.9: aanpassing paginavolgorde in navigatiemenu website Tip: om te voorkomen dat er een heleboel nummers moeten worden aangepast wanneer tussen, bijvoorbeeld, pagina 10 en 11 van 101 pagina s één pagina moet worden toegevoegd: werk met veelvouden (bv.: 100, 200, 300 of 1010, 1020, 1100), op deze manier moet er voor een nieuwe pagina altijd slechts een nieuw nummer worden aangemaakt Bestanden toevoegen en beheren Hier kunnen files (.pdf,.doc, etc) worden opgeladen die gelinkt kunnen worden aan je pagina (via editor) of via de website te downloaden kunnen worden aangeboden. Afbeelding 3.10: Bestanden toevoegen en beheren 7
SiteTop (optioneel) Bevinden zij zich (rechts)boven aan de pagina. (Voorbeelden: over ons, ligging, contact, help, support, sitemap, klantenlogin, newsletter, etc.) - Om een pagina bij SiteTop aan te maken: o Werking gelijk aan Hoofdcategorieën. Afbeelding 3.11: SiteTop Footer Bevinden zij zich (links)onder aan de pagina. (Voorbeelden: Disclaimer, Algemene voorwaarden, sitemap, klantenlogin, newsletter, etc.) - Om een pagina bij Footer aan te maken: o Werking gelijk aan Hoofdcategorieën. Afbeelding 3.12: footer 8
Stap 4: Afbeeldingen opladen en beheren Afbeeldingen worden eerst in de bibliotheek opgeladen alvorens ze op de pagina van de website kunnen worden gebruikt: - Klik op Afbeeldingen>toevoegen, kies een afbeelding en bepaal over wat voor afbeelding het gaat; Afbeelding 4.1: een afbeelding toevoegen Categorie start automatisch op Pagina afbeelding. Enkel veranderen indien afbeelding specifiek gebruikt wordt, zie toevoegen afbeeldingen onder Content taal (vb NL, FR, EN) nl. Head image (Hoofdafbeelding pagina), Detail, Rollover, Splashpage, Head image (Hoofdafbeelding content), Rollover Afbeelding 4.2: aanpassen versnijding voor specifiek gebruik 9
- Klik op Afbeeldingen>overzicht om alle afbeeldingen in bibliotheek te bekijken; Afbeelding 4.3: overzicht van de afbeeldingen Nota s over Afbeeldingen>overzicht: - Hier kan tekst bij de afbeelding worden toegevoegd. enkel te doen wanneer de afbeelding aan de pagina wordt gekoppeld (zoals beschreven bij Hoofdcategorieën); - Aangeraden wordt echter dat de afbeeldingen op je computer een duidelijke naam hebben voor het opladen bv. Vrachtwagenbanden_Michelin-XDA2.jpg (Productgroep_Naam.jpg, Categorie_Naam.jpg, etc.) en niet EDF0000564.jpg; - Acties/ sleuteltje: om Afbeelding aan te passen of nieuwe Naam te geven; Afbeelding 4.5: Afbeelding aanpassen of nieuwe Naam te geven - Acties/ vuilbakje: om afbeelding te verwijderen; o Indien vuilbakje licht keurt, wordt er aangegeven dat afbelding reeds gebruikt wordt in een pagina. Verwijderen is enkel mogelijk na het weghalen op de pagina zelf. Tijdens het verwijderen wordt een boodschap weergegeven, met een link naar de pagina s waar de afbeelding eerst moet verwijderd worden. 10
Afbeelding 4.6: Afbeelding verwijderen Stap 5: Instellingen vanaf Superadmin Bijzondere pagina s Hier worden pagina s ingesteld die niet meteen zichtbaar zijn op de website. Voorbeeld: de pagina die na het verzenden van een contactformulier aan de gebruiker laat weten dat de boodschap goed verstuurd is, of net dat er een fout is gebeurd en dat de gebruiker nog eens moet proberen. - Om een pagina bij Bijzondere pagina s aan te passen (enkel toegang vanaf Superadmin): o Werking gelijk aan Hoofdcategorieën. Afbeelding 5.1: Bijzondere pagina s 11
Formaten afbeeldingen - Via Afbeeldingen> instellen is het mogelijk om het formaat te wijzigen (enkel toegang vanaf Superadmin); Afbeelding 5.2: instellingen bij de afbeeldingen Nota s: - Wanneer een afbeelding wordt opgeladen die kleiner is dan de grootte bepaald in de instelling, zal deze afbeelding zijn originele formaat behouden. Een afbeelding kan dus kleiner worden weergegeven dan werd opgegeven; - Wanneer een afbeelding wordt opgeladen, wordt hij automatisch in alle opgegeven instellingen van dat type bewaard; - Wanneer de instellingen van een bepaald type afbeelding veranderen nadat de afbeelding werd opgeladen, dan dient de afbeelding opnieuw te worden opgeladen; Talen installeren Hier kunnen de talen worden ingesteld die op de website kunnen worden gebruikt. Om talen via de website te gebruiken is het aangeraden een splashpage (taalkeuzepagina) te laten ontwerpen. Abeelding 5.3: installatie talen 12
Vertalingen labels Hier worden bepaalde woorden die standaard door bouwstenen worden gebruikt in de verschillende talen worden ingesteld. Een voorbeeld hiervan kan je vinden bij de bouwsteen Googlemaps. De tekst die onder het kaartje wordt weergegeven wordt door de bouwsteen opgehaald uit Vertalingen>Specifieke teksten. Afbeelding 30: vertalingen labels 13