handleiding / training

Versie 5.3 handleiding / training 1 2 Inloggen Pagina 2 Uw website aanpassen Pagina 2 De Basis module Pagina 2 De Menu module Pagina 3 De Nieuws module Pagina 5 3 De wysiwyg editor Pagina 6 Stap voor stap......een afbeelding toevoegen Pagina 6...een hyperlink toevoegen Pagina 6...een anker toevoegen Pagina 7...een zip bestand uploaden Pagina 7...een zip bestand uitpakken Pagina 7 Tekst opmaken Pagina 7 Belangrijk om te weten Pagina 7 4 Extra functionaliteit Pagina 8 Kolomsortering Pagina 8 Karaktertellers Pagina 8 Wachtwoord wijzigen Pagina 8 Mediaserver Pagina 8 Drag & Drop Pagina 8 Filter Pagina 8 Zoekfunctie Pagina 8 URL rewriting Pagina 8 5 6 Afbeeldings Editor Pagina 9 Uw inlog Pagina 10 1

1 Inloggen 2 Uw website aanpassen U heeft van Fit2Page een online inlogadres gekregen. Het standaard online inlogadres is als volgt: http://www.insight5.nl Samen met het online inlogadres heeft u van Fit2Page de inloggegevens ontvangen, deze vindt u terug op de laatste bladzijdes van uw handleiding. Met deze gegevens kunt u inloggen in uw InSight5 CMS account. Start Microsoft Internet Explorer 11 (of uw eigen standaard webbrowser), typ het online inlogadres in de adresbalk en druk op enter. U ziet nu het inlogvenster van Insight5 (zie afbeelding 1). Klik in uw persoonlijke module pagina op de betreffende module. Als u bijvoorbeeld een pagina wilt wijzigen, klik dan op de Basis module. Wilt u een nieuws item of menu item wijzigen, klik dan respectievelijk op de Nieuws- of Menu module. De Basis module Klik op de Basis module. U ziet nu een record overzicht. Elk record is een pagina (zie afbeelding 2). afbeelding 2 afbeelding 1 Typ uw gegevens in en klik op LOGIN om in te loggen. U bent nu in uw persoonlijke module pagina. Alle voor uw account vrijgegeven modules zijn oranje en alle niet toegankelijke modules zijn grijs. Als u uw account wilt aanvullen met extra modules, neem dan contact met ons op. In het record overzicht wordt het ID, de titel en de subtitel van een pagina weergegeven. Het ID kan door ervaren gebruikers benut worden om snel menu items of links te laten verwijzen naar pagina s binnen de website. Als beginnend gebruiker hoeft u hiervan geen gebruik te maken. Er is ook een gebruiksvriendelijke methode binnen Insight5 om links en menu items te laten verwijzen naar een pagina. Een pagina wijzigen of toevoegen Klik op KOPIE of op NIEUW RECORD (kopie heeft de voorkeur, omdat alle verplichte velden dan al zijn ingevuld). Klik op BEWERK van het betreffende record. U bent nu in de WIJZIG record sectie (zie afbeelding 3). 2

Met TERUG NAAR DE LIJST kunt u terug naar het record overzicht zonder wijzigingen aan te brengen in het record. afbeelding 3 De Menu module Samen met de Basis module is de Menu module één van de meest gebruikte modules van Insight5. Dat komt omdat deze twee modules samen de perfecte basis vormen om uw website volledig in eigen beheer aan te passen. Klik in uw persoonlijke module pagina op de Menu module. U ziet in het recordoverzicht alle menu items in de volgorde zoals weergegeven op uw website. Alle ingesprongen items zijn submenu s alle vetgedrukte items zijn hoofdmenu s (zie afbeelding 4). afbeelding 4 U ziet in de tabs de verschillende taalsecties van de betreffende pagina die actief zijn voor uw website. Klik op de taaltab die u wilt wijzigen. De inhoud van de pagina wordt weergegeven in het venster TEKST. In de vensters TITEL en SUBTITEL* kunt u respectievelijk de titel en subtitel van de pagina wijzigen. U kunt nu de inhoud van de pagina wijzigen door in het veld TEKST te klikken en de tekst aan te passen. Voor het gebruik van de editor boven het TEKST veld zie pagina 6, de wysiwyg editor. Na aanpassing klikt u op OPSLAAN om de wijzigingen van die pagina te bewaren. De aanpassingen worden direct doorgevoerd en uw webpagina is aangepast. Deze procedure is in feite voor alle modules hetzelfde, met mogelijk een uitzondering voor klantspecifieke (custom) modules. In het overzicht wordt het ID, details, item, publiceren en de volgorde van een menu item weergegeven. De details geven de actuele situatie weer van de liveomgeving. Zo kunt u zien of de veranderingen naar wens zijn. Item geeft de titel weer van het menu item. Publiceren geeft het item vrij voor publicatie, als een item niet wordt gepubliceerd dan wordt het ook niet weergegeven op de website. Met de positie pijltjes kunt u vervolgens de volgorde van de hoofdgroepen aanpassen. Vergeet niet om bij nieuwe records het publiceren vinkje aan te vinken. Zonder publiceren wordt de pagina niet weergegeven op uw internetsite *Niet standaard geactiveerd 3

Een Menu item wijzigen of toevoegen Klik op KOPIE of op NIEUW RECORD (kopie heeft de voorkeur, omdat dan alle verplichte velden al zijn ingevuld) om een item toe te voegen. Klik op BEWERK van het betreffende record. U bent nu in de WIJZIG record sectie (zie afbeelding 5). Met TERUG NAAR DE LIJST kunt u terug naar het record overzicht zonder wijzigingen aan te brengen in het record. afbeelding 5 Klik achter het LINK NAAR veld op PAGINA. Nu kunt u een pagina kiezen waar dit menu item naar moet verwijzen (zie afbeelding 6) door een INTERNE LINK te kiezen. U kunt ook kiezen voor een externe link naar een andere website of document door LINK URL in te vullen in plaats van te kiezen voorinterne LINK. Klik vervolgens op OPSLAAN om de wijzigingen op te slaan. Het menu item is nu aangepast. Vergeet niet om op PUBLICEREN te klikken, anders wordt het menu item niet weergegeven op de website. afbeelding 6 Het NIVEAU veld geeft aan of het een hoofdmenu of submenu item betreft (1=hoofdmenu, 2=submenu, etc). Als u kiest voor submenu item, dan kunt u in het veld PARENT een keuze maken onder welk hoofdmenu item dit submenu item moet vallen. Vul nu het taalafhankelijke TEKST veld in, deze tekst wordt weergegeven in het menu. Desgewenst kan worden gekozen voor een afbeelding in plaats van tekst. Een verwijzing moet uniek zijn en mag dus maar één keer voorkomen in de gehele menu module Door de taalafhankelijkheid van InSight5 kunt u zelfs per taal een verschillende LINK NAAR kiezen voor uw menuitem. Mocht u extra talen willen activeren in uw website, neem dan contact met ons op. 4

De Nieuws module Klik in uw persoonlijke module pagina op de Nieuws module. U ziet in het recordoverzicht alle nieuws items (zie afbeelding 7). afbeelding 7 Wilt u in plaats van dit nieuwsitem doorlinken naar een bestaande pagina? Klik dan op LINK NAAR en wijzig NEWS ITEM in OTHER PAGE. Vervolgens kunt u bij LOKATIE kiezen voor een interne of externe URL, ook kunt u voor een document kiezen. De mogelijkheid bestaat om nieuwsitems in te delen in rubrieken, neem contact op voor meer informatie. In het recordoverzicht wordt de ID, Titel en Subtitel weergegeven, ook kunt u zien of een item is vrijgegeven voor publicatie. Een Nieuws item wijzigen of toevoegen Klik op KOPIE of op NIEUW RECORD (kopie heeft de voorkeur, omdat alle verplichte velden al zijn ingevuld) om een item toe te voegen. Klik op BEWERK van het betreffende record. U bent nu in de WIJZIG record sectie (zie afbeelding 8). Met TERUG NAAR DE LIJST kunt u terug naar het record overzicht zonder wijzigingen aan te brengen in het record. Na het invullen van de titel en het nieuwsbericht kunt u onder aan het scherm het nieuws item voorzien van een pakkende korte samenvattende tekst in het TEASER veld. Dit veld bevat de tekst die wordt weergegeven als link in het nieuwsarchief of homepage en wordt meestal gevolgd door een...lees meer (zie afbeelding 9). afbeelding 9 afbeelding 8 Klik vervolgens op OPSLAAN om de wijzigingen op te slaan. Het nieuws item is nu aangepast. Vergeet niet om PUBLICEREN aan te vinken, anders wordt het nieuws item niet weergegeven op de website. In het TONEN VAN veld kunt u een datum ingeven vanaf wanneer een nieuws item zichtbaar moet zijn. In het TONEN TOT veld vult u de einddatum in van het nieuws item. Met de STICKY vink kunt u aangeven of een nieuws item altijd bovenaangeplaatst wordt ongeacht de datum. Aangevinkt is altijd bovenaan, uitgevinkt is op volgorde van TONEN VAN. 5

3 De wysiwyg editor In verschillende modules van het Insight5 CMS wordt deze editor toegepast om op een gebruikervriendelijke manier opgemaakte inhoud aan de website toe te voegen. De editor laat bij openen een Microsoft Word-achtige knoppenbalk zien waarop de verschillende functies staan (zie afbeelding 10). afbeelding 10 Stap voor stap een afbeelding toevoegen: De bestandsnaam mag voor het uploaden geen spaties bevatten, vervang daarom spaties of underscores door streepjes. 1. 2. 3. 4. 5. 6. 7. 8. Ga in het editor vak staan. Klik op knop [Afbeeldingsbeheer]. Een overzicht van beschikbare afbeeldingen wordt getoond. U kunt hier ook een nieuwe afbeelding uploaden. Selecteer de gewenste afbeelding. Optioneel: kies het tabblad [Eigenschappen] om uitgebreide eigenschappen toe te kennen aan de afbeelding. Klik op [Invoegen] Door in de editor met de rechtermuisknop op de afbeelding te klikken verschijnt er een menu. Kies [Instellen afbeeldingseigenschappen] om eigenschappen van een geplaatste afbeelding aan te passen. Klik op [Afbeeldings Map editor] om in de afbeelding klikbare selecties te maken. Aandachtspunten voor afbeeldingen: 1. De bestandnaam mag voor het uploaden geen spaties bevatten, vervang spaties door streepjes of underscores. 2. Zorg ervoor dat de afbeelding de juiste afmeting heeft voordat hij naar de webserver gestuurd wordt, dus niet geschaald hoeft te worden in de editor. 3. Afbeeldingen voor beeldschermweergave hebben altijd een resolutie van 72dpi en zijn van het formaat GIF, JPG (JPEG), BMP of PNG. 4. Zorg voor een logische indeling in de [Images] map. U kunt zelf mappen toevoegen en daarin de afbeeldingen plaatsen. In het geval de gebruiker direct tekst plakt vanuit Word worden de Word opmaak tags gedetecteerd en weggelaten om te voorkomen dat deze de opmaak verstoren. Via de knop MEDIA krijgt u een volledig overzicht van alle op de server aanwezige gebruikers bestanden. In de WYSIWYG editor kunnen hyperlinks worden aangemaakt. Deze links kunnen verwijzen naar lokaties binnen de pagina (ankers) of naar lokaties buiten de pagina. Stap voor stap een hyperlink toevoegen: 1. Selecteer de tekst die een hyperlink moet worden. 2. Klik op het Hyperlink ikoon [Hyperlink beheer] in de toolbar. 3. Vul het adres in (URL), of kies met de knop [Pagina] een bestaande pagina uit de site 4. Vul de [Link Tekst] in (De bezoeker krijgt deze tekst te zien als hij met de muis over de link beweegt). 5. Kies het doel (Openen in hetzelfde venster, nieuwe venster of nieuwe browsertab). 6. Klik op [OK] 6

Stap voor stap een anker toevoegen: Een anker is een plek op de pagina waar naartoe verwezen kan worden met een hyperlink. Belangrijk om te weten: Er bestaan twee manieren om naar een volgende regel te gaan, de zogenaamde harde en zachte RETURN. 1. 2. 3. 4. Ga op de plek staan in de tekst waar het anker geplaatst moet worden. Klik op het Hyperlink ikoon [Hyperlink beheer] in de toolbar. Geef in het tabblad [Verwijzing] de naam op. Nu kan vanuit een andere lokatie op deze pagina een hyperlink [Bestaande verbinding] gemaakt worden. De harde RETURN is de standaard RETURN toets. De tekst wordt na het indrukken van de ENTER toets in een nieuwe alinea geplaatst. De zachte RETURN wordt geactiveerd door de SHIFT toets ingedrukt te houden en daarna op de RETURN toets te drukken. Achter de tekst wordt na het indrukken van de SHIFT en ENTER toets begonnen op een nieuwe regel. Een zip bestand uploaden en uitpakken: De bestandsnaam van een zip bestand mag voor het uploaden geen spaties bevatten, vervang de spaties door streepjes of underscores. 1. 2. 3. 4. 5. Klik op de knop [Media]. Klik op knop [Uploaden] Selecteer het zipbestand. Klik op [Uploaden] Rechtermuisklik op het zipbestand en kies [Unzip]. Het verschil tussen deze twee methodes is de ruimte tussen de regels. Als u merkt dat de ruimte tussen regels te groot is, dan kunt u gebruik maken van de zachte RETURN. Via Tickets kunnen meldingen worden verzonden in het geval er een systeemfout optreedt. er een systeemfout op Tekst opmaken: Op de tweede balk van de wysiwyg editor staan de tekstopmaak tools. Deze tools zijn vrijwel identiek aan de tools die gebruikt worden binnnen Microsoft Word. De tools zijn vetgedrukt, cursief, onderstreept, doorgestreept, subscript, superscript, genummerde lijst, opsommingstekens, inspring vergroten en inspring verkleinen. 7

4 Extra functionaliteit Toevoeging kolomsortering in het recordoverzicht Met deze toevoeging kan de gebruiker gemakkelijk volgordes in de kolommen van het recordoverzicht kiezen en hiermee snel records vinden of selecteren. Kies de te selecteren kolom en klik op het pijltje om omhoog of omlaag te sorteren (zie afbeelding 11) afbeelding 11 Drag and drop Overal waar u in Insight5 werkt met mappen en bestanden wordt het zogenaamde drag and drop ondersteund. Dat betekent dat u elke map en elk bestand met de muisaanwijzer kunt verslepen naar een andere locatie/map. Filter InSight 5.2 is voorzien van een filter, hiermee kunt u zoekresutlaten filteren op ID, Alias en Titel (zie afbeelding 12). Indien uw modules gebruik maken van URL rewriting dan verschijnt de optie Toon URL rewrite, Het titel veld verdwijnt en maakt plaats voor het URL rewrite veld. afbeelding 12 Zoekfunctie Klik op de Insight5 menubalk (bovenaan in het scherm) op ZOEK en kies daarna in welke modules u wilt zoeken. Klik daarna op ZOEK. karaktertellers Op sommige velden (titel, subtitel, alias, etc) in het Insight5 CMS wordt het aantal nog beschikbare karakters achter de velden getoond. Wachtwoord wijzigen In de Insight5 menubalk (bovenaan in het scherm) wordt u de mogelijkheid geboden om het door Fit2Page aan u toegewezen unieke wachtwoord te wijzigen. Mediaserver In de Insight5 menubalk (bovenaan in het scherm) vindt u een directe koppeling naar uw mediaserver. Hier kunt u al uw bestanden en afbeeldingen uploaden en/of beheren. URL rewriting Op verzoek kan Fit2Page voor u URL rewriting activeren in InSight5, u krijgt dan de mogelijkheid om uw URL s om te zetten naar goed leesbare links die door zoekmachines beter worden geïndexeerd. In URL rewrites mogen geen spaties voorkomen, spaties dienen vervangen te worden door streepjes, bijvoorbeeld dit-is-een-goede-url-rewrite. Een URL rewrite is uniek en mag maar 1 keer voorkomen Help Onder het help menu kunt u de handleiding downloaden als pdf en een pdf over SEO (zoekmachine optimalisatie). Deze seo pdf bevat tips om uw website beter te laten scoren in de verschillende zoekmachines. 8

URL / Inlog 5 Afbeeldingseditor Afbeeldings Editor Het Insight5 CMS is voorzien van beeldbewerkings mogelijkheden. Hiermee kunt u snel en doeltreffend zelf beelden bewerken die op uw mediaserver staan. De Afbeeldings Editor werkt samen met JPG, GIF, PNG en BMP bestanden. De Editor is bereikbaar via [Afbeeldingsbeheer]. In het voorbeeldvenster klik op de knop [Afbeeldings Editor] (zie afbeelding 13). Afbeelding Schalen Geef de nieuwe grootte aan in het controlepaneel in pixels of percentage (zie afbeelding 15). Proportioneel schalen staat automatisch aan (ketting icoon achter de pixelwaardes). afbeelding 15 afbeelding 13 Standaard functies De eerste 4 knoppen zijn de standaard functies (afdrukken, terug, opnieuw en afbeelding herstellen). Afbeeldingseditor Afbeelding transparantie In het controlepaneel kunt u de slider met de muis bewegen om de transparantie aan te passen (.png), of u vult het percentage vak in met een nieuwe waarde (zie afbeelding 16). afbeelding 16 Afbeelding bijsnijden Geef een verhouding aan voor de bijgesneden afbeelding, dit kan in het controlepaneel (zie afbeelding 14) of via de selectie met sleepfunctie. afbeelding 14 9

5 Afbeeldingseditor Voeg tekst in In dit controlepaneel kunt u tekst toe voegen aan uw afbeeldingen, sleep de selectie op uw afbeelding op de gewenste positie en maak uw teskt op met het controlepaneel (zie afbeelding 17). afbeelding 17 Opslaan als Geef onderaan in de afbeeldingseditor de nieuwe naam op voor het opslaan van het bestand. 6 Uw Inlog http://www.insight5.nl 10