4.1 Het creëren van inhoudselementen

4.1 Het creëren van inhoudselementen De inhoud van de pagina wordt gemaakt door gebruik van inhoudselementen. Je kunt een pagina maken door verschillende elementen in combinatie met elkaar te gebruiken. Selecteer een pagina in de menustructuur door op de titel te likken. Klik op de knop "Inhoud" in het inhoudgebied om een nieuw element toe te voegen. (afbeelding. 4.1.1) 4.1.1 Een aantal tabbladen met verschillende soorten inhoudselementen verschijnt. Lees meer over de verschillende elementen hier. In dit geval zullen we een "Tekst & Media" element selecteren, onder het tabblad "Typische pagina-inhoud". (afbeelding. 4.1.2) 4.1.2

"Tekst & Media" is waarschijnlijk een van de meest toegepaste elementen. Het tabblad 'Algemeen' bevat de informatie over het type element (1), in welk inhoudgebied het geplaatst wordt (2), de kop (3), welke opmaak de kop heeft (4), optie om de kop te koppelen met een link (5 ) en de tekst (6). (afbeelding. 4.1.3) 4.1.3 Inhoudssoort Inhoudssoort Bovenaan het tabblad Algemeen, in een inhoudselement, kun je zien wat voor soort element het is. Het is ook mogelijk om te schakelen naar een ander soort element. Als de velden die je ingevuld hebt een gelijkwaardig veld in de andere gekozen soort bevat zullen de toegepaste tekst/instellingen meegenomen worden.

Inhoudscolom De paginasjabloon kan soms een variatie van inhoudvelden bevatten. En in het "kolom"keuzemenu zie je waar de inhoud wordt geplaatst. Het is ook mogelijk om het inhoudselement te verplaatsen tussen de inhoud van de velden met behulp van het keuzemenu.

Kopsoort Koptekst type Er zijn verschillende soorten opmaak voor de kop. De opmaak beheert de vormgeving van de kop in de frontend, maar ze communiceren ook met de zoekmachines over het belang van de kop. Opmaak 1 moet worden ingesteld voor de eerste kop op de pagina. Dit is tevens de H1 tag, die aangeeft aan de zoekmachines dat dit belangrijkste kop op de pagina is. Opmaak 2 - opmaak 5 hebben ook verschillende styling op de frontend en geeft het belang van de inhoud weer aan de zoekmachines. Het is mogelijk om de kop voor de frontend te verbergen, en het als een interne naam voor het element te gebruiken. Tekstgebied Tekstgebied Het tekstgebied is een versimpeld Word-document. Hiermee kun je koppen toevoegen in de tekst, vet en cursief toevoegen, koppelingen maken, opmaak van de tekst verwijderen etc.

Omdat we gekozen hebben voor een tekst & media-element zal er een tabblad genaamd media zijn. Hier kun je kiezen om een afbeelding of een video toe te voegen. Als je een afbeelding of video wilt toevoegen via de bestandenlijst, klik je op "mediabestand toevoegen". Het is ook mogelijk om het bestand van je lokale computer te halen, met behulp van "Kies & upload bestanden". Merk wel dat deze optie er voor zorgt dat het bestand alleen in dit element wordt opgeslagen, en zal geen verbinding met de bestandenlijst hebben. Tot slot kun je een URL toevoegen, zoals het adres van een YouTube-video, met de optie "toevoegen van media-url". De geaccepteerde bestandsextensies worden onder de knoppen weergegeven. (afbeelding. 4.1.4) 4.1.4 Na het selecteren van "mediabestand toevoegen", selecteer je het bestand uit de bestandenlijst in de pop-up. Kies map (1), en klik op de bestandsnaam (2), of de afbeelding (indien je miniaturen weergeven hebt ingeschakeld). Als je een bestand wilt uploaden, is dat mogelijk in het onderste deel (3) van de pop-up. Selecteer de map (1), waarin je het bestand wilt uploaden en klik op "kies bestand/ blader". Selecteer bestanden van de lokale computer en klik op openen. Kies nu "bestanden uploaden" in het gebied, en de bestanden worden geüpload naar de map. Selecteer het geüploade bestand, om het te gebruiken. (afbeelding. 4.1.5)

4.1.5 De bestandsinformatie is toegevoegd als deel van het element. Als je de afbeeldingsmetadata in bestandenlijst invult, zal dit worden weergegeven in de velden Titel (1), Alternatieve tekst (2) en Beschrijving (4). Deze teksten kunnen worden overgeschreven door het vakje boven elk gebied, klik om het te openen voor bewerking. Het is mogelijk om (3) het bestand (wanneer aangeklikt in de frontend) te koppelen. Ofwel plak een link adres, of maak gebruik van het linkpictogram aan de rechterkant van het veld. Als een afbeelding wordt toegevoegd, kan die worden bijgesneden met behulp van de Afbeeldingsmanipulatie (5). (afbeelding. 4.1.6) Als je de afbeelding wilt bewerken, klik je op "editor openen" om de editor te openen. Selecteer een vaste verhouding (16:9, 4:3, 1:1) of een vrije verhouding. Nadat je het gebied dat je wilt bijsnijden hebt geselecteerd, klikt je op "Accepteren". Het bijgesneden

gebied wordt nu weergegeven als een miniatuur in de beeldinformatie. (afbeelding. 4.1.7) 4.1.6

4.1.7 Aan de onderkant van het tabblad is er een optie om "Vergroten bij klik" in te schakelen. Hiermee opent de afbeelding in een pop-up als er op geklikt wordt. (afbeelding. 4.1.8 4.1.8 Bij het gebruik van "toevoegen van media via URL" verschijnt er een pop-up waarin je het adres van een video kunt plakken. Na het toevoegen is het mogelijk om er een titel (1) en een beschrijving (2) aan toe te

voegen. Je kunt ook beslissen of de ﬁlm automatisch begint te spelen als de pagina is geladen. 4.1.9 4.1.10 Het tabblad 'Weergave' heeft opties voor de lay-out en de stijl van het element. De opties kunnen variëren afhankelijk van het type inhoudselement. (afbeelding. 4.1.11) Sommige types inhoudselementen, kunnen verschillende lay-outs (1) op hen van toepassing hebben. Bijvoorbeeld een lijst van downloadbare bestanden kan een pictogram (om te laten zien wat voor soort bestand het is), een miniatuur van de

afbeelding of de eerste pagina van een PDF hebben. Met de opmaakoptie (2) kun je achtergrondkleuren toevoegen, of het kleurenschema van het element tekst omdraaien. Dit is een functie die afhankelijk is van de vormgeving van de website. Het is soms noodzakelijk om een marge toe te voegen aan een element om meer ruimte tussen twee elementen te krijgen. Dit kan boven het element (3) of er onder (4). Enkele instellingen kunnen worden toegevoegd aan het bestand media, zoals het schalen of het toevoegen van een rand (5). Positioneren en uitlijnen van het mediabestand in de tekst (6) is ook mogelijk. Als je meer dan één bestand hebt toegevoegd, kun je ook kiezen hoe de bestanden op één lijn moeten worden geplaatst met elkaar, met behulp van de kolommen (7). Tenslotte is het mogelijk om een koppeling toe te voegen die naar de top van je webpagina gaat (8), die wordt toegevoegd aan de onderkant van het inhoudselement aan de voorkant. Als er op deze link geklikt word, zal de bezoeker automatisch naar de bovenkant van de pagina worden gestuurd.

4.1.11 In het tabblad 'Toegang' kun je de inhoud publiceren/depubliceren, dit doe je door simpelweg de zichtbaarheid van inhoudselementen uit te schakelen(1). Je kunt ook kiezen voor een publicatiedatum en/of de verloopdatum voor het element. Dit is uitstekend bij bijvoorbeeld het hanteren van campagnes, of wanneer je een pagina moet publiceren zonder dat je dat handmatig hoeft te doen. Het is niet mogelijk om een pagina die ingesteld is om op een later tijdstip te publiceren te bekijken, dus zorg ervoor om de datum in te stellen als een van de laatste stappen. Zorg er ook voor dat het vakje zichtbaarheid van inhoudselementen niet aangevinkt is, anders zal de pagina verborgen blijven als hij gepubliceerd wordt. (afbeelding. 4.1.12)

4.1.12 De tabbladen "Categorieën" en "Rasterelementen" worden overgeslagen in deze paragraaf. Nadat je klaar bent met het invullen van alle gegevens vergeet dan niet de pagina op te slaan. De functie opslaan wordt aan de bovenkant van de inhoud element aangegeven, met de optie om alleen op te slaan. Het is ook mogelijk om de pijl naast 'Opslaan' aan te klikken voor opties als "Opslaan en pagina tonen", "Opslaan en een nieuwe aanmaken" en "Opslaan en sluiten" te gebruiken. (afbeelding. 4.1.13) 4.1.13 Over TYPO3manual.com TYPO3manual.com is een online handleiding voor TYPO3 redacteuren. Deze website is opgezet door web design agency Pixelant AB. De Nederlandse vertaling is uitgevoerd in samenwerking met TYPO3 specialist Beech.it Lees meer over Pixelant. Lees meer over Beech.it.