Nederlandse versie 1.03
[email protected] 13 mei 2014
Inhoudsopgave 1 De onderdelen van TYPO3 .......................................................................................................... 3 1.1 De basis ................................................................................................................................ 3 1.1.1 Inloggen ......................................................................................................................... 3 1.1.2 Het hoofdmenu .............................................................................................................. 3 1.1.3 Pagina-/ Bestandsboom ................................................................................................ 3 1.1.4 Contentvenster ............................................................................................................... 4 1.2 Web-overzicht ....................................................................................................................... 4 1.2.1 Pagina modus ................................................................................................................ 4 1.2.2 Beeld modus ...................................................................................................................... 5 1.2.3 Lijst modus ..................................................................................................................... 5 1.3 Bestand-overzicht.................................................................................................................. 6 1.3.1 Bestandenlijst ................................................................................................................. 7 1.4.1 Gebruikers instellingen .................................................................................................. 8 1.4.2 Workspace ..................................................................................................................... 9 2 Werken in Typo3......................................................................................................................... 12 2.1 Rollen .................................................................................................................................. 12 3 Het maken van structuur in Typo3.............................................................................................. 13 3.1 Aanmaken van nieuwe structuur ......................................................................................... 13 3.2 Kopieren van de structuur ................................................................................................... 16 3.4 Verwijderen van de structuur .............................................................................................. 19 3.5 Zoekmachine-indexatie ....................................................................................................... 19 4 Contentbeheer in Typo3 ............................................................................................................. 20 4.1 Nieuwe pagina maken ......................................................................................................... 20 4.2 Nieuwe elementen toevoegen ............................................................................................. 21 4.3 Bestaand artikel bewerken .................................................................................................. 22 4.4 Elementen hergebruiken ..................................................................................................... 23 4.5 Verbergen ............................................................................................................................ 24 4.5.1 Verbergen van elementen ........................................................................................... 24 4.5.2 Verbergen van pagina‟s ............................................................................................... 25 4.5.3 Verbergen van pagina‟s in het menu ........................................................................... 25 4.6 Elementen verwijderen ........................................................................................................ 26 4.6.1 Het verwijderen van een element uit de paginaopmaak.............................................. 26 4.6.2 Het definitief verwijderen van een element .................................................................. 27 4.7 Elementen kopiëren/verplaatsen ......................................................................................... 28 4.7.1 Elementen kopiëren ..................................................................................................... 28 4.7.2 Elementen verplaatsen ................................................................................................ 29 4.9 Afbeeldingen toevoegen/uploaden...................................................................................... 31 4.9.1 Afbeeldingen uploaden via de Bestandenlijst .............................................................. 31 4.9.2 Een bestaande afbeelding invoegen ........................................................................... 31 4.9.3 Afbeeldingen uploaden via het te bewerken artikel ..................................................... 33 4.10 Een link aanmaken ............................................................................................................ 34 4.11 Downloads toevoegen/uploaden ....................................................................................... 35 4.12 Localisaties / Vertalingen van nieuws ............................................................................... 36 4.13 Localisaties / Vertalingen overig ....................................................................................... 37 4.14 Zoekmachine ..................................................................................................................... 39 5 De verschillende sjablonen en elementen in Typo3 ................................................................... 40 5.1 Pagina-eigenschappen ....................................................................................................... 40 5.2 Sjablonen ............................................................................................................................ 41
2
1 De onderdelen van TYPO3 1.1 De basis 1.1.1 Inloggen Om in te loggen in Typo3 ga je naar: http://www.tudelft.nl/typo3 Je kunt hier inloggen met je NetID. Om toegang te kunnen hebben tot Typo3 dient er al wel een persoonlijk Typo3 account te zijn aangemaakt. Voor het aanvragen van een account of problemen met inloggen, neem je contact op met de Contentmanager van je faculteit of dienst (klik hier voor een overzicht).
De TYPO3–omgeving bestaat grofweg uit drie kolommen: 1. Hoofdmenu 2. Pagina- / Bestandsboom 3. Contentvenster
1.1.2 Het hoofdmenu Het hoofdmenu toont alle soorten indelingen van de overige 2 kolommen. Hierbij wordt onderscheid gemaakt tussen Web-overzicht (pagina-indeling) en het Bestand-overzicht.
1.1.3 Pagina-/ Bestandsboom Afhankelijk van de keuze voor een Web-overzicht of Bestand-overzicht, verschijnt er in kolom 2 de pagina- of bestandsboom. Deze boom toont de structuur van de site en/of bestandsindeling.
3
1.1.4 Contentvenster Wanneer een pagina of bestand wordt geselecteerd in de pagina-/bestandsboom, dan verschijnt in het contentvenster de inhoud van de map. Zo staat in de bovenstaande afbeelding de paginaindeling weergegeven van de testpagina die geselecteerd is in de pagina-/bestandsboom. Afhankelijk van de keuze in het hoofdmenu verschijnen hier verschillende weergaven.
1.2 Web-overzicht Met de onderdelen van het Web-overzicht in TYPO3 kun je pagina‟s aanmaken, bewerken of verwijderen. Hiervoor kun je gebruik maken van de pagina- en lijstmodus. Om de resultaten te bekijken, kun je gebruik maken van de beeldmodus
1.2.1 Pagina modus In het hoofdmenu kies je voor Web → Pagina (1). Selecteer vervolgens een pagina (2).
In bovenstaande afbeelding zie je de pagina in pagina modus (3). Hierin is de inhoud van de pagina te zien in de opmaak zoals je deze ook online zult zien.
4
1.2.2 Beeld modus In het hoofdmenu kies je voor Web → Beeld De beeld modus laat de pagina zien, zoals deze online wordt getoond. Vanuit deze modus kun je dus geen bewerkingen invoeren.
1.2.3 Lijst modus In het hoofdmenu kies je voor Web → Lijst
In lijst modus zie je alle onderdelen die bij een pagina horen. Dit kunnen de verschillende 'content elementen' zijn, maar ook sub-paginas. Met de lijst modus kun je elementen bewerken, ook als deze verborgen of „unlinked‟ staan op de pagina. Je ziet dus altijd het volledige overzicht. Met het vinkje „ Uitgebreid overzicht „ worden alle mogelijke acties per element zichtbaar gemaakt. De optie „ Localisatie „ wordt gebruikt voor het invoeren van andere talen van de elementen.
5
1.3 Bestand-overzicht Met de onderdelen van het bestandenoverzicht is te zien welke downloads, afbeeldingen en overige documenten er op de server staan. Als je een document of afbeelding wilt toevoegen aan een pagina, is het dus raadzaam om dit via het onderdeel Bestand op te slaan op de server. Let op: Probeer altijd een logische mapstructuur te hanteren. Zo kunnen bestanden altijd goed teruggevonden worden!.
6
1.3.1 Bestandenlijst In het hoofdmenu selecteer je „Bestandenlijst‟ (1).
In de bestandsboom kun je vervolgens naar de juiste map navigeren (2), waarna een overzicht van alle bestanden in die map getoond wordt. Om een bestand hier te uploaden klik je op de
-knop (3). Het volgende scherm verschijnt:
Klik op „Select Files‟ om een bestand te selecteren. Zodra je op „OK‟ klikt, wordt het bestand geupload en is het terug te vinden in de geselecteerde map.
7
1.4 Gebruikerswerkset Met de onderdelen van Gebruikerswerkset kun je jouw eigen instelling aanpassen en van werkruimte wisselen.
1.4.1 Gebruikers instellingen
Met het onderdeel „Gebruikers instellingen‟ kun je jouw gegevens veranderen, zoals jouw emailadres en wachtwoord.
8
1.4.2 Workspace Een editor logt in op de back-end van TYPO3. Hij zit automatisch in de edit workspace. De editor kan nieuwe content toevoegen aan contentpagina's of vrije-tekst pagina's. Ook kan hij nieuwe pagina‟s aanmaken of bewerken. Alles wat door editor gedaan wordt gebeurt in de edit workspace.
In het topmenu rechtsboven in vind je een workspaces.
-icoon. Hiermee wissel je tussen de verschillende
Zodra de editor klaar is met editen van de website kan hij een publicatieverzoek indienen bij de gewenste redacteur waar zijn pagina onder valt. Er zijn 3 mogelijke default mailtjes te sturen naar de redacteur.
9
Er zijn 3 mogelijke default mailtjes te sturen naar de redacteur.
De redacteur ontvangt een mail van de editor met hierin het verzoek om een pagina (of meerdere pagina's) te publiceren.Eenvoudig kan redacteur pagina per pagina publiceren of alle pagina's tegenlijk. De redacteur kan zelf zowel in de edit workspace werken als in de live mode. In de edit workspace kan redacteur zelf ook stappen 1 tot en met 3 doorlopen. In de live mode kan hij direct content plaatsen op de live pagina.
10
1.5 Iconen Bekijk de webpagina
Verplaats de pagina of het element omhoog
Geschiedenis van een webpagina of
Verplaats de pagina of het element
element
omlaag
Bewerk een webpagina of element
Verplaats een webpagina of element
Bekijk verschillende versies
Maak de pagina of het element (on-)zichtbaar Verplaats de pagina of het element naar bovenliggend niveau Verplaats de pagina of het element naar onderliggend niveau
Bepaal de rechten voor een
Informatie over een webpagina of
webpagina of element
element
Voeg een element toe
Kopieer een pagina of element
Voeg een pagina toe
Knip een pagina of element
Bewerk de pagina-eigenschappen
Kopieer de locatie van een element
Sla de wijzigingen op
Maak een verwijzing naar het geselecteerde element
Sla de wijzigingen op en bekijk de
Voeg een verwijzing toe aan een
pagina
geselecteerde pagina
Sla de wijzigingen op en maak een nieuwe pagina Sla de wijzigingen op en sluit de pagina Sluit af zonder te bewaren
Blader door alle elementen
Verwijder een element van een pagina Verwijder de pagina of het element
11
2 Werken in Typo3 Typo3 kent vele mogelijkheden voor het inrichten van werkprocessen. Dit gebeurt aan de hand van rollen.
2.1 Rollen In Typo3 zijn verschillende rollen mogelijk. Op dit moment heeft de webredactie er voor gekozen om iedere geautoriseerde medewerker dezelfde rol te geven. Dit is de rol van redacteur. Hierdoor kun je zelf content bewerken en publiceren. In theorie is het ook mogelijk om onderscheid te maken tussen redacteur en editor. Een editor is alleen in staat om content aan te maken en aan te passen, maar kan niet publiceren. De editor stuurt vanuit Typo3 dan een verzoek naar zijn of haar redacteur, welke vervolgens de content keurt en publiceert.
12
3 Het maken van structuur in Typo3
De structuur van de website staat in Typo3 in de paginaboom (2). Hierin kun je alle pagina‟s van de website zien.
3.1 Aanmaken van nieuwe structuur Om een structuur in Typo3 aan te maken, moet je dus pagina‟s aanmaken. Hiermee wordt tegelijk de navigatie op de website bepaald.
13
Om een nieuwe pagina toe te voegen, kies je eerst de pagina op het bovenliggende niveau. In dit voorbeeld gaan we een nieuwe pagina onder de pagina „Actueel‟. Selecteer eerst de pagina „Actueel‟ en klik vervolgens op
.
Er verschijnt een overzicht waar een nieuwe pagina toegevoegd kan worden. In dit geval gaan we de pagina plaatsen tussen de onderdelen magazines en persdossiers (1). Vervolgens kies je een sjabloon voor de nieuwe pagina, in dit geval no selection - content pagina (template).
14
Na deze keuze voer je de paginatitel op, geef je aan of deze pagina wel of niet verborgen moet zijn en sla je de pagina op met één van de diskette icoontjes bovenin.
Je hebt nu een pagina toegevoegd aan de boom van „Actueel‟. Wil je onder de zojuist aangemaakte pagina een nieuwe pagina plaatsen? Selecteer dan deze pagina en herhaal de bovenstaande stappen. Het resultaat kan er dan als volgt uit zien:
15
3.2 Kopieren van de structuur Het kan voorkomen dat je een verzameling pagina‟s wilt kopiëren naar een andere locatie. In Typo3 kun je delen van structuren kopiëren. Om dit te doen klik je met de rechtermuisknop op de hoogst geplaatste pagina in de boom.
In dit geval gebruiken we de verzameling pagina‟s onder de Test-pagina. Wanneer je op de rechtermuisknop klikt, verschijnt het bovenstaande menu. Klik nu op „Kopieren‟ (1). In dit voorbeeld gaan we de pagina „Test‟ en alle onderliggende pagina‟s kopieren onder de pagina „Magazines‟.
16
Hiervoor selecteer je de pagina „Magazines‟ en klik je op de rechtermuisknop. Vervolgens kies je voor „Plakken in‟ (1).
Het resultaat van deze actie is dat de pagina „Test‟ en direct onderliggende pagina‟s worden gekopieerd onder de pagina „Magazines‟. Let op: De pagina‟s onder „Test 2‟ worden niet gekopieerd. Een kopieeractie is dus altijd maximaal 1 onderliggend niveau!
17
3.3 Verplaatsen van de structuur In Typo3 kun je volledige structuren verplaatsen. Om dit te doen klik je met de rechtermuisknop op de hoogst geplaatste pagina in de boom.
In dit geval gebruiken we (weer) de verzameling pagina‟s onder de Test-pagina. Wanneer je op de rechtermuisknop klikt, verschijnt het bovenstaande menu. Klik op „Knippen‟ (1). In dit voorbeeld gaan we de pagina „Test‟ en alle onderliggende pagina‟s verplaatsen onder de pagina „Magazines‟. Hiervoor selecteer je de pagina „Magazines‟ en klik je op de rechtermuisknop. Vervolgens kies je voor „Plakken in‟ (1).
Het resultaat van deze actie is dat de pagina „Test‟ en alle onderliggende pagina‟s verplaatst zijn onder de pagina „Magazines‟.
18
3.4 Verwijderen van de structuur Wanneer je een pagina en onderliggende pagina‟s wilt verwijderen, selecteer dan de hoogstgeplaatste pagina en klik op de rechtermuisknop. Het onderstaande menu verschijnt.
Klik vervolgens voor „Verwijderen‟ (1) en na het geven van een bevestiging zal de structuur verwijderd worden.
3.5 Zoekmachine-indexatie Het is in Typo3 niet mogelijk om een gehele tak of structuur uit te sluiten voor indexering door zoekmachines. Dit moet per pagina worden uitgeschakeld!
19
4 Contentbeheer in Typo3
4.1 Nieuwe pagina maken Een nieuwe pagina maken heeft veel gemeen met het maken van een nieuwe structuur. Dit kun je teruglezen in hoofdstuk 3.1 Aanmaken van nieuwe structuur. Dit deel gaat inhoudelijk verder met het invoeren van de verdere eigenschappen en inhoud van een pagina.
Zodra je een sjabloon hebt gekozen, staat vastgelegd hoe de pagina opgebouwd gaat worden. In dit geval bestaat onze keuze uit een sjabloon voor een standaard pagina of een pagina zonder rechterkolom. Na deze keuze voer je de paginatitel op, geef je aan of deze pagina wel of niet verborgen moet zijn en sla je de pagina op met één van de diskette icoontjes bovenin.
Nu de pagina is opgeslagen kunnen we de verdere pagina-eigenschappen gaan opgeven.
20
4.2 Nieuwe elementen toevoegen Als je een pagina hebt aangemaakt, kun je overgaan tot het vullen van deze pagina. Dit gebeurt met de zogeheten elementen. Dit zijn losse bouwstenen waarmee je een pagina kunt vullen. In de huidige inrichting van Typo3 zijn er verschillende soorten elementen beschikbaar. Deze vind je terug in hoofdstuk 5.2. [insert afbeelding] Om elementen toe te voegen selecteer je Pagina (1) en navigeer je naar de gewenste pagina in de boomstructuur (2). Vervolgens zie je een overzicht van de pagina (3). Met de je vervolgens een element toe.
-knop voeg
[insert afbeelding] Er verschijnt dan een overzicht met alle mogelijke soorten elementen (4). In de meeste gevallen zul je gebruik maken van de 3 elementen onder „Specifieke pagina-inhoud‟, namelijk Regulier tekst element, Tekst met afbeelding en Alleen afbeeldingen (5). [insert afbeelding] Zodra je een keuze hebt gemaakt, kun je de eigenschappen en inhoud invoeren en vervolgens afsluiten met één van de diskette icoontjes bovenin.
21
4.3 Bestaand artikel bewerken 1 Selecteer pagina in linkerkolom 2 Zoek in de Paginaboom naar de juiste pagina en klik hierop. Het overzicht toont alle gebruikte onderdelen (elementen) op deze pagina.
Bewerk de pagina eigenschappen (3) of bewerk de inhoud van de pagina (4)? 3.1 Klik op om de pagina-eigenschappen te bewerken. 3.2 Wijzig de gewenste eigenschappen. Sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
4 Beweeg de muis over de grijze balk van het gewenste element. Er verschijnen icoontjes. 5.1 Klik op achter het element om te bewerken. 5.2 Pas het element aan en sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
22
4.4 Elementen hergebruiken Het hergebruiken van content helpt in het voorkomen van dubbele invoer. U kunt veelgebruikte items dus hergebruiken, vergelijkbaar met de includes en containers in het vorige CMS. Door dit toe te passen voorkom je dus dubbel werk en houden we het CMS „schoon‟. In Typo3 werkt dit als volgt:
1 Selecteer Pagina in de linkerkolom. 2 Zoek de pagina met het gewenste element. 3 U ziet de pagina-indeling met alle elementen. 4 Beweeg de muis over de grijze balk van het gewenste element. Er verschijnen icoontjes.
5 Klik op
. Dit zorgt er voor dat het element in het geheugen wordt gezet.
6 Ga naar de gewenste pagina. Bij elk element is nu 7 Klik op
toegevoegd.
. Het element wordt aan de pagina nu toegevoegd.
23
4.5 Verbergen Met verbergen van elementen en pagina‟s kun je (tijdelijk) onderdelen onzichtbaar maken voor bezoekers. Dit kan handig zijn als je alvast elementen of pagina‟s klaar wilt zetten voor een bepaald moment of als je tijdelijk geen gebruik wilt maken van bepaalde content.
4.5.1 Verbergen van elementen Om elementen te verbergen kun je zowel gebruik maken van de Pagina-modus als de Lijstmodus. Het voordeel van de Pagina-modus is hierbij dat je altijd kan zien waar het element op de pagina staat of heeft gestaan. Selecteer de pagina in de boomstructuur (1) en beweeg de muis over het gewenste element (2).
Er verschijnen verschillende iconen. Klik op het
-icoon om het element te verbergen.
24
4.5.2 Verbergen van pagina’s Een pagina kun je verbergen door deze op te zoeken in de boomstructuur en met de rechtermuisknop op de pagina te klikken. Onderstaand menu verschijnt. Klik op het om de pagina volledig te verbergen.
- icoon
4.5.3 Verbergen van pagina’s in het menu Naast het volledig onzichtbaar maken van pagina‟s, kun je er ook voor kiezen om een pagina niet in de menustructuur op te nemen. Dit doe je door de pagina-eigenschappen te bewerken (zie 4.3) en te kiezen voor de optie „Verberg in menu‟. Hiermee voorkom je dat de pagina in het menu zichtbaar wordt gemaakt.
25
4.6 Elementen verwijderen Het verwijderen van elementen bestaat uit twee mogelijkheden: Het verwijderen van een element uit de paginaopmaak (4.6.1) Het definitief verwijderen van een element (4.6.2)
4.6.1 Het verwijderen van een element uit de paginaopmaak Wanneer je een element wilt verwijderen uit een pagina, maar wel wilt behouden, dan kun je er voor kiezen om het element te „unlinken‟.
Hiervoor selecteer je het gewenste element, zodat de grijze balk oplicht. Om een element te „unlinken‟ klik je op . Dit zorgt er voor dat het element van de pagina afgehaald wordt, maar tegelijkertijd het element wel bewaard in het Lijst-overzicht.
26
4.6.2 Het definitief verwijderen van een element Je kunt uiteraard ook elementen definitief verwijderen. Dit kan op twee manieren. Je kunt in de pagina-modus het element bewerken (zie 4.3) en vervolgens in de bovenste balk op het
-icoon te klikken.
Daarnaast kun je er voor kiezen om de pagina in de de Lijst-modus te bekijken en direct bij het element op het verwijderd.
-icoon te klikken. In beide gevallen wordt het element definitief uit Typo3
Let op: Om de iconen te zien, moet wel het ‘Uitgebreid overzicht’ aangevinkt staan (1).
27
4.7 Elementen kopiëren/verplaatsen 4.7.1 Elementen kopiëren Binnen Typo3 kun je elementen kopiëren. Dit kan handig zijn als je vergelijkbare content hebt en slechts een deel van de informatie hoeft te wijzigen. Als je exact dezelfde informatie gaat gebruiken, dan is het handiger om te kiezen voor het hergebruiken van content, zie hiervoor hoofdstuk 4.4. Dit heeft namelijk als voordeel dat de informatie op slechts 1 plaats beheerd hoeft te worden. Ga naar Lijst-modus en selecteer de pagina. Je ziet nu alle elementen die bij de pagina behoren. Vervolgens klik je op het
-icoon om het element te kopiëren.
Ga nu naar Pagina-modus en selecteer de pagina waar je het element naar toe wilt kopiëren. Je ziet nu in het pagina-overzicht meerdere element te plaatsen.
-iconen staan. Klik hierop om het gekopieerde
28
4.7.2 Elementen verplaatsen Het verplaatsen van elementen kan op twee niveaus. Je kunt elementen binnen de pagina verplaatsen of juist naar een andere pagina.
Elementen binnen een pagina verplaatsen is eenvoudig: ga naar Pagina-modus en selecteer de pagina. Je ziet nu de elementen op de pagina. Beweeg de muis over de titel van het element en sleep het element naar de gewenste positie.
Om een element naar een andere pagina te verplaatsen, klik je bij het element op het -icoon (1). Ga nu naar de pagina waar je het element naar toe wilt verplaatsen. Je ziet nu in het paginaoverzicht meerdere
-iconen staan. Klik hierop om het element op deze positie te plaatsen (1).
29
4.8 Nieuws/Agenda aanmaken
1 Selecteer lijst in linkerkolom. 2 Kies nieuwsartikelen of agenda items in de Paginaboom. 3 Gebruik de groene plus ( ) onder de kop „Nieuws‟ om een nieuw bericht aan te maken 4 Vul de (verplichte) velden in 5 Sla op met één van de diskette icoontjes bovenin
30
4.9 Afbeeldingen toevoegen/uploaden Er zijn in Typo3 meerdere manieren op afbeeldingen toe te voegen aan een pagina. Zo kun je er voor kiezen om eerst afbeeldingen te uploaden, voor je ze op de pagina plaatst. Dit kan handig zijn als je voor meerdere pagina‟s afbeeldingen wilt gaan gebruiken. Je kunt ook vanuit het artikel zelf een afbeelding uploaden en gebruiken, zie 4.9.3
4.9.1 Afbeeldingen uploaden via de Bestandenlijst Je kunt afbeeldingen toevoegen via de Bestandenlijst, zie hiervoor hoofdstuk 1.3.1
4.9.2 Een bestaande afbeelding invoegen
Om een afbeelding aan een pagina toe te voegen, kun je gebruik maken van het element „Images only‟ of het element „Text with image‟. In beide gevallen vind je bovenstaande deel op het sjabloon. Om een afbeelding toe te voegen, kies je het folder-icoon (1). Vervolgens krijg je een overzicht van de mappenstructuur.
31
Selecteer nu de juiste map (2) en klik vervolgens op de gewenste afbeelding (3). De afbeelding verschijnt nu op de pagina (4).
Nb: Je kunt ook meerdere afbeeldingen klaarzetten in het overzicht. De onderstaande afbeelding wordt dan op de pagina getoond. Met de pijltjes kun je de volgorde wijzigen. Met het kruisje verwijder je een afbeelding uit de lijst.
32
4.9.3 Afbeeldingen uploaden via het te bewerken artikel Ook is het mogelijk om afbeeldingen te uploaden en toe te voegen aan een pagina, wanneer je deze aan het bewerken bent. De pagina moet dan wel een element “Images only” of “Text with image” bevatten. Bij het bewerken van het element wordt dan het volgende onderdeel getoond:
Hiermee worden bestaande of nieuwe afbeeldingen in Typo3 geselecteerd Let op: Maak in geen geval gebruik van de Browse-knop. Hiermee worden afbeeldingen niet opgeslagen in Typo3. Hergebruik van de afbeelding is daarmee onmogelijk. 1 Selecteer het folder-icoon 2 Selecteer in de Mappen Structuur de locatie voor de (nieuwe) afbeelding.
3 Gebruik hier wel de Browse-knop om een nieuwe afbeelding te uploaden. Selecteer het gewenste bestand en klik op OK 4 Klik op de knop Upload bestanden. De afbeelding staat in het overzicht (zie 2) 5 Klik op de naam van het bestand om deze toe te voegen aan de pagina. Het is dus niet noodzakelijk om de afbeelding te uploaden. Als de gewenste afbeelding al in de lijst staat, hoef je alleen op de naam van het bestand te klikken. Sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
33
4.10 Een link aanmaken Uiteraard kun je binnen Typo3 links toevoegen aan teksten. Na het openen van het element zie je vanzelf de teksteditor in het scherm verschijnen.
Om een link toe te voegen, selecteer je eerst de tekst (1). Klik hierna op de Er verschijnt een pop-up venster.
-knop (2).
Vervolgens kies je het soort link. In dit geval betreft het een link naar een (interne) pagina (3). Hierna kun je het gedrag van de link bepalen. Moet de link bijvoorbeeld in een nieuw venster geopend worden (4)? Tot slot selecteer je de gewenste pagina in de paginaboom (5). Direct na het aanklikken van de pagina, wordt de link aangemaakt in de tekst.
34
4.11 Downloads toevoegen/uploaden Let op: Voordat je een download kunt toevoegen aan een pagina of artikel, moet het bestand eerst op de server worden geplaatst. Je moet dus eerst het bestand uploaden. Hiervoor maak je gebruik van de Bestandenlijst, zie hiervoor hoofdstuk 1.3.1.
Om de download toe te voegen, selecteer je eerst de tekst (1). Klik hierna op de Er verschijnt een pop-up venster.
-knop (2).
Kies in deze pop-up voor het invoegen van een bestand (3) en selecteer de map waar het bestand staat (4). Vervolgens kun je eventueel bepalen hoe de link geopend moet worden (nieuw venster of niet) (5). Als je alles naar wens hebt ingesteld, selecteer je het bestand (6).
35
4.12 Localisaties / Vertalingen van nieuws
1 Selecteer lijst in de linkerkolom 2 Klik op Nieuwsartikelen (of agenda items). Alle items worden getoond. 3 Controleer of Localisatie „Aan‟ staat. Zo niet, zet dit dan „aan‟. 4 De kolommen „Localisatie„ en „Localiseer naar‟ worden nu getoond Localisatie is de taal van het originele bericht. Let op: Staat er geen britse vlag in de laatste kolom en is het bericht niet vertaald? Neem dan contact op met uw contentmanager. Er is dan nog geen bovenliggende pagina voor de vertalingen aanwezig. 5 Klik op de Britse vlag onder „Localiseer naar‟ voor het invoeren van een Engelse vertaling. 6 Voer uw vertaling in. Onder elk veld wordt de Nederlandse invoer getoond. Sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
36
4.13 Localisaties / Vertalingen overig
1 Selecteer pagina in de linkerkolom 2 Selecteer de juiste pagina in de Paginaboom. 3 De indeling van de pagina verschijnt. Onder elk element staat „Vertalingen‟, gevolgd door een Britse vlag. Ga verder vanaf punt 7. Staat deze vlag er niet? Ga dan door naar stap 4.
4 Klik op het tabblad Localisatie, bovenaan de pagina. 5 Selecteer „English‟ in het menu. 6 Voer de Engelse pagina-eigenschappen in. Sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
37
Nu kan de inhoudelijke vertaling worden ingevoerd.
7 Dubbel-klik onder een element op de tekst „Maak een kopie voor de vertaling (english)‟. 8 Voer de vertaling in. Sla op met één van de diskette icoontjes bovenin of sluit de pagina zonder op te slaan (
).
38
4.14 Zoekmachine Standaard worden alle pagina‟s geïndexeerd door zoekmachines. Maar soms kan het handig zijn om dit juist te voorkomen. Zo kun je denken aan bepaalde tussenpagina‟s die voor gebruikers bij het navigeren wel handig zijn, maar juist niet tussen zoekresultaten moeten staan. In de GSA (Google Search Appliance) kan dit worden ingesteld!
39
5 De verschillende sjablonen en elementen in Typo3 Om pagina‟s en elementen aan te maken, maakt Typo3 gebruik van verschillende soorten sjablonen. Hieronder worden deze sjablonen uitgelegd.
5.1 Pagina-eigenschappen Pagina-eigenschappen zijn er om te bepalen wat voor soort pagina je maakt. Hier leg je onder meer vast wat de (sub-)titels zijn, kun je pagina aanvullen met metadata/trefwoorden en kun je enkele andere opties toepassen. 1. Type van de pagina: Standaard of link naar externe URL 2. Pagina onzichtbaar maken 3. Pagina niet in menu tonen 4. De titel van de pagina 5. Eventuele subtitel 6. Eventuele titel van pagina in het menu. Bij niet invullen wordt de „Paginatitel‟ gebruikt (4) 7. Trefwoorden en metadata, gescheiden door een komma 8. Omschrijving (niet online zichtbaar) 9. Gebruikte elementen 10. Sjabloon voor pagina-structuur 11. Vastleggen sjabloon voor onderliggende pagina‟s
40
5.2 Sjablonen Contentpagina (template) en Contentpagina zonder rechterkolom (template)
Bij het aanmaken van de nieuwe pagina verschijnen de opties beschreven in bovenstaande afbeelding. Deze twee sjablonen zijn dan ook vrijwel gelijk aan elkaar. Het verschil zit in het feit dat je de keuze hebt uit een pagina met 2 kolommen of 1 kolom, zoals zichtbaar in onderstaande afbeelding.
41
Nieuwsbericht De velden die aangeduid zijn met
zijn verplichte velden 1. Pagina verbergen in menu 2. Type News 3.
Titel
4.
Introtekst
5. Invulveld inhoud bericht
42
1. Datumveld
2. Auteur van het bericht
3.
Invullen van trefwoorden (deze worden ingelezen door zoekmachines) 4. Instellen taal “standaard” is in te stellen in “User settings” 5. Toevoegen van plaatjes (Zie 4.9)
6. Invullen van tekst die als onderschrift zal tonen onder de foto. 7. Toevoegen van externe link.
8. Instellen categorie: standaard staat deze ingesteld op de huidige faculteit
9. Toevoegen van vergelijkbaar nieuws.
43
Agenda (idem nieuws) 1. Event
2. Start datum
3. Start tijd
4. Eind datum
5. Eind tijd 6. Locatie
In Typo3 kun je pagina‟s opmaken met zogeheten elementen. In deze elementen staat de opmaak vastgelegd. Deze opmaak zie je in het volgende overzicht: Standaard elementen: Regular text element Tekstelement met een Header en een tekstveld Text with image Tekstelement met de mogelijkheid om plaatjes in naast de tekst te plaatsen Images only Kolom of rij plaatsen met plaatjes
Flexible content: Artikelen TU Homepage Switchbox TU Homepage Container: Teaser Container: Kader = breed Container: Banner = small Container Banner_Contact Container Ribbon Itemblok: Gebouw Itemblok: Vraag en antwoord Itemblok: Rector Itemblok: Opinie Itemblok: Geen outline om content kolommen 46-46 Artikelen Footer: vragen, suggesties Footer: menu
44
45
