Hier komt het intro van een story te staan. Deze tekst is automatisch vetgedrukt, dus het is ook niet wenselijk om hier andere informatie dan een inleidende tekst neer te zetten. Een goed intro ziet er in het cms uit als ong. 8 regels.

Tekstcomponent - titel

Tekstcomponent ondertitel

Zo ziet het meest normale tekstcomponent eruit. De tekst in dit vak zal altijd in de tweede (middelste) kolom blijven.

  • De inhoud van dit tekstvak kun je schuin, vet en onderstreept drukken.
  • Ook kun je natuurlijk links invoegen en een opsomming van je tekst maken.
  • Een tabel invoegen is blijkbaar ook mogelijk, maar doen we eigenlijk nooit.

Wat betreft witregels
Dit is wat er gebeurt als je de volgende regel op een shift-enter begint. Dit is vooral wenselijk als je een vraag en antwoord-format moet opmaken.

Dit is wat er gebeurt als je gewoon op enter drukt. Dit kan het beste als je een nieuwe alinea begint. Het advertentiecomponent dat je hierboven ziet, moet je altijd laten staan.

Tekstcomponent - kleur/beeld

Je kunt de achtergrond van een tekstcomponent ook van kleur veranderen, zoals hier. Dit kan wat extra leven in het artikel blazen. Ook kun je via het image-tabje een verkleinde foto invoegen. Dat ziet er ongeveer zo uit. Best grappig, maar het kan wat klein uitvallen. Beter is om dit op een andere manier op te lossen.

Zoals hierboven te zien is, kun je een afbeelding op meerdere manieren in je artikel verwerken. In principe is elke formaatkeuze toegestaan. Let op: optie 'scrolling' voor het parallax-effect doet het alleen goed als je de afbeelding over 3 kolommen of de hele breedte uitvult. Dus niet als de afbeelding alleen in kolom 2 staat.

News section

News section - tekst

Dit is een tekstcomponent in een news section. Een news section kun je zien als een mini-layout binnen de volledige layout. Binnen een news section zijn precies dezelfde dingen mogelijk. Daarbij kun je ook, als je in een news section werkt, de breedte van een component aanpassen (zie width).

De breedte van deze news section staat op kolommen 1, 2 en 3. Dit tekstvak staat op 50%, de foto hiernaast staat ook op 50%. De breedte gaat altijd uit van welke kolommen je kiest, dus niet het totaal aantal mogelijke kolommen. Dit kun je op ieder moment nog aanpassen.

In kolom 3, die je als zijlijn kunt zien, kun je veel verschillende dingen plaatsen om de lay-out wat minder saai te doen ogen. Je kunt er bijvoorbeeld discografieën, setlisten of Spotify-embeds neerzetten. Vaak staan deze in de kopij aangegeven als inzetjes en/of embeds.

Spinvis discografie

  • Spinvis (2002)
  • Dagen van gras, dagen van stro (2005)
  • Goochelaars en geesten (2007)
  • Tot ziens, Justine Keller (2011)
  • Trein vuur dageraad (2017)
  • 7.6.9.6. (2020) 

Video’s en embeds

Dit is een media player. Hiermee kun je video's invoegen die je door middel van de VPRO-player kunt afspelen. Vaak is het wenselijk om zelf de titel in te vullen of een spatie in het descriptionvak te zetten, omdat informatie van de externe website automatisch wordt overgenomen.

De websites waar je het beste video's mee kunt invoegen zijn YouTube en Vimeo.

 

 

Met het embed component kun je alle overige media (niet-video's) invoegen. In principe kun je alles embedden, zolang je maar een <code> hebt. 

Voor wie handig is met HTML: als de breedte die je met Magnolia kunt instellen niet goed samenwerkt met de geëmbedde element, kun je natuurlijk ook de pixelafmeting in de HTML-code zelf aanpassen.

Een enkele keer is het ook leuk om een news section uitklapbaar te maken. Dit is vooral geschikt voor wanneer de schrijver een stukje informatie wil vermelden dat niet direct in verband staat met het onderwerp van het artikel. Bijvoorbeeld een inzetje over een zijproject of iets anders grappigs. Landelijk doet dit soms als ze lange lijstjes publiceren, zoals een top 50 van iets.

Het enige wat je hoeft te doen om een news section uitklapbaar te maken, is collapsible aanvinken. Via Preview page kun je zien hoe het er in het echt uit gaat zien.

“Dit gebeurt er als je een quotecomponent invoegt. Kan best leuk zijn voor de variatie in langere artikelen. Fungeert als streamer in de wereld van papieren tijdschriften.”

Naam van de spreker

Teasers

Dit is een compact teaser. Simpel klein ding met een afbeelding, de titel en optioneel de ondertitel.

Dit is een text teaser. Simpele teaser die alleen bestaat uit de titel en, als je dat aanvinkt, een stukje intro.

Dit is een visual teaser. Deze teaser heeft een foto als achtergrond met daarop de titel (en ondertitel). Deze werkt met alle breedtes.

Dit is een large horizontal teaser. Dit lijkt op een compact teaser, maar dan uitvergroot. Deze teaser werkt alleen op 100% breedte en neemt daarom veel plek in beslag.

Dit is de large visual teaser. Dit is in feite de visual teaser, maar dan uitvergroot. Deze teaser werkt niet op 33% breedte.

De avond begon uitstekend. Hiphoppers Luie Jongens en Jae Fly verzorgden het voorprogramma dat zeer de moeite waard was. N a deze optredens ontstond er in het publiek ’een spontane dancebattle waar waarschijnlijk nog dagen over nagepraat zal worden. 

Toen het publiek was warmgedraaid, was het de beurt aan de jongens van Aaumffie . Toen het tweetal opkwam en de eerste beat werd ingezet, reageerde het publiek direct uitzinnig.  De jongens bewezen tijdens de eerste paar nummers direct waarom zij als grote hiphoptalenten te boek staan. Dit onder meer door de ijzersterke teksten in combinatie met snelle en pakkende beats . Een speciale vermelding hierbij voor dj Felix Marks, die de nummers feilloos in elkaar laat lopen. 

iframe test van Mirel

  1. My slide caption text
  2. My slide caption text
  3. My slide caption text

generated with ISM

Your slider in a simple web page

This is a working example of your slider.

To get your slider working in your web page add my-slider.css, ism-2.2.min.js and the slide images to your project directory and paste the markup into your HTML.

Please see README.txt for more detailed instructions.

* If your slider is not displayed correctly, please first make sure you have fully extracted the contents of the zip file.

Titel

subtitle

bla bla bal

Hulp

In het derde deel gaat de training kort in op samen professionele hulp zoeken, want het is belangrijk dat iemand met zelfmoordgedachten hier professionele hulp bij krijgt, bijvoorbeeld van een huisarts. Daarna sluit Mart de training af met een toets. Hij heeft slechts twee vragen fout en krijgt een certificaat. “Allemaal die training volgen!”, roept hij.

Hij vervolgt op serieuze toon: “Ik hoop dat mensen na het lezen van dit artikel meer gericht zijn op het praten over hun mentale welzijn of contact leggen met iemand waarvan ze weten dat het niet goed gaat.” Ook wil hij graag het advies met hen delen dat hij kreeg toen hij vanuit de commerciële muziekwereld de stap naar de zorg maakte: “Wees jezelf, wees geïnteresseerd, heb een open houding, en wees niet bang om op je bek te gaan.”

Direct na zijn oproep sprak Mart met meerdere mensen die hem complimenteerden met de manier waarop hij dit had aangepakt. Mart is inmiddels bezig hier een vervolg aan te geven. “Dit staat nog in de kinderschoenen, maar het belangrijkste is dat we met elkaar in gesprek blijven over mentale gezondheid. Wanneer we niet over onze innerlijke wereld, zoals gedachten aan zelfdoding blijven praten blijft het stigma bestaan dat het onderwerp niet bespreekbaar kan worden gemaakt.” Blijf met elkaar in gesprek gaan, juist als het moeilijk wordt.

Heb je het even moeilijk?

Wanneer je ergens over wilt praten, kun je dag en nacht hier terecht:
  • Houd Moed
    Houd Moed is het online platform voor iedereen die te maken heeft (gehad) met zelfdoding.
  • De Luisterlijn
    Wanneer je ergens anoniem over wilt praten, luisteren zij. Ze denken met je mee, staan even naast je. Met tijd en aandacht voor jouw verhaal. De telefonische hulplijn is dag en nacht bereikbaar voor een gesprek van mens tot mens: 088 0767 000. Een goed gesprek per e-mail kan via de beveiligde website e-hulp. De chat via de website is open van 10:00 - 22:00.