Gebruikershandleiding Typo3

Transcriptie

1 Gebruikershandleiding Typo3 Inhoudsopgave: 1. Inhoudsopgave 2. Inloggen op de backend 3. Tekst aanpassen 4. Afbeeldingen toevoegen. a. Een afbeelding toevoegen in de teksteditor. b. Een afbeelding toevoegen aan een blok. 5. Een YouTube video toevoegen aan een pagina 6. Een Vimeo video toevoegen aan een pagina 7. Een nieuwe pagina toevoegen

2 Inloggen op de backend Om inhoud van pagina s te wijzigen dient u in te loggen op de zogeheten backend. Dit is de achterkant van uw website: Het gedeelte dat alleen u kunt zien. Zo ziet de backend eruit. Inloggen op de backend gaat als volgt: 1. Open uw webbrowser. Ga naar uwdomein.nl/typo3 waarbij uwdomein.nl de domeinnaam van uw website is. 2. Voer de gebruikersnaam en het wachtwoord in dat u van ons gekregen heeft. 3. Druk op Aanmelden.

3 Tekst aanpassen U kunt de teksten van uw pagina s als volgt aanpassen: 1. Zorg dat in de balk links het item Pagina geselecteerd staat. Zo niet, klik hier dan op. 2. Selecteer uit de boomstructuur de pagina die u wilt bewerken. Mocht de boomstructuur geheel of gedeeltelijk zijn ingeklapt dan vouwt u deze uit door te drukken op het driehoekje( )

4 3. U ziet nu rechts in uw browser de titel van de pagina met daaronder een aantal blokken. Klik op het notitieblok-icoontje ( ) om de inhoud van een blok te bewerken) 4. U ziet nu een scherm met alle informatie over het betreffende blok. Scroll naar beneden tot u bij de teksteditor komt: Hier kunt u uw tekst aanpassen. Plaats uw muis-cursor op een knop zonder te klikken om een aanwijzing te krijgen waar de knop voor dient. U kunt gemaakte wijzigingen altijd ongedaan maken met de knop Ongedaan Maken ( )

5 5. Wanneer u klaar bent met het bewerken van de pagina en u wilt de wijzigingen opslaan dan drukt u bovenin uw venster op de knop opslaan 6. Klaar! Uw bewerking is opgeslagen. TIP: Het kan zijn dat u niet direct de aanpassingen die u gedaan heeft in de backend terug ziet op de site. Dit kunt u verhelpen om in de backend rechtsboven op de bliksemschicht te klikken en te kiezen voor Frontend caches legen

6 Afbeeldingen toevoegen. Een afbeelding toevoegen in de teksteditor. U kunt in de teksteditor ook afbeeldingen toevoegen aan uw tekst. (Deze functionaliteit werkt vooralsnog niet. Hier wordt aan gewerkt.) Een afbeelding toevoegen aan een blok. U kunt afbeeldingen toevoegen aan een blok op een pagina: 1. Zorg dat in de balk links het item Pagina geselecteerd staat. Zo niet, klik hier dan op. 2. Selecteer uit de boomstructuur de pagina die u wilt bewerken. Mocht de boomstructuur geheel of gedeeltelijk zijn ingeklapt dan vouwt u deze uit door te drukken op het driehoekje( )

7 3. U ziet nu rechts in uw browser de titel van de pagina met daaronder een aantal blokken. Klik op het notitieblok-icoontje ( ) om de inhoud van een blok te bewerken) 4. U ziet nu een scherm met alle informatie over het betreffende blok. 5. Zorg dat bij Inhoudselement onder Type Tekst en Afbeeldingen geselecteerd staat. Is dit niet zo pas dit dan aan. Mocht u onderstaande melding krijgen, klik dan op OK 6. Het scherm wordt opnieuw geladen en U ziet nu een extra tabblad Afbeeldingen :

8 7. Klik op het tabblad afbeeldingen. U krijgt nu dit te zien: 8. Klik op de knop Afbeelding toevoegen. U krijgt nu een overzicht te zien van de bestanden die reeds geüpload zijn. 9. a. Wilt u een afbeelding toevoegden die al eerder geüpload is, klik dan op de + naast de bestandsnaam. Sluit hierna het venster. Ga door naar stap 11 b. Wilt u een nieuw bestand uploaden, klik dan op de knop Bestanden kiezen : Selecteer het bestand dat u wilt uploaden en druk op Openen. Wilt u bestaande afbeeldingen vervangen vink dan Bestaande bestanden

9 overschrijven aan. Druk op de knop Uploaden 10. Als het uploaden van het bestand gelukt is dan ziet u het bestand nu terug in de lijst met bestanden. Druk op de + naast de bestandsnaam om de afbeelding toe te voegen aan de pagina. Sluit het venster. 11. Klik op het tabblad Weergave

10 12. Scroll naar beneden. U ziet nu het volgende: Selecteer de gewenste positie van de afbeelding. 13. Wanneer u klaar bent met het bewerken van de pagina en u wilt de wijzigingen opslaan dan drukt u bovenin uw venster op de knop opslaan 14. Klaar! Uw bewerking is opgeslagen. TIP: Het kan zijn dat u niet direct de aanpassingen die u gedaan heeft in de backend terug ziet op de site. Dit kunt u verhelpen om in de backend rechtsboven op de bliksemschicht te klikken en te kiezen voor Frontend caches legen

11 Een YouTube video toevoegen aan een pagina U kunt een YouTube video toevoegen aan een pagina. Dit gebeurt door middel van een zogeheten embed code. U doet dit als volgt: 1. Ga op YouTube naar de video die u toe wilt voegen. 2. Klik onder de video op de knop Delen 3. Selecteer het tabblad Invoegen 4. U ziet nu de embed code. Selecteer deze (klik op de code en druk op CTRL+A, daarna op CTRL+C)

12 5. Ga nu naar de teksteditor van de pagina (Zie hoofdstuk Tekst aanpassen stap 1 t/m 4). 6. Druk op de knop Wissel Tekstmodus ( ) om de HTML-code van de pagina te bewerken. 7. Plak de embed code op de juiste plaats in de HTML code. 8. Wanneer u klaar bent met het bewerken van de pagina en u wilt de wijzigingen opslaan dan drukt u bovenin uw venster op de knop opslaan

13 9. Klaar! Uw bewerking is opgeslagen. TIP: Het kan zijn dat u niet direct de aanpassingen die u gedaan heeft in de backend terug ziet op de site. Dit kunt u verhelpen om in de backend rechtsboven op de bliksemschicht te klikken en te kiezen voor Frontend caches legen Een Vimeo video toevoegen aan een pagina U kunt een Vimeo video toevoegen aan een pagina. Dit gebeurt doormiddel van een zogehete embed code. U doet dit als volgt: 1. Ga op Vimeo naar de video die u toe wilt voegen. 2. Klik in het videoscherm op het papieren vliegtuigje. 3. U ziet nu de embed code. Selecteer deze (klik op de code en druk op CTRL+A, daarna op CTRL+C)

14 4. Ga nu naar de teksteditor van de pagina (Zie hoofdstuk Tekst aanpassen stap 1 t/m 4). 5. Druk op de knop Wissel Tekstmodus ( ) om de HTML-code van de pagina te bewerken.

15 6. Plak de embed code op de juiste plaats in de HTML code. 7. Wanneer u klaar bent met het bewerken van de pagina en u wilt de wijzigingen opslaan dan drukt u bovenin uw venster op de knop opslaan 8. Klaar! Uw bewerking is opgeslagen. TIP: Het kan zijn dat u niet direct de aanpassingen die u gedaan heeft in de backend terug ziet op de site. Dit kunt u verhelpen om in de backend rechtsboven op de bliksemschicht te klikken en te kiezen voor Frontend caches legen Een nieuwe pagina toevoegen U kunt als volgt een nieuwe pagina toevoegen aan uw site: 1. Rechtsklik in de boomstructuur en selecteer in het menu wat verschijnt onder Paginaacties de optie Nieuw

16 2. Selecteer waar u de nieuwe pagina wilt zien. Deze volgorde ziet u terug in de volgorde van het submenu.

17 3. U ziet nu het volgende:

18 4. Vul de Paginatitel en Alternatieve navigatietitel in: 5. Klik op Opslaan (bovenin in de browser) 6. De pagina is nu toegevoegd aan de boomstructuur. Het rode icoontje geeft aan dat deze pagina nog niet actief is.

19 7. Om een blok toe te voegen aan de nieuwe pagina klikt u op de knop Nieuw inhoudselement aanmaken ( ) 8. Kies het type blok dat u wilt aanmaken. Weet u het niet zeker? Kies dan voor gewoon Tekstelement. 9. U ziet nu een scherm met alle informatie over het betreffende blok. Scroll naar beneden tot u bij de teksteditor komt: Hier kunt u uw tekst aanpassen. Plaats uw muis-cursor op een knop zonder te klikken om een aanwijzing te krijgen waar de knop voor dient. U kunt gemaakte wijzigingen altijd ongedaan maken met de knop Ongedaan Maken ( )

20 10. Wanneer u klaar bent met het bewerken van de pagina en u wilt de wijzigingen opslaan dan drukt u bovenin uw venster op de knop opslaan 11. Klik vervolgens op het kruisje naast de knop opslaan. 12. U bent nu terug bij het overzicht van alle blokken. 13. U kunt nu nog andere blokken toevoegen indien nodig. Herhaal daarvoor stappen 7 t/m 12.

21 14. Rechtsklik in de boomstructuur op de nieuwe pagina en selecteer de optie Inschakelen om de pagina zichtbaar te maken voor bezoekers 15. De pagina is nu te selecteren in het menu als u de pagina bezoekt:

22 TIP: Het kan zijn dat u niet direct de aanpassingen die u gedaan heeft in de backend terug ziet op de site. Dit kunt u verhelpen om in de backend rechtsboven op de bliksemschicht te klikken en te kiezen voor Frontend caches legen