Content-elementen zijn de individuele bouwstenen waarmee elke pagina wordt gevuld, van een simpele titel tot een complexe afbeeldingengalerij. Goed beheer van uw media (afbeeldingen en bestanden) is cruciaal voor een professionele uitstraling, snelle laadtijden en een goede vindbaarheid.

1. Content Elementen: De Bouwstenen van uw Pagina Een inhoudselement is een specifiek stukje content op een pagina. De meest voorkomende standaardelementen die u zult gebruiken zijn:
   • Alleen Titel
   • Tekst & Afbeeldingen
   • Alleen Afbeeldingen
   • Opsomming (bulleted of numbered lists)
   • Tabel
2. Net als pagina's kunt u contentelementen eenvoudig beheren: verplaats ze met drag-and-drop, kopieer, knip of verwijder ze. Verwijderde elementen kunnen worden teruggehaald uit de prullenbak. Ook op het niveau van een individueel contentelement kunt u tijdscontrole toepassen met publicatie- en vervaldatums.
3. De Rich Text Editor (RTE) Meesteren De Rich Text Editor (RTE), gebaseerd op CKEditor, werkt volgens het WYSIWYG-principe ("What You See Is What You Get"). Hiermee kunt u tekst opmaken zonder HTML-kennis.
   • Koppen: Gebruik koppen op een hiërarchische manier voor structuur. De H1 is gereserveerd voor de paginatitel. Gebruik H2 voor de belangrijkste subkoppen op de pagina en H3 voor sub-subkoppen.
   • Links Beheren: De Link Browser is een krachtig hulpmiddel voor het aanmaken van links. U kunt eenvoudig interne links naar andere pagina's, externe links naar andere websites, links naar bestanden (zoals PDF's) of e-maillinks toevoegen.
   • Kopiëren en Plakken: Wees voorzichtig bij het kopiëren van tekst uit andere bronnen (zoals Word). Gebruik de plakfuncties van de RTE om de tekst 'schoon' (zonder ongewenste opmaak) in te voegen.
4. Bestanden en Media Beheren met de FILELIST Module De FILELIST module is de centrale hub voor al uw media-assets.
   • Organisatie: Een goede organisatie is essentieel. Maak een logische mappenstructuur aan voordat u bestanden gaat uploaden.
   • Uploaden: U kunt bestanden uploaden via de upload-knop of door ze simpelweg vanuit uw verkenner naar het upload-venster te slepen (drag-and-drop).
   • Metadata: Dit is een cruciale stap. Voeg altijd metadata toe aan uw bestanden. De Alt-tekst (alternatieve tekst) is verplicht voor toegankelijkheid (voorleessoftware) en zeer belangrijk voor SEO. Een duidelijke titel en beschrijving zijn ook aan te raden.
   • Image Editor: TYPO3 heeft een ingebouwde Image Editor. De meest gebruikte basisfunctie is het bijsnijden (croppen) van afbeeldingen, zodat u voor verschillende contexten de perfecte uitsnede kunt maken.
5. Pro Tip: Maak er een gewoonte van om bestanden een duidelijke, beschrijvende naam te geven voordat u ze uploadt (bv. typo3-training-backend-layout.jpg in plaats van IMG_8472.jpg). Dit verbetert niet alleen de vindbaarheid in de FILELIST, maar draagt ook bij aan SEO.

6. Praktijkopdracht 3 (P3): Pagina's Vullen met Leven

Nu de pagina's gevuld zijn met basiscontent, gaan we kijken hoe we deze content kunnen structureren in meer complexe layouts.

vervolg