Handleiding TYPO3 Versie 1.14, 10-02-2009-1 -
1. Algemene informatie... 4 1.1 Browser gebruik... 4 1.2 Inloggen in TYPO3... 4 1.3 De opzet van TYPO3... 4 2. Hoofdmenu... 7 2.1 Paginamenu... 9 2.1.1 Bewerken... 9 2.1.1.1 Tabblad Inhoud... 9 2.1.1.2 Tabblad Eigenschappen... 9 2.1.1.3 Tabblad Preview... 11 2.1.2 Publiceren... 13 2.1.3 Elementmenu... 15 2.1.3.1 Tabblad Inhoud... 15 2.1.3.2 Tabblad Metadata... 15 2.1.3.3 Tabblad Eigenschappen... 15 2.1.3.4 Tabblad Afbeeldingen... 16 2.1.3.4.1 Tabblad Media... 16 2.1.3.4.2 Tabblad Upload... 16 3. DAM... 17 3.1 File... 17 3.1.1 List... 17 3.1.2 Upload... 17 3.1.3 Indexing... 17 3.2 List... 18 3.2.1 List... 18 3.2.1.1 Field selector... 18 3.2.1.2 Zoek... 18 3.2.1.3 Options... 18 3.2.1.4 Selection... 18 3.2.2 Thumbnails... 18 3.2.3 Selection... 18 3.2.4 Process... 18 4. Nieuwe Pagina aanmaken... 21 4.1 Standaard... 27 4.2 Uitgebreid... 29 4.3 Externe url... 31 4.4 Snelkoppeling... 33 4.5 Niet in het menu... 35 4.6 Koppelpunt... 37 4.7 SysMap... 39 5. Inhoud plaatsen op een pagina... 43 5.1 Verschillende soorten inhoudselementen... 45 5.2 Regulier tekst element... 47 5.2.1 Tabblad Inhoud... 47 5.2.1.1 Hyperlink aanmaken... 51 5.2.1.1.1 Link aanmaken naar een pagina in TYPO3... 51 5.2.1.1.2 Link aanmaken naar een bestand in TYPO3... 51 5.2.1.1.3 Link aanmaken naar een externe pagina... 53 5.2.1.1.4 E-mail adres aanmaken... 53 5.2.1.2 Hyperlink aanpassen... 53 5.2.1.3 Hyperlink verwijderen... 53 5.2.1.4 Anker / Bladwijzer invoegen... 54 5.2.1.5 Image in de editor plaatsen... 57-2 -
5.2.1.5.1 Eigenschappen aan een image toevoegen... 57 5.2.1.6 Tabel plaatsen in de editor... 60 5.2.1.6.1 Tabel aanpassen... 62 5.2.2 Tabblad Metadata... 65 5.2.3 Tabblad Eigenschappen... 65 5.3 Tekst met afbeelding... 67 5.3.1 Tabblad Afbeeldingen... 67 5.4 Sitemap... 71 5.5 Algemene plugin... 73 5.6 Record invoegen... 75 6. Pagina publiceren... 76 7. Gepubliceerde pagina bewerken... 77 8. Verplaatsen van een pagina... 78 9. Pagina verwijderen... 79 10. Rechten toekennen... 80 10.1 Backend gebruikersgroep toegang tot deel van de paginaboom geven... 80 10.2 Frontend rechten toekennen... 81 11. Homepage... 82 11.1 Aanmaken... 82 11.2 Banners... 82 11.3 Also sees... 82 11.4 AlsoSee plugin... 82 11.5 Afbeelding... 82-3 -
1. Algemene informatie 1.1 Browser gebruik Gebruik om in TYPO3 te werken Mozilla Firefox als browser. 1.2 Inloggen in TYPO3 Inloggen gaat alleen vanaf de homepage. Door achter de url in de adresbalk van de browser /typo3 te typen, http://www.eur.nl/typo3. Er volgt een inlogscherm waar je met je ERNA gegevens kan inloggen. ERNA name@eur.nl en password. 1.3 De opzet van TYPO3 De paginaboom in TYPO3 is opgebouwd uit pagina s welke zijn gevuld met elementen. De pagina s bepalen de structuur van de boom. Op een pagina kunnen verschillende elementen worden geplaatst. Tekst en images kunnen in één element worden geplaatst. Hyperlinks naar pagina s binnen TYPO3 worden aangemaakt als relatieve links. Hierdoor blijven de links intact ook als de pagina waarnaar de link verwijst verplaatst of hernoemd is. - 4 -
- 5 -
- 6 -
2. Hoofdmenu In alle schermen binnen TYPO3 is aan de linkerkant van het scherm de paginaboom zichtbaar. Hier wordt het gedeelte van de paginaboom getoond waarin je rechten hebt. Bovenaan staat het gedeelte van de paginaboom waarin je rechten hebt om informatie te bewerken. Onderaan staan de nieuwsmappen de beheersmappen. Hieronder staat de hele paginaboom, hierin heb je rechten om kopieën te maken. In de paginaboom is met een grijze achtergrondkleur aangegeven welke pagina bewerkt wordt. De paginaboom is in te klappen door op het pijltje geheel links naast de paginaboom te klikken. Bovenin het scherm staat het hoofdmenu. Dit hoofdmenu blijft overal in TYPO3 staan het bevat de volgende tabbladen en buttons: 1. Pagina: Bewerken, Publiceren en Nieuws 2. Gebruiker: Setup (persoonlijke instellingen) 3. Media: File en List (Toegang tot de Digital Asset Management, DAM) 4. Rechts in het scherm staat de button, Help, hierachter zit een pagina met de: TYPO3 handleiding (pdf) Issuetracker Mantis handleiding (pdf) Richtlijnen voor de inrichting van Erasmus Web (doc) Styleguide Erasmus Web (pdf) 5. Log uit, hiermee wordt de backend TYPO3 via uitloggen verlaten 6. Rechts in het scherm de button Shortcuts, hierachter zit de zoekfunctie binnen TYPO3 Aan de kleur en het kader rond de tabbladen is te zien welk tabblad actief is. - 7 -
Paginamenu, tabblad Inhoud Paginamenu, tabblad Eigenschappen - 8 -
2.1 Paginamenu Hieronder twee tabbladen, bewerken en publiceren. 2.1.1 Bewerken Na keuze voor Pagina en Bewerken volgt het pagina menu. Aan de kleur en het kader rond de tabbladen is te zien welke tabbladen actief zijn, Inhoud, Bewerken. Buttons: Nieuwe pagina Verplaats pagina Nu publiceren (alleen zichtbaar als de versie nog niet gepubliceerd is) Gekleurd bolletje dat de publicatie status van de pagina aangeeft. Tabbladen: Inhoud, bewerken content Eigenschappen, pagina eigenschappen. Onder Type kiezen voor een ander paginatype. Preview, toont een preview van de pagina. Onder Pagina-inhoud: Contentkolom, Zoekkolom, Rechterkolom. Een standaard pagina heeft alleen inhoud in de kolom onder Normaal. Onderaan de checkbox: Toon extra opties (paletten), Vink deze altijd aan! 2.1.1.1 Tabblad Inhoud In het scherm de buttons: Voeg element toe, nieuw element op een pagina plaatsen Bewerk, element bewerken Naar boven, verplaatsen van een element binnen de pagina Naar beneden, verplaatsen van een element binnen de pagina Verwijder, element verwijderen Kopiëren Knippen Plakken 2.1.1.2 Tabblad Eigenschappen Is een pagina gepubliceerd dan moet er eerst een nieuwe versie worden gemaakt voor dat het tabblad eigenschappen opent. In het scherm de buttons: Bewaren, Bewaren / Sluiten, Sluiten, Verwijder werkversie. Icoon pagina met daarachter de id en de titel van de pagina. - 9 -
Paginamenu, tabblad Preview - 10 -
Pagina typen Type: pulldown met verschillende paginatypen: 1. Standaard, Gebruiken voor de standaard pagina. 2. Uitgebreid, Gebruiken voor een standaard pagina, hieraan kunnen trefwoorden en een omschrijving worden toegevoegd. 3. Externe url, Dit paginatype gebruiken om direct door te linken naar een externe pagina. 4. Snelkoppeling, Dit pagina type gebruiken om een redirect naar informatie binnen TYPO3 aan te maken. 5. Niet in het menu, Gebruiken als de pagina niet in het menu moet worden getoond. 6. Koppelpunt, Dit paginatype gebruiken om informatie elders uit TYPO3 hier te presenteren, ghost folder. 7. Sysmap, Dit paginatype gebruiken om een beheersmap aan te maken, deze map wordt niet in het frontend getoond. niet (Beheersmap) Afhankelijk van het gekozen paginatype zijn er specifieke invulvelden. 2.1.1.3 Tabblad Preview Toont een preview van de pagina. Het paginamenu blijft zichtbaar zodat je gemakkelijk kan switchen, naar inhoud en eigenschappen. - 11 -
- 12 -
2.1.2 Publiceren Paginamenu tabblad publiceren. Maximale diepte, hier met pulldown instellen tot welke diepte de hier getoonde paginaboom moet worden uitgeklapt. Links bovenaan de legenda, de uitleg van de betekenis van de gekleurde bolletjes bij de pagina s. Selecteer alles / niets, alles of niets selecteren in de hier getoonde paginaboom. Naam van de pagina s, Status, Online, Offline, gecreëerd door, gepubliceerd door, voorbeeld (preview). Geagendeerd publiceren / Geagendeerd offline halen. Agendeer publicatie. Haal offline. Nu publiceren. - 13 -
Elementmenu, tabblad Inhoud - 14 -
2.1.3 Elementmenu Tabblad Pagina, Bewerken, Inhoud. Bewerk een element. De buttons: Bewaren Bewaren/Sluiten Sluiten Verwijderen Icoon element met id en elementtitel. Afhankelijk van het soort element, een aantal tabbladen. De mogelijke tabbladen zijn: Inhoud, plaatsen en bewerken van content Metadata, plaatsen en bewerken van de metadata Afbeeldingen, uploaden en plaatsen van bestanden uit de DAM Eigenschappen, onder Type de mogelijkheid om te switchen tussen de verschillende element typen 2.1.3.1 Tabblad Inhoud Inhoud bewerken in de editor. 2.1.3.2 Tabblad Metadata Dit onderdeel is nog niet ingevuld, wel zijn de volgende velden aangemaakt: Subheader Subject Keywords Target groups Creator Organisation 2.1.3.3 Tabblad Eigenschappen Onder Type: kiezen voor een element type. Specifieke pagina inhoud: Tekst Tekst met afbeelding Speciale elementen: Menu / sitemap, sitemap van een site onderdeel Record invoegen, element van een andere pagina hier (als ghost) plaatsen, wijzigingen in het origineel worden in dit element overgenomen. Plugins: Plugin invoegen - 15 -
2.1.3.4 Tabblad Afbeeldingen Afbeeldingen: Veld met zoeken naar bestanden in de DAM Popup van de DAM: Tabbladen: Media Upload Media: in de DAM zoeken en selecteren van assets Upload: assets uploaden in de DAM 2.1.3.4.1 Tabblad Media Toont een lijst met alle assets in de afdelingsmap/subsitemap. Bovenaan is het totale aantal assets in de map te zien met buttons om hierdoor heen te bladeren <, <, 1V, >, > Onder show kan het aantal assets per pagina worden ingesteld. Onderin de popup zitten drie opties: Selection: hiermee kan een selectie worden gemaakt uit de getoonde mappen. Zoek: zoeken op file name en extensie. Options: twee checkboxen Toon mini-afbeelding, toont van elk asset een thumbnail Display extended info, toont van elk asset een beschrijving Meer informatie over een asset Vink onder Options, display extended info aan 2.1.3.4.2 Tabblad Upload Vink bestaande bestanden overschrijven aan, zodat de nieuwe bestanden onder dezelfde naam kunnen worden opgeslagen. Anders krijgt een bestand de toevoeging.01 in de bestandsnaam. Met browse bestanden zoeken. Klik op upload bestanden om de bestanden te plaatsen in DAM. - 16 -
3. DAM Digital Asset Management Bereikbaar via tabblad Media in de hoofdnavigatie Bestaat uit twee tabbladen: File en List 3.1 File Bevat in het contentvlak: List, Upload, Indexing 3.1.1 List Toont een lijst met alle assets in de afdelingsmap/subsitemap. Bovenaan is het totale aantal assets in de map te zien met buttons om hierdoor heen te bladeren: <, <, 1V, >, > Onder show kan het aantal assets per pagina worden ingesteld. Button: create new folder, gebruik deze button om in de map een submap te maken. De iconen achter een bestand zijn klikbaar, De functies zijn: Bewerken Preview Informatie tonen Naam wijzigen File verplaatsen, werkt niet! Verwijderen, weggooien asset Onder Options zitten de volgende mogelijkheden: Display thumbnails, als een map veel assets bevat is dit een erg belastende en langdurige actie. Display alternating row colors Display full file names Display detailed file permissions Display file size in bytes Aanvinken en de optie wordt toegepast. Weer uitvinken om ongedaan te maken. 3.1.2 Upload Gebruik deze tab om assets te uploaden. Pulldown, 5 bestanden, 10 bestanden en 15 bestanden Kies hier voor het aantal up te loaden bestanden. Vink eventueel bestaande bestanden overschrijven aan, denk eraan dat door caching het toch enige tijd kan duren voor het nieuwe bestand in de site wordt getoond. Klik op browse om assets te browsen op de eigen pc. Na browsen van alle assets, klik op upload bestanden. Vink de bestanden aan en klik op Process selected files. 3.1.3 Indexing Gebruik deze tab om de DAM te indexeren, admin. - 17 -
3.2 List Bevat in het contentvlak: List, Thumbnails, Selection, Process 3.2.1 List Toont een lijst met alle assets in de afdelingsmap/subsitemap. Bovenaan is het totale aantal assets in de map te zien met buttons om hierdoor heen te bladeren: <, <, 1V, >, > Onder show kan het aantal assets per pagina worden ingesteld. Button: create new folder, gebruik deze button om in de map een submap te maken. De iconen achter een bestand zijn klikbaar, zie File, List Onderaan de volgende mogelijkheden: Field Selector Zoek Options Selections 3.2.1.1 Field selector Mogelijkheid om diverse velden te tonen in de lijst, klik er een aan en klik op >> Veld wordt toegevoegd aan de lijst. Bovenaan de lijst zijn de veldnamen klikbaar hiermee de lijst ordenen. Op Titel op Filenaam op bestand op datum ed. 3.2.1.2 Zoek Zoekvenster waar full text gezocht wordt op titel. 3.2.1.3 Options Display thumbnails: als een map veel assets bevat is dit een erg belastende en langdurige actie. Display alternating row colors: hierdoor wordt de lijst overzichtelijker. 3.2.1.4 Selection Selection Clipboard, selectie toevoegen en opslaan, voor later gebruik. Selection Export,?? 3.2.2 Thumbnails Toont thumbnails van de assets 3.2.3 Selection Toont de ingestelde selectie 3.2.4 Process Hiermee zijn tegelijk de metadata van alle assets uit de selectie aan te passen. - 18 -
- 19 -
- 20 -
4. Nieuwe Pagina aanmaken 1. Klik op tabblad Pagina in het hoofdmenu 2. Klik op Bewerken 3. Klik in de paginaboom de pagina aan waaronder/naast de nieuwe pagina moet komen 4. Klik op de button Nieuwe pagina linksboven - 21 -
- 22 -
5. Kies een positie voor de nieuwe pagina: 6. Klik het pijltje aan van de plek waar de nieuwe pagina moet komen. - 23 -
- 24 -
TYPO3 toont de nieuwe pagina in het paginamenu, het tabblad Eigenschappen van de nieuwe pagina. Gemarkeerd zijn, Pagina, Bewerken en Eigenschappen. Paginatype is standaard Onder Type kiezen voor een ander paginatype. De verschillende paginatypen zijn: 2. Standaard 3. Uitgebreid 4. Externe url 5. Snelkoppeling 6. Niet in het menu 7. Koppelpunt 8. Sysmap 9. Vul onder Paginatitel (verplicht veld) de paginatitel in Speaking URL path segment: Veld voor de invoer van een verkorte URL. Is de paginatitel erg lang, vul dan hier een verkorte titel in. Deze wordt gebruikt in de breadcrumb en in de URL. Zorg er voor dat deze verkorte titel duidelijk is. Kies onder Type: voor een ander paginatype Volgt een popup scherm: Deze wijziging is van invloed op de beschikbare velden. Wilt u nu opslaan om de bijbehorende velden te tonen? Klik op OK 10. Klik op Bewaren/Sluiten De nieuwe pagina verschijnt in de paginaboom en is grijs gemarkeerd. Pagina opent in het paginamenu. - 25 -
- 26 -
4.1 Standaard Gebruikt voor standaard pagina s. Velden: Type Paginatitel, verplicht Speaking URL path segment, deze verkorte titel wordt gebruikt in de breadcrumb en in de URL. Zorg er voor dat deze verkorte titel duidelijk is. - 27 -
- 28 -
4.2 Uitgebreid Gebruikt voor standaard pagina s waar de metadata (samenvatting, trefwoorden, omschrijving) aan toegevoegd worden. Velden: Type Paginatitel, verplicht Speaking URL path segment, wordt gebruikt in de opbouw van de URL. Samenvatting Trefwoorden Omschrijving - 29 -
- 30 -
4.3 Externe url Pagina verwijst door naar een externe pagina of e-mailadres. Velden: Type Paginatitel, verplicht URL, vul hier de URL in waarna de pagina moet verwijzen. Type: Kies het url type, http, https, ftp, mailto NB: voor eindredacteuren / admins: vul onder Doel: _blank in en de pagina opent in een nieuw window. - 31 -
- 32 -
4.4 Snelkoppeling Gebruik dit type pagina om een redirect binnen de site aan te maken. Bezoekers van deze pagina gaan direct door naar de opgegeven pagina. Velden: Type Paginatitel, verplicht Snelkoppeling naar pagina, met zoeken in de paginaboom, klik op + om een stuk paginaboom uit te klappen, klik een paginatitel aan, hier wordt de snelkoppeling naar gemaakt. Snelkoppeling openen in een nieuw venster kan alleen door admins worden ingesteld. Vul onder Doel in _blank - 33 -
- 34 -
4.5 Niet in het menu Gebruik dit pagina type om een pagina aan te maken die niet in het menu wordt getoond. Deze pagina s worden na publiceren wel meegenomen door de zoekmachine. Velden: Type Paginatitel, verplicht - 35 -
- 36 -
4.6 Koppelpunt Gebruik dit paginatype om een ander deel van de site hieronder als ghost te tonen. Velden: Type Paginatitel, verplicht Koppelpunt (geavanceerd), met zoeken in de paginaboom, klik op + om een stuk paginaboom uit te klappen, klik een paginatitel aan om de subpagina s hieronder hier te koppelen. Vink de checkbox Vervang koppelpunt (deze pagina) met koppelpagina aan, de huidige pagina wordt vervangen door de gekoppelde pagina. Geef het koppelpunt een navigatietitel die afwijkt van de navigatietitel van het origineel. Het origineel is terug te vinden door met de muis over het icoon van het koppelpunt in de boom te gaan. Swtchen naar origineel kan door in het koppelpunt, onder pagina eigenschappen te klikken op het icoontje van het origineel. - 37 -
- 38 -
4.7 SysMap Gebruik dit paginatype om een beheersmap aan te maken. De informatie in een sysmap is via het frontend van de site niet toegankelijk. Velden: Type Paginatitel, verplicht - 39 -
- 40 -
- 41 -
- 42 -
5. Inhoud plaatsen op een pagina 1. Klik op tabblad Pagina 2. Klik op tabblad Bewerken 3. Klik in de paginaboom de pagina aan waarop je tekst wil plaatsen. 4. TYPO3 opent de pagina in het paginamenu. 5. Klik op Voeg element toe - 43 -
- 44 -
5.1 Verschillende soorten inhoudselementen Specifieke pagina-inhoud Regulier tekst element Tekst met afbeelding Speciale elementen Sitemap Plugins Algemene Plugin Nieuws 1. Kies een element 2. Als de pagina gepubliceerd is en er nog geen werkversie is aangemaakt volgt de melding: Om dit verzoek te voltooien moet u een nieuwe versie van de pagina maken die u wilt bewerken. Om een nieuwe versie te maken drukt u hieronder op "creëer nieuwe versie". 3. Klik op Creëer nieuwe versie. 4. TYPO3 opent het elementmenu. - 45 -
- 46 -
5.2 Regulier tekst element Tabbladen elementmenu: Inhoud Metadata Eigenschappen Tabblad Inhoud hier de tekst in het element plaatsen. Tabblad Metadata hier metadata aangeven, deze worden nog niet gebruikt. Tabblad Eigenschappen, hier is het element type aan te passen. Vink Toon extra opties (paletten) aan 5.2.1 Tabblad Inhoud Kop: Vul hier een kop in hiermee zijn de elementen in een overzicht terug te vinden. De kop wordt getoond op de pagina als dit niet gewenst is kies dan onder type voor verberg. Tekst: Onder de pulldown Paragraaf-: paragraaf, adres, opgemaakt en verschillende koppen. Omschrijving iconen in de editor: Bold en Italic, werkt ook met ctrl+b en ctrl+i Subscript en superscript Tekst uitlijnen Bullets en nummers, met tab is een complexlist te maken. Inspringen verkleinen, inspringen vergroten Knippen, Kopieren en plakken, Ctrl+x, Ctrl+c, Ctrl+v Ongedaan maken, Ctrl+z, opnieuw Ctrl+y Hyperlink aanmaken, link naar pagina in TYPO3, bestand. Zie uitleg hieronder. Hyperlink verwijderen Anker, bladwijzer invoegen Bladwijzer heb je nodig om een link te maken naar dat onderdeel van de pagina. Image in een pagina plaatsen. Zie uitleg hieronder. Zoeken en vervangen, zoeken in tekst en evt. vervangen door. Tabel invoegen Onzichtbare elementen en hulplijnen aan/uit - 47 -
Horizontale lijnen invoegen Opmaak verwijderen, tekst selecteren en klik op icoon. Vooral belangrijk bij knippen en plakken uit Word Speciale tekens invoegen Html code opschonen, alles selecteren en klik op icoon. Vooral belangrijk bij knippen en plakken van webpagina s en uit e-mail inhoud. Html bewerken - 48 -
- 49 -
- 50 -
5.2.1.1 Hyperlink aanmaken Selecteer de tekst waaronder de link moet komen. 1. Klik op hyperlink aanmaken. Pop-up met vier tabbladen verschijnt: Pagina, relatieve link naar een pagina binnen TYPO3 aanmaken. Bestand, link naar een bestand aanmaken. Externe url, link naar een andere site aanmaken. Email, link aanmaken naar een e-mailadres. 5.2.1.1.1 Link aanmaken naar een pagina in TYPO3 1. Klik op tabblad Pagina Gebruiken om een interne link aan te maken. Pop-up bevat een paginaboom. Link aanmaken naar een pagina: klik op de paginatitel in de paginaboom en de link is aangemaakt. Link aanmaken naar een pagina-element: klik op het pijltje achter de pagina waar het element opstaat. Pagina met de elementen wordt getoond, klik element aan, de link is aangemaakt. 2. Openen in een nieuw venster kies voor het aanklikken van de pagina onder TARGET voor nieuw venster. 5.2.1.1.2 Link aanmaken naar een bestand in TYPO3 1. Klik op tabblad Bestand 2. Klik de afdelingsmap aan. 3. Bestanden staan geordend op nummer en alfabetisch. Zoeken in de lijst bestanden is mogelijk met Ctrl+F, venster wordt links onderin het scherm getoond. 4. Maak een keuze maken uit de bestanden in de afdelingsmap. 5. Klik een bestand aan en de link is aangemaakt. Deze links openen default in een nieuw venster. - 51 -
- 52 -
5.2.1.1.3 Link aanmaken naar een externe pagina Klik op tabblad Externe url Typ in het veld URL achter http:// de url in. Klik op bepaal link, link is aangemaakt. Deze links openen default in een nieuw venster. 5.2.1.1.4 E-mail adres aanmaken Klik op tabblad Email Vul in het veld het e-mailadres in. Klik op Bepaal link 5.2.1.2 Hyperlink aanpassen Klik in een bestaande hyperlink Klik op Pas de huidige link aan, door op een andere pagina / element te klikken in de paginaboom, door de url of e-mail link aan te passen. 5.2.1.3 Hyperlink verwijderen Klik in een bestaande hyperlink Klik op de link is verwijderd - 53 -
5.2.1.4 Anker / Bladwijzer invoegen Anker / Bladwijzer aanmaken om een binnen de pagina een inhoudsopgave te plaatsen 1. Klik op de plaats waar de bladwijzer moet worden geplaatst. 2. Klik op 3. Vul onder bladwijzer invoegen / bewerken een naam voor de bladwijzer in. Gebruik hiervoor geen getal maar bouw deze op uit letters, getallen staan in TYPO3 voor id's. 4. Klik op OK 5. Bewaren en sluiten Inhoudsopgave aanmaken 1. Maak bovenin de pagina een inhoudsopgave aan, Onderdeel 1 Onderdeel 2 enz Selecteer het eerste item uit de inhoudsopgave en klik op het icoontje om links aan te maken. Kies voor pagina Zoek in de paginaboom naar de pagina waar op de ankers staan. Klik achter deze pagina op de oranje pijltje. In het rechter venster wordt de inhoud van deze pagina getoond, alle ankernamen worden weergegeven. Klik de juiste ankernaam aan en de link is aangemaakt. Het is ook mogelijk om vanaf een andere pagina links naar ankers aan te maken. - 54 -
- 55 -
- 56 -
5.2.1.5 Image in de editor plaatsen 1. Klik op Pop-up verschijnt met daarin drie tabbladen, Nieuwe Magische Afbeelding, Nieuwe Standaard Afbeelding, Drag n Drop. 2. Kies voor Nieuwe Magische Afbeelding. 3. Klik de afdelingsmap open. Staat de afbeelding al in TYPO3 dan deze opzoeken tussen de bestanden in afdelingsmap. Met scrollen of met gebruik van de zoekfunctie Ctrl+f, zoekvenster verschijnt links onder in het scherm. 4. Klik de afbeelding aan en deze wordt op de pagina geplaatst. Staat de afbeelding nog niet in TYPO3 dan deze eerst uploaden vanaf de eigen pc. Onderaan pop-up staat een upload venster. 1. Klik op Browse en zoek het bestand op eigen pc. 2. Klik op Upload bestand. 3. Zoek bestand nu tussen de bestanden in de afdelingsmap. 4. Klik de afbeelding aan en deze wordt op de pagina geplaatst. 5. Aanpassen formaat, klik afbeelding aan en verklein met pijltje op een hoekpunt. 6. Uitlijning afbeelding aanpassen door met de rechtermuis op de afdeling te klikken. Eigenschappen van de afbeelding. 5.2.1.5.1 Eigenschappen aan een image toevoegen Klik het image aan in de editor met de linkermuis en klik op TYPO3 toont een pop-up met drie tabbladen: General Appearance Advanced - 57 -
General: Afbeelding: adres van de afbeelding Beschrijving: wordt als alt="beschrijving" in de html opgenomen. Title: wordt als Mouse-over getoond en als title="test mouse over" in de html opgenomen. Appearance: Uitlijning, afmetingen, marges en stijl zijn hier toe te voegen. - 58 -
Advanced: Hier zijn, onder Swap image, images toe te voegen die bij Mouse over of Mouse out worden getoond. - 59 -
5.2.1.6 Tabel plaatsen in de editor Klik op Het volgende pop-up scherm verschijnt: Algemeen Standaard zijn er twee kolommen en twee rijen ingesteld. Hier is de ruimte in en om de cel in te stellen. De uitlijning van de inhoud in de tabel Rand Breedte en hoogte van de tabel. Stijl, hieronder kan de stijl van de tabel worden gekozen. Na klik op pulldown volgen vier tabel stijlen: - 60 -
Geavanceerd Stijl hier is handmatig een stijl toe te voegen: Bijvoorbeeld voor een tabel met een kader om elke cel: border: 2px solid #000000-61 -
5.2.1.6.1 Tabel aanpassen Klik met de rechter muisknop in de tabel en verschijnt dan een lijst met tabeleigenschappen. Hiermee kan de tabel worden aangepast. Onder tabelrij-eigenschappen, zit een pop-up: Achter stijl zitten dezelfde stijlen als bij de tabel-eigenschappen. - 62 -
In de pull down, boven [Toepassen], aangeven aan welke rijen de gekozen stijl moet worden toegevoegd. Voorbeelden van tabellen opgemaakt met tabelrij eigenschappen, kleurstelling is afhankelijk van de stylesheet: - 63 -
- 64 -
5.2.2 Tabblad Metadata Hier kunnen de metadata van het element aangeven worden. De metadata worden nog niet gebruikt. 5.2.3 Tabblad Eigenschappen Onder Type: het element type aanpassen. De verschillende typen zijn: Tekst met afbeelding Menu / Sitemap Record invoegen Plugin invoegen Onder kolommen: de plaats bepalen voor het element. Kies voor tekst in het middenvlak van het scherm Normaal. Opties zijn: Links Normaal Rechts Kader - 65 -
- 66 -
5.3 Tekst met afbeelding Tabbladen elementmenu: 1. Inhoud 2. Metadata 3. Afbeeldingen 4. Eigenschappen Tabbladen, inhoud, metadata en eigenschappen zijn gelijk aan die van het Tekst element. 5.3.1 Tabblad Afbeeldingen Dit tabblad gebruiken om één of meerdere afbeeldingen aan het element toe te voegen. Voeg één of meerdere afbeeldingen in, deze worden per element op dezelfde manier in de pagina geplaatst. Nieuwe afbeelding uploaden 1. Klik op Browse om een bestand dat nog niet in TYPO3 zit vanaf de eigen pc te uploaden. 2. Klik het bestand aan 3. Openen 4. Terug in het Afbeeldingen scherm 5. Kies een positie voor de afbeelding uit 6. Klik op bewaren en sluiten Afbeelding uit de DAM toevoegen: 1. Klik op [Zoeken naar bestanden] - 67 -
- 68 -
Popup verschijnt met twee tabbladen: Media Upload Media: Bladeren met de icoontjes I< < > >I Show aantal te tonen items per pagina. Mappen Structuur: Afdelingsmap: Klik de afdelingsmap aan om alle bestanden te tonen. Hierin zoeken met scrolen en bladeren. Categories: EUR en Beeldbank. Media types: bestanden uit afdelingsmap selecteren op media type. Status: bestanden uit afdelingsmap selecteren op status. Indexing data: bestanden uit afdelingsmap selecteren op indexeringsdatum, invoerdatum. Per bestand +, toevoegen aan selectielijst. Info, verdere informatie over het bestand Onderaan zijn er drie opties: Selection: Selectie maken van alle bestanden. Zoek: Zoeken in bestanden. Options: checkboxen: Toon mini-afbeelding, Display extended info Upload: Checkbox: Bestaande bestanden overschrijven, bij aanvinken worden bestaande bestanden met dezelfde naam overschreven door het nieuwe geüploaden bestanden. Klik op browse om bestanden van de eigen pc te uploaden. Klik op upload bestanden om deze te uploaden. Onder options show upload location browser, aanklikken en de bestanden lijst uit de afdelingsmap wordt getoond. - 69 -
- 70 -
5.4 Sitemap Het element type sitemap wordt gebruikt om een inhoudsopgave van een deel van de paginaboom te maken. 1. Vul een kop in. 2. Kies onder Menu Type voor het soort Sitemap dat geplaatst moet worden. 3. Geef onder Startpunt met het startpunt van de sitemap op. 4. Klik op Bewaren en Sluiten. - 71 -
Algemene plugin - 72 -
5.5 Algemene plugin 1. Vul een Kop in 2. Kies onder plugin voor het plugin type Opties, afhankelijk van de rechten binnen TYPO3: EUR Mailform browser, binnen halen van een formulier op een pagina, zie handleiding formulieren. Nieuws, plaatsen van een nieuwsbrowser, binnenhalen van nieuws op een pagina, zie handleiding Nieuws. Gastenboek, zie handleiding gastenboek Rooster (schedule), zie handleiding roosterapplicatie. - 73 -
Record invoegen - 74 -
5.6 Record invoegen Gebruik dit element om een bestaand record ook binnen een andere pagina te tonen, als ghost. 1. Naam: vul een naam in voor het record. 2. Items: klik op om te zoeken naar het record 3. In popup wordt de paginaboom getoond, 4. Klik de pagina aan waarop het record staat, 5. De op de pagina aanwezige records worden naast de paginaboom getoond, 6. Klik een record aan 7. De titel van dit record verschijnt onder Items: 8. Klik op Bewaren / Sluiten om dit record hier te plaatsen. - 75 -
6. Pagina publiceren 1. Klik op de button Publiceren nu om deze pagina direct te publiceren. 1. Klik op het tabblad publiceren om meerdere pagina s tegelijk te publiceren of om geagendeerd te publiceren. Publiceer menu: In dit tabblad is met een gekleurd bolletje te zien wat de publicatie status van een pagina is. Verder zijn de publicatiedatum (datum / tijd) en wie wanneer de pagina heeft aangemaakt / gepubliceerd zichtbaar. Maximale diepte instellen om meerdere pagina s tegelijk te publiceren. Selecteer één of meerdere pagina s door deze aan te vinken of te klikken op de button Alles. Klik op Nu publiceren Bolletje wordt groen, pagina is gepubliceerd. - 76 -
7. Gepubliceerde pagina bewerken 1. Klik in de paginaboom de pagina aan. 2. Klik in Contentvlak op de button Bewerk of klik op de tekst. Er volgt een pagina Nieuwe versie met een button, Creëer nieuwe versie. 3. Klik op de button, een nieuwe versie wordt aangemaakt 4. Pagina opent in de editor 5. Bewerken 6. Klik op bewaren en sluiten 7. Nu publiceren - 77 -
8. Verplaatsen van een pagina 1. Klik in de paginaboom een pagina aan 2. Klik op de button [Verplaats pagina] Geef onder Selecteer positie voor element de nieuwe positie aan. Door te klikken op een paginatitel wordt de informatie hieronder getoond. 3. Klik op een pijltje en de pagina wordt hier geplaatst. In de paginaboom wordt de pagina verplaatst. - 78 -
9. Pagina verwijderen 1. Zoek in de paginaboom de pagina op. 2. Klik de pagina aan 3. Klik op het tabblad publiceren 4. Vink de pagina aan 5. Klik op Haal offline 6. Klik op bewerken 7. Klik op eigenschappen 8. Klik op verwijderen 9. Klik op OK 10. De pagina wordt uit de paginaboom verwijderd. - 79 -
10. Rechten toekennen Alleen mogelijk door een eindredacteur. 1. Kies Gebruiker / Taakcentrum 2. Kies <Actions> 3. Kies de gewenste action 4. Er verschijnt informatie, een dropdownmenu en een invulveld in het midden van het scherm 5. Vul in het invulveld de naam (of een deel daarvan) in van de persoon die rechten dient te krijgen en kies <Display Open Ldap entries> 6. Vink de juiste persoon aan en kies < Import selected Open Ldap entry) 7. Maak de gekozen persoon lid van de juiste groepen (gebruik de Ctrl-toets voor meervoudige keuze): - All-users (altijd kiezen) - View_all (altijd kiezen) - [de gewenste rol] - de groep - [groep]-act voor een eindredacteur 8. Kies <Actualiseren> 9. De rechten zijn nu toegekend 10.1 Backend gebruikersgroep toegang tot deel van de paginaboom geven. Alleen mogelijk door admin. 1. Klik bovenin de paginaboom op Erasmus Universiteit Rotterdam 2. Klik op pagina, lijst 3. Kies onder backend gebruikersgroep voor de gewenste groep 4. Klik op het pennetje 5. Voeg onder DB mounts met het mapje een deel van boom toe 6. Klik op bewaren en sluiten Nu nog in de paginaboom de backend gebruikersgroep rechten geven in dit deel site. 1. Klik de map in de paginaboom aan 2. Klik in de hoofdnavigatie op tabblad Pagina, bewerken 3. Klik tablad Permissies aan 4. Voeg de gebruikersgroep toe 5. Vink de rechten aan 6. Klik op [Save and Close] Is er geen tabblad permissies, bijvoorbeeld in de nieuwsmappen. 1. Klik de map in de paginaboom aan 2. Klik in de hoofdnavigatie op tabblad Toegang 3. Klik het pennetje achter de pagina aan 4. Kies de gebruikersgroep 5. Vink de rechten aan 6. Klik op Add ACL - 80 -
10.2 Frontend rechten toekennen Frontend gebruikersgroep handmatig aanmaken en zelf vullen met de gewenste personen of via Technisch Beheer een bestaande Ldap gebruikersgroep als frontend gebruikersgroep laten aanmaken. De groep aan de af te schermen pagina hangen. Ga naar pagina eigenschappen onderaan staat de selectiebox "Toegang". Selecteer hier de gewenste groep en klik op bewaren/sluiten Publiceren en de restrictie staat erop. NB. Vergeet niet het vinkje "Subpagina's opnemen" aan te vinken als ook alle onderliggende pagina's afgeschermd moeten worden. - 81 -
11. Homepage 11.1 Aanmaken Maak een nieuwe pagina aan. Kies onder eigenschappen pagina type Uitgebreid. Kies onder selecteer sjabloon: Maintemplate voor de gehele site (maintemplate.html) Kies onder selecteer voor inhoud: Sub- homepage template voor Corperate, Faculteiten (homepage.html) Maak voor de banners en alsosees per kolom een Sysmap aan. Plaats hierin de banners en alsosees, kies onder pagina onder tabblad lijst voor een nieuw record. Kies voor alsosee Kies onder type voor het type, alsosee of aktieblokken (banners) Voor de invulling zie hieronder. 11.2 Banners Aanmaken als aktieblokken in een sysmap en op de homepage een plugin plaatsen die de informatie uit deze sysmap ophaalt. De aktieblokken in de sysmap worden alleen getoond in de lijst view. Afmetingen zijn 171 x 73. 11.3 Also sees Blokjes met lees verder links. Aanmaken als see also in een sysmap en op de homepage een plugin plaatsen die de informatie uit deze sysmap ophaalt. De see also in de sysmap worden alleen getoond in de lijst view. Afmetingen voor een afbeelding hierin zijn 175 x 55. 11.4 AlsoSee plugin Plaats in de kolom op de homepage waar een alsosees of banner uit een Sysmap getoond moet worden een alsosee plugin. Kies voor AlsoSee plugin Geef deze een titel kies voor Type verberg geef onder startpunt de Sysmap aan waar de alsosees en banners in staan. Bepaal de oriëntatie en het aantal kolommen en rijen. Kies voor bewaren en sluiten 11.5 Afbeelding De grote afbeelding is toegevoegd onder de pagina eigenschappen van de homepage, type uitgebreid. De afmetingen van de afbeelding zijn 585 x 205. - 82 -