Snelgids voor het TYPOLight Content Management Systeem
FASTFORWARD
DESIGN © Fast Forward Design 2009
Inhoudsopgave Hoofdstuk1:De structuur van pagina’s en artikelen 1.1 De manier van werken binnen TYPOLight Hoofdstuk2:Pagina’s 2.1 Een nieuwe pagina/subpagina aanmaken 2.2 Eigenschappen van een pagina aanpassen 2.3 De volgorde van pagina’s veranderen 2.4 Een pagina wissen Hoofdstuk3:Artikelen 3.1 Een nieuw artikel aanmaken 3.2 Eigenschappen van een artikel aanpassen 3.3 De volgorde van artikelen veranderen 3.4 Een artikel wissen 3.5 Content plaatsen 3.6 Content bewerken 3.7 De volgorde van content veranderen 3.8 Content wissen Hoofdstuk4:fotogalerij 4.1 Een fotogalerij aanmaken 4.2 Een fotogalerij aanpassen Hoofdstuk5:YouTube videospeler 5.1 Een YouTube videospeler aanmaken Hoofdstuk6:Nieuwsmodule 6.1 Een nieuwsarchief aanmaken 6.2 Een nieuwsarchief aanpassen 6.3 Een nieuw nieuwsartikel aanmaken 6.4 Een nieuws artikel aanpassen 6.5 Een nieuws artikel verplaatsen
p.4 p.5 p.6 p.6 p.7 p.8 p.9 p.10 p.10 p.10 p.12 p.12 p.12 p.13 p.13 p.14 p.15 p.15 p.15 p.16 p.16
Hoofdstuk7:bestanden uploaden 7.1 Een map aanmaken 7.2 De volgorde van mappen veranderen 7.3 Bestanden naar een map uploaden 7.4 Bestanden wissen
p.17 p.17 p.17 p.18
Hoofdstuk1:De structuur van pagina’s en artikelen 1.1 De manier van werken binnen TYPOLight
Het TYPOLight CMS heeft een bepaalde volgorde van werken die u even moet doorkrijgen. In tegenstelling tot sommige andere Content Management Systemen wordt een artikel, wanneer u dit aanmaakt, niet direct in de site geplaatst. Een artikel moet in een pagina geplaatst worden.
Een website binnen TYPOLight bestaat uit: 1. Een rootpagina (de basispagina van de website; u kunt namelijk meerdere websites binnen één TYPOLight installatie aanmaken). ! U hoeft deze pagina niet zelf aan te maken. Deze wordt automatisch aangemaakt op het moment dat een website in TYPOLight ontwikkeld wordt. 2. 1 Of meerdere pagina’s binnen de rootpagina. 3. 1 Of meerdere subpagina’s binnen een pagina. Deze zijn echter niet noodzakelijk. Dit hangt af van hoe u de inhoud van uw website wilt structureren. 4. 1 Of meerdere artikelen binnen een pagina. De volgorde van werken binnen TYPOLight is als volgt:
1. Pagina aanmaken 2. Subpagina aanmaken (indien noodzakelijk) 3. Artikel aanmaken 4. Content toevoegen (via ‘artikel bewerken’) (Klik op de tekst hierboven om direct naar het betreffende hoofdstuk te gaan.) ! UPDATE: Vanaf TYPOLight versie 2.8.1 hoeft u, wanneer u een nieuwe pagina aanmaakt, niet meer een artikel aan te maken. Dit wordt automatisch gedaan. Om het artikel te bewerken, klikt u rechts naast de betreffende pagina op het meest rechtse icoontje (wit blokje met groen pennetje erin).
p.4
Hoofdstuk2:Pagina’s 2.1 Een nieuwe pagina/subpagina aanmaken
»» U klikt links in het menu op het kopje “Site structuur”.
»» Vervolgens klikt u bovenaan het scherm op “Nieuwe pagina”.
»» Er verschijnen nu oranje, knipperende blokjes rechts naast de symbolen, aan de rechterkant van het scherm.
»» U klikt op het blokje met het pijltje naar beneden om de nieuwe pagina achter de bestaande te plakken.
Subpagina: u klikt op het blokje met het pijltje naar rechts om de nieuwe pagina als sub-
p.5
pagina in de bestaande pagina te plakken.
2.2 Eigenschappen van een pagina aanpassen
Een pagina in TYPOLight heeft een aantal eigenschappen die u kunt instellen of opgeven. De volgende eigenschappen moet u opgeven: 1. Paginanaam> deze naam verschijnt in de navigatie. 2. Pagina alias> deze naam gebruikt het systeem als link. 3. Pagina type> deze optie staat standaard ingesteld op ‘standaardpagina’. Dit kunt u zo laten als u een nieuwe pagina met inhoud aanmaakt. U kunt hier bijvoorbeeld ook instellen dat een pagina een link wordt naar een externe website of zelf het startpunt (rootpagina) van een nieuwe website. 4. Gepubliceerd> u moet aangeven of een pagina weergegeven moet worden of niet. ! U kunt hier een periode waarin de pagina weergegeven wordt, instellen. Er zijn ook optionele eigenschappen. De belangrijkste zijn: 1. Paginatitel> vanwege de vindbaarheid door zoekmachines is het belangrijk om de pagina een titel te geven. Deze titel verschijnt ook bovenin het browservenster. 2. Taal> dit is alleen nodig indien u versies van uw website in meerdere talen hebt. 3. Pagina omschrijving> Deze omschrijving wordt door zoekmachines weergegeven. 4. Layout toekennen> indien u meerdere paginalayouts tot uw beschikking heeft, kunt u hier de pagina een andere layout geven
2.3 De volgorde van pagina’s veranderen
In het scherm ‘Site structuur’ klikt u op het blauwe pijltje. De oranje blokjes worden wederom
geladen. U kunt de pagina nu achter een andere plakken (pijltje naar beneden) of als subpagina in een andere pagina plakken (pijltje naar rechts)
p.6
2.4 Een pagina wissen
U wist een pagina door op het rode kruisje naast de betreffende paginanaam te klikken.
! LET OP: wanneer u een pagina wist, wist u ook het artikel binnenin de pagina. ! U kunt het wissen ongedaan maken, door de optie ‘Ongedaan maken’ linksonderaan in het hoofdmenu te kiezen
p.7
Hoofdstuk3:Artikelen 3.1 Een nieuw artikel aanmaken
»» U klikt links in het menu op het kopje “Artikelen”.
»» U ziet nu in het scherm een overzicht van de pagina’s plus de artikelen die ze bevatten. De dikgedrukte namen zijn die van de pagina´s en de normaalgedrukte die van de artikelen. Vervolgens klikt u bovenaan het scherm op “Nieuw artikel”.
»» Er verschijnen nu oranje, knipperende blokjes rechts naast de paginanamen, aan de rechterkant van het scherm. Net als wanneer u een nieuwe pagina aanmaakt, zijn er ook nu 2 verschillende blokjes.
p.8
»» Deze twee blokjes gebruikt u als volgt: ! Indien een pagina nog geen artikelen bevat: 1. U klikt op het blokje met het pijltje naar rechts, naast de paginanaam, om het nieuwe artikel in de pagina te plakken. ! Indien een pagina reeds artikelen bevat: 2. U klikt op het blokje met het pijltje naar rechts, naast de paginanaam, om het nieuwe artikel bovenaan te plaatsen. 3. U klikt op het blokje met het pijltje naar beneden, naast een artikelnaam, om het nieuwe artikel achter (onder) het betreffende artikel te plakken.
! TIP: Mocht u de functie van een knop in TYPOLight even vergeten, houdt dan de muisaanwijzer een moment stil boven de knop. Er verschijnt een uitleg in beeld.
3.2 Eigenschappen van een artikel aanpassen
Een artikel in TYPOLight heeft een aantal eigenschappen die u kunt instellen of opgeven. De volgende eigenschappen moet u opgeven: 1. Titel> de naam van het artikel 2. Artikel alias> deze naam gebruikt het systeem als unieke referentie. 3. Sleutelwoorden> hier geeft u termen op die de inhoud van het artikel beschrijven; deze termen worden door zoekmachines gevonden. 4. Gepubliceerd> u moet aangeven of een artikel weergegeven moet worden of niet. ! U kunt hier een periode waarin het artikel weergegeven wordt, instellen. Er zijn ook optionele eigenschappen. De belangrijkste zijn: 1. Onder Expert settings: Afdrukbaar> wanneer u deze optie aanvinkt, wordt er boven een artikel een link geplaatst, die de bezoeker de mogelijkheid geeft het artikel als PDF bestand op te slaan en af te drukken. 2. Onder Artikel teaser: Toon teaser> wanneer een pagina meerdere artikelen bevat, kunt u in plaats van de artikelen in z’n geheel weer te geven, ook alleen artikel teasers, oftewel korte beschrijvingen, met een link naar het complete artikel weergeven. ! De artikel teaser wordt niet in het artikel zelf getoond.
p.9
3.3 De volgorde van artikelen veranderen
In het scherm ‘Artikelen’ klikt u op het blauwe pijltje naast het het artikel dat u wilt verplaatsen. De oranje blokjes worden wederom geladen. U kunt het artikel nu: 1. In een andere pagina plakken> u klikt op het oranje blokje met het pijltje naar rechts naast de betreffende pagina> zie paragraaf 3.1 voor volgorde opties (punt 1 en 2). 2. Bovenaan in dezelfde pagina plakken (indien de pagina meerdere artikelen bevat)> zie paragraaf 3.1 (punt 2). 3. Onder een ander artikel plakken> zie paragraaf 3.1 (punt 3).
3.4 Een artikel wissen
Om een artikel te wissen, klikt u rechts naast de artikelnaam op het rode kruisje. Wanneer het systeem om bevestiging vraagt, klikt u op ‘OK’.
3.5 Content plaatsen
Wanneer u een nieuw artikel heeft aangemaakt, kunt u het gaan bewerken, oftewel content plaatsen. U plaatst content in een artikel door middel van elementen, bijvoorbeeld een tekst element of een afbeeldingsgalerij element. Dit doet u door op het potloodje rechts naast de artikelnaam te klikken.
U krijgt nu een overzicht van alle elementen die een artikel bevat te zien. Omdat het artikel in dit geval nog geen content bevat, ziet u alleen een grijs vak met daarin een samenvatting van de eigenschappen van het artikel. Om content te plaatsen, klikt u bovenin het scherm op ‘Nieuw element’. De oranje blokjes met pijltje verschijnen nu in het scherm en u kiest waar u het element wilt plaatsen.
0 1 . p
In plaats van op ‘Nieuw element’ te klikken, kunt u ook op het groene kruisje rechts naast een bestaand element klikken. Een nieuw element wordt dan onder het bestaande geplaatst. U komt nu in het scherm ‘Bewerk record ...’. Het eerste wat u nu doet is het soort element kiezen onder het keuzemenu ‘Element type’; u kunt kiezen uit allerlei elementen als tekst, tabel, lijst, afbeelding, afbeeldingsgalerij, YouTube videoplayer en andere modules (mits deze geinstalleerd zijn). Wanneer u een bepaald element hebt gekozen, worden automatisch de bijbehorende instellingen geladen.
Het tekst element
Het element wat u waarschijnlijk het meest zult invoegen, is tekst. »» TinyMCE> wanneer u tekst hebt gekozen, verschijnt de TinyMCE, een soort mini tekstverwerker. U kunt hiermee tekst op bepaalde manieren bewerken, afbeeldingen invoegen en de tekst zelfs in HTML bewerken (dit is uiteraard alleen handig als u HTML kennis heeft). ! Voor meer info over TinyMCE bezoek www.moxiecode.com.
»» Titel> verder kunt u een titel opgeven. Deze verschijnt boven aan de tekst. Deze methode heeft de voorkeur boven een titel in het tekstveld invoeren, omdat op deze manier H1 tags aan de titel meegegeven worden zodat die beter door zoekmachines gevonden wordt. »» Afbeelding> u kunt in de TinyMCE tekst editor een afbeelding invoegen en u kunt dit via de optie ‘Afbeelding toevoegen’ onder de tekst editor doen. Deze laatste methode verdient de voorkeur omdat deze meer opties biedt: u kunt o.a. de plaats van de afbeelding in de tekst veranderen, de afbeelding een marge geven en een onderschrift toevoegen.
p.1 1
3.6 Content bewerken
U kunt geplaatste content bewerken door in de pagina die de inhoud van het betreffende artikel weergeeft op het potloodje naast het element dat u wilt bewerken te klikken (u bereikt deze pagina door in het hoofdmenu op ‘Artikelen’ te klikken en vervolgens in het overzicht van artikelen op het potloodje naast het betreffende artikel te klikken).
3.7 De volgorde van content veranderen
Om de volgorde van content elementen te veranderen, gebruikt u het blauwe pijltje rechtsboven in het elementvak (zie paragraaf 3.1).
3.8 Content wissen
U wist content door op het rode kruisje naast het betreffende element en daarna in het venstertje wat verschijnt op ‘OK’ te klikken.
2 1 . p
Hoofdstuk4:fotogalerij 4.1 Een fotogalerij aanmaken
Om een fotogalerij op uw site te kunnen plaatsen, moet u eerst een pagina aanmaken (zie paragraaf 2.1) en vervolgens een artikel dat de galerij zal bevatten in die pagina plaatsen (zie paragraaf 3.1). Wanneer u een nieuw artikel in de betreffende pagina heeft aangemaakt, klikt u in het scherm waar u het artikel bewerkt (zie paragraaf 3.5) op ‘nieuw element’. Bij de optie ‘Element type’ kunt u onder het kopje ‘Afbeeldingsonderdelen’ een galerij kiezen. TYPOLight bevat standaard 2 galerijen: de afbeeldingsgalerij en dfGallery. De eerste is een HTML galerij en de tweede een geanimeerde Flash galerij. In deze instructie gebruiken we de afbeeldingsgalerij. Er zijn verschillende opties die u kunt instellen: 1. Hoofdtitel> hier kunt u een titel opgeven die boven de galerij wordt weergegeven. 2. Bronbestanden> hier kiest u de foto’s die in de galerij worden weergegeven. U moet uiteraard deze foto’s eerst ge-upload hebben naar de server. Voor instructies over hoe u bestanden upload, zie hoofdstuk 8 3. Afbeeldings eigenschappen> hier stelt u een aantal eigenschappen van de galerij in zoals: • Afbeeldingsbreedte en -hoogte: de breedte en hoogte van de thumbnails. • Afbeeldingsmarge: de ruimte om een thumbnail heen. • Thumbnails per rij: het aantal rijen wordt weer bepaald door de grootte van de galerij. • Items per pagina: het maximaal aantal thumbnails dat op 1 pagina weergegeven wordt; Er worden automatisch links naar volgende pagina’s weergegeven indien uw galerij meer foto’s bevat dan het maximale aantal thumbnails. • Sorteer op: de manier waarop de thumbnails gesorteerd worden. • Ware grootte: vink deze optie aan zodat de gebruiker de afbeelding in z’n geheel te zien krijgt (dit gaat via een zogenaamd lightbox effect).
4.2 Een fotogalerij aanpassen
Indien u de galerij wilt aanpassen, u wilt bijvoorbeeld andere foto’s kiezen of de hoeveelheid thumbnails per pagina veranderen, doet u dit door op het potloodje in het elementvak dat de galerij bevat te klikken (zie paragraaf 3.6).
p.1 3
Hoofdstuk5:YouTube videospeler 5.1 Een YouTube videospeler aanmaken
Om een YouTube speler te plaatsen in een artikel, kiest u in het betreffende artikel voor ‘Nieuw element’. U kiest uit de lijst die verschijnt onder het kopje ‘Video elementen’ voor ‘YouTube Video’ (het YouTube element is pas beschikbaar als eerst de YouTube extentie geïnstalleerd is). Er zijn verschillende opties die u kunt instellen: 1. Hoofdtitel> hier kunt u een titel opgeven die boven de speler wordt weergegeven. 2. Video> hier geeft u het ID van het betreffende filmje op. 3. Grootte> de grootte van de speler; als u de speler erg klein maakt, dan worden misschien niet alle bedienings elementen weergegeven. 4. Omschrijving> u kunt een begeleidende tekst plaatsen bij de video. 5. Uitlijning van de video> de plaats van de video in de tekst 6. Negeer de standaardinstellingen> indien u deze optie aanvinkt (deze staat standaard aan), krijgt u een aantal extra opties voor de speler zoals ‘Laat gerelateerde video’s zien’, ‘Autoplay’, ‘Rand laten zien?’, etc... Voor meer uitleg, zie de begeleidende tekst. ! De uitleg onder de opties kunt u in z’n geheel zien door de muis er even boven te houden of door eenmaal met de linker muisknop op de tekst te klikken.
4 1 . p
Hoofdstuk6:Nieuwsmodule 6.1 Een nieuwsarchief aanmaken
U klikt links in het hoofdmenu op ‘Nieuws’. In het scherm dat nu verschijnt, klikt u bovenin op ‘Nieuw archief’. U gebruikt het archief om nieuws artikelen met eenzelfde onderwerp te verzamelen. In het volgende scherm kunt u een aantal eigenschappen opgeven: 1. Titel> de naam van het archief. 2. Ga naar pagina> hier kiest u de pagina waar het complete artikel weegegeven moet worden ! LET OP: u moet hier een pagina instellen, anders worden de nieuws artikelen niet weergegeven. Wanneer u bij ons een nieuwsmodule heeft besteld, maken wij die pagina inclusief eigen lay-out voor u aan. 3. Commentaren> u kunt hier meerdere opties instellen: • Sta commentaar toe> bezoekers kunnen commentaar naar aanleiding van het artikel achterlaten. • Kennisgeving> hier stelt u in wie er verwittigd wordt van nieuw geplaatste commentaren. • Items per pagina> u stelt in hoeveel commentaren er op in pagina geplaatst kunnen worden (0=onbeperkt) • Modereer> indien aangevinkt, worden commentaren pas geplaatst nadat ze zijn goedgekeurd. • Login vereist> indien aangevinkt, kunnen alleen geregistreerde en ingelogde bezoekers commentaren achterlaten. • Veiligheidsvraag uitzetten> standaard moet een bezoeker antwoord geven op een vraag tijdens het plaatsen van commentaar. Dit is bedoeld om spam te voorkomen. Het wordt niet aanbevolen om dit uit te zetten.
6.2 Een nieuwsarchief aanpassen
In de overzichtspagina van de module ‘Nieuws’ klikt u rechts naast de naam van het archief dat u wilt bewerken op het potloodje. In het volgende scherm klikt u in het grijze vak, wat de eigenschappen van het archief bevat, wederom op het potloodje.
6.3 Een nieuw nieuwsartikel aanmaken
In de overzichtspagina van het archief waar u een nieuw artikel in wilt plaatsten, klikt u op ‘Nieuw artikel’. In de volgende pagina zijn er een aantal opties die u kunt instellen: 1. Titel, alias, teaser, tekst, afbeelding toevoegen en gepubliceerd> zie paragraaf 3.2 2. Bijlage toevoegen> u kunt een bestand aan het artikel toevoegen in de vorm van een
p.1 5
downloadlink die onder het artikel geplaatst wordt. 3. Bron pagina> de opties zijn: • Standaard pagina: de pagina die u heeft ingesteld bij de instellingen voor het archief. • Interne pagina: het volledige artikel wordt op een andere pagina weergegeven. • Externe pagina: het artikel verwijst naar een pagina op een andere website. 4. Expert instellingen> Commentaar uitzetten: de commentaar optie wordt voor dit artikel uitgezet.
6.4 Een nieuws artikel aanpassen
In de pagina met het overzicht van een nieuws archief klikt u rechts in het vak van het artikel wat u wilt aanpassen op het potloodje.
6.5 Een nieuws artikel verplaatsen
In hetzelfde scherm als waar u een artikel aanpast klikt u rechts in het vak van het artikel wat u wilt aanpassen op het blauwe pijltje. Voor meer uitleg zie paragraaf 3.1.
6 1 . p
Hoofdstuk7:bestanden uploaden 7.1 Een map aanmaken
In het hoofdmenu klikt u onder het kopje ‘Systeem’ op ‘Bestandsbeheer’. U krijgt nu een overzicht van alle bestandsmappen te zien. U klikt nu bovenin het scherm op ‘Nieuwe map’.
U kiest nu met de oranje blokjes waar u de map wilt plaatsen: klikt u op het blokje naast ‘Bestandssysteem’ dan wordt de map een hoofdmap. Klikt u op het blokje naast een bestaande map, dan wordt de nieuwe map aan deze toegevoegd als submap. In het volgende scherm geeft u de map een titel en slaat u deze op.
7.2 De volgorde van mappen veranderen
U verandert de volgorde van de mappen met het blauwe pijltje. De opties zijn wat beperkter dan bij bijvoorbeeld artikelen. U kunt de map alleen bovenaan zetten of onderdeel van een andere map maken.
7.3 Bestanden naar een map uploaden
Nu u een map heeft aangemaakt, klikt u bovenin het scherm op ‘Bestand uploaden’. Vervolgens kiest u, wederom met de oranje blokjes, in welke map u dit bestand wilt plaatsen. In het scherm hierna kunt u in uw computer bladeren en bestanden kiezen om te uploaden. ! Op dit moment is er geen mogelijkheid om meerdere bestanden tegelijk te selecteren. U zult
p.1 7
bestanden op uw lokale computer 1 voor 1 moeten selecteren.
7.4 Bestanden wissen
U opent de map waarin het betreffende bestand zich bevindt en klikt op het rode kruisje naast het bestand. ! Als u het wissen ongedaan wilt maken, klik dan in het hoofdmenu onder het kopje ‘Gebruikersfuncties’ op ‘Ongedaan maken’. In het volgende scherm ziet u alle acties die ongedaan kunnen worden gemaakt.
8 1 . p