Content blocks

Overzicht

Contentblokken zijn elementen die je helpen om moderne en leesbare webpagina's voor je organisatie te maken. Ze stellen u in staat om uw teksten in te vullen, foto's, bestanden, externe video's, agenda-evenementen, ledenkaarten en andere visuals en controle te plaatsen. U kunt alle soorten inhoudsblokken op één pagina mixen en deze ontwerpen door de volgorde van de inhoudsblokken te variëren.

De lay-out van het contentblok is vooraf gedefinieerd, met beperkte mogelijkheden om deze aan te passen. Contentblokken bieden u niet de volledige flexibiliteit van een HTML-editor, maar zorgen ervoor dat uw webpagina er altijd redelijk uitziet en ook op tablets en smartphones werkt. Daarom gebruiken alle contentblokken de volledige breedte van de pagina.

Naast de primaire afbeelding en tekst zijn de volgende inhoudsblokken beschikbaar:

Titel
Tekst/HTML
Afbeelding met tekst
Enige afbeelding
Enig bestand
Scheidingsteken
Video
Gerelateerde gebeurtenis
Verzameling bestanden
Verzameling beelden
Verwante inhoud
Verwant project
Map
Lid
Botones
Plan

UITPROBEREN
De beste mogelijkheid om meer te weten te komen over inhoudsblokken is door ze uit te proberen! Maak een nieuw artikel en plaats daar inhoudsblokken van elk type om te zien hoe ze eruit zien, hoe ze zich gedragen en hoe ze aan uw eisen voldoen.

Primaire afbeelding en tekst

De primaire afbeelding en tekst heeft een speciale betekenis omdat de tekst en afbeelding worden gebruikt voor de verschillende displays zoals de lijst, de detailpagina's en de carrousel en slider.

De elementen van dit blok zijn:

Primaire afbeelding
Het verschijnt ook in de schuifregelaar of de carrousel. Als u geen afbeelding aanlevert, verschijnt het roterende logo daar. Lijnscheidingsteken verschijnt standaard onder de beschrijving.
Primaire tekst
De eerste zinnen kunnen op veel plaatsen voorkomen, in de agenda, in de uitnodigingsmail, in de nieuwsbrief, in de schuifregelaar, enz.

Er zijn geen andere opties voor dit blok. Bekijk geavanceerde opties "Werk met de primaire afbeeldin"

NOTITIE
Je kunt dit blok niet verwijderen, maar je kunt de positie in sommige artikelen wijzigen of de inhoud leeg laten!

1. Titel

Het doel is om een of meer titels weer te geven tussen de verschillende blokken van een bepaald artikel.

De titel, in alle talen van dat artikel, is het enige verplichte element van dit blok. Lijnscheidingsteken verschijnt standaard onder de titel.

2. Tekst/HTML

Het tekstblok is het meest algemene inhoudsblok. De tekst, in alle talen van dat artikel, is het enige verplichte element van dit blok.

Vergeet niet dat de teksteditor u de mogelijkheid geeft om de tekst op te maken en er ook kleine afbeeldingen in te plaatsen.

3. Afbeelding met tekst

De afbeelding met tekst stelt u in staat om een afbeelding en een tekst naast elkaar op de pagina te plaatsen. Zie ook geavanceerde opties voor afbeeldingen.

De elementen van dit blok zijn:

Indeling (verplicht) een van:
- Afbeelding links / tekst rechts
- Afbeelding rechts / tekst links
- Afbeelding links / tekst zwevend rechts
- Afbeelding rechts / tekst zwevend links
Afbeelding (verplicht): u kunt kiezen tussen grote, middelgrote en kleine afbeeldingen.
Beschrijving (optioneel) van de afbeelding in alle talen van dat artikel. Lijnscheidingsteken verschijnt standaard onder de beschrijving.
Tekst (verplicht) in alle talen van dat artikel.

4. Enige afbeelding

Hiermee kunt u één afbeelding op de pagina plaatsen. De afbeelding is uitgelijnd met de linker paginagrens en behoudt de oorspronkelijke grootte zolang deze de grootte van 1280 x 1024 pixels niet overschrijdt.

Beschrijving (optioneel) in alle talen van dat artikel, is het enige element van dit blok. Overweeg wel om de copyright referentie in de beschrijving te zetten. Lijnscheidingsteken verschijnt standaard onder de beschrijving.

5. Enig bestand

Met één bestand kunt u één bestand aan de pagina toevoegen. Het pictogram geeft het type bestand aan. Als u een afbeelding uploadt, wordt deze weergegeven als geüpload bestand, niet als afbeelding.

Bestandsbeschrijving (verplicht) in alle talen van dat artikel, is het enige element van dit blok. Er worden standaard twee regelscheidingstekens voor en na het bestand weergegeven.

AANDACHT
Zorg voor zichtbaarheid van het bestand en de pagina waarop je dit blok hebt geplaatst. De zichtbaarheid van het bestand moet gelijk zijn aan of breder zijn dan de zichtbaarheid van deze pagina.

6. Scheidingsteken

Een scheidingsteken is een lijn tussen twee inhoudsblokken. Je kunt de lengte definiëren als extra kort (xs), kort (s), medium (m), groot (l), extra groot (xl). Extra groot betekent de hele breedte.

7. Video

Hiermee kunt u een link plaatsen naar een video die is opgeslagen in een externe opslag zoals Vimeo of YouTube. Vanwege ruimtebeperkingen kunnen video's niet worden opgeslagen in Polaris. De videospeler verschijnt en stelt de gebruiker in staat om de video rechtstreeks vanaf de pagina af te spelen.

De elementen van dit blok zijn:

Beschrijving (optioneel) van de video in alle talen. Er wordt standaard een regelscheidingsteken weergegeven onder de beschrijving.
URL naar de video (verplicht)

AANDACHT
Afhankelijk van het formaat van de video en de compatibiliteit van de speler met de gebruikersbrowser, kunnen er enkele problemen optreden.

8. Gerelateerde gebeurtenis

Hiermee kunt u een blok invoegen voor een bestaande gebeurtenis van uw organisatie.

Om de bestaande evenementen van uw club te selecteren, moet u ten minste 3 tekens typen om de beschikbare weer te geven. Alleen evenementen van uw organisatie worden gepresenteerd.

AANDACHT
Zorg voor zichtbaarheid van het evenement en de pagina waarop je dit blok plaatst. De zichtbaarheid van de gerelateerde gebeurtenis moet gelijk zijn aan of breder zijn dan de zichtbaarheid van deze pagina.

9. Verzameling bestanden

Hiermee kunt u meerdere bestanden aan de pagina toevoegen. Het pictogram geeft het type bestand aan. Elk bestand moet afzonderlijk worden geüpload. Als u een afbeelding uploadt, wordt deze weergegeven als geüpload bestand, niet als afbeelding.

Voor elk bestand moet een bestandsbeschrijving (verplicht) in alle talen van dat artikel worden verstrekt. Regelscheidingsteken verschijnt standaard tussen elk bestand.

AANDACHT
Zorg voor zichtbaarheid van de map en de pagina waarop je dit blok hebt geplaatst. De zichtbaarheid van de map moet gelijk zijn aan of breder zijn dan de zichtbaarheid van deze pagina.

10. Verzameling beelden

Hiermee kunt u een kleine afbeeldingengalerij op de pagina weergeven. De afbeeldingen worden van links naar rechts geplaatst en vervolgens van boven naar beneden. Elke afbeelding moet afzonderlijk worden geüpload.

Beschrijving (verplicht) in alle talen van dat artikel, moet voor elke afbeelding worden verstrekt. Overweeg wel om de copyright referentie in de beschrijving te zetten. Lijnscheidingsteken verschijnt standaard onder elke afbeeldingsbeschrijving.

Deze verzameling afbeeldingen bestaat alleen op deze pagina. U kunt ook een fotogalerij maken, de afbeeldingen daar uploaden en het inhoudsblok Gerelateerde inhoud invoegen met de link naar de galerij op de pagina.

11. Verwante inhoud | 12. Verwant project

Hiermee kunt u een blok invoegen voor andere inhoud, bijv. Nieuws, Diversen, Projecten, Fotogalerijen, enz. op de pagina.

Om de bestaande inhoud te selecteren, moet u ten minste 3 tekens invoeren om de beschikbare tekens weer te geven. Alleen content van jouw organisatie wordt gepresenteerd.

AANDACHT
Zorg voor zichtbaarheid van de inhoud en de pagina waarop je dit blok plaatst. De zichtbaarheid van de gerelateerde inhoud moet gelijk zijn aan of breder zijn dan de zichtbaarheid van deze pagina.

13. Map

Hiermee kunt u een documentmap en de bijbehorende documenten als koppelingen plaatsen.

U moet eerst minimaal 3 tekens typen voordat u de lijst met beschikbare mappen te zien krijgt. Alleen mappen van uw organisatie worden weergegeven.

De gebruiker kan zowel op de map als op de documenten klikken.

AANDACHT
Zorg voor zichtbaarheid van de map en de pagina waarop je dit blok hebt geplaatst. De zichtbaarheid van de map moet gelijk zijn aan of breder zijn dan de zichtbaarheid van deze pagina.

14. Lid

Hiermee kunt u de kaart van een bepaald lid uit uw Polaris-instantie invoeren.

U moet eerst minimaal 3 tekens typen voordat u de lijst met beschikbare leden ziet.

AANDACHT
Besteed aandacht aan de bescherming van persoonsgegevens in verband met de zichtbaarheid van deze pagina.

15. Botones

Hiermee kunt u een of meer knoppen op de pagina plaatsen.

De elementen van dit blok zijn:

Lay-out - u kunt een van de volgende opties kiezen:
- Knop blauw - full size
- Knop blauw - originele grootte (tekstgrootte)
- Knop geel - volledige grootte
- Knop geel - oorspronkelijke grootte (tekstgrootte)
Openen in nieuw venster
Titel van de knop in alle talen van dat artikel.
URL van de knop in alle talen van dat artikel.

Meerdere knoppen worden van links naar rechts en vervolgens van boven naar beneden geplaatst.

16. Plan

Hiermee kunt u een klikbare afbeeldingskaart weergeven.

De elementen van dit blok zijn:

Afbeelding (verplicht)
Een of meer gebieden bestaande uit:
- Koppeling (URL)
- Coördinaten gescheiden door komma's
- Vorm (veelhoekig, rechthoekig, cirkel)
- Doel (_blank = openen in een nieuw tabblad of venster)

FOOI
Gebruik de tool op https://www.image-map.net of https://eapatil.github.io/Tool om de coördinaten te maken en de afbeelding te testen.

Geavanceerde opties voor afbeeldingen

Werk met de primaire afbeeldingen

Bijzonderheid van de primaire afbeelding

Het eerste inhoudsblok in artikelen zoals Evenementen, Brieven, Nieuws, Projecten en andere, bevat de primaire afbeelding. Deze afbeelding is de enige die verschijnt in de Slider, Carrousel, Overzicht, in staand formaat (op mobiele apparaten) en op de pagina met de artikeldetails. Zorg er altijd voor dat u afbeeldingen met een hoge resolutie en het juiste formaat gebruikt. Anders kan uw website er onprofessioneel uitzien.

De afbeelding uploaden

Om een afbeelding te uploaden, kunt u deze naar het uploadgebied slepen of op het gebied klikken en de afbeelding op uw computer selecteren. De maximale grootte van een geüpload bestand is 20 MBytes.

De afbeelding bijsnijden

Je kunt de blauwe knoppen bovenaan gebruiken om de afbeelding kleiner of groter te maken, te verplaatsen of te roteren. U kunt ook de blauwe stippen aan de rand van de afbeelding gebruiken om de afbeeldingsgrootte met de muis aan te passen. De witte stippellijnen en de witte plus in het midden geven aan wat er in de afbeelding zichtbaar zal zijn. Er is geen witte rand rond de afbeelding nodig.

De weergavestrategie selecteren

Afhankelijk van hoe het selectievakje onder de afbeelding is ingesteld, zijn er twee verschillende weergaven.

"Bedek het volledige gebied met afbeelding" = uitgeschakeld

Met deze strategie blijft het volledige beeld zichtbaar in alle weergaveformaten. Afhankelijk van het afbeeldingsformaat kan er witruimte worden toegevoegd aan de rechter- en linkerkant van de afbeelding in de schuifregelaar of in de portretten, en boven en onder de afbeelding in de carrousel. De grootte van de afbeelding kan proportioneel worden aangepast in de lijst en in de detailweergave.

"Bedek het volledige gebied met afbeelding" = ingeschakeld > Focuspunt instellen

Deze strategie vult het beschikbare formaat volledig door de afbeelding bij te snijden tot de formaatgrootte en het focuspunt in het midden te houden. Er wordt geen witruimte toegevoegd. In plaats daarvan kan de afbeelding iets worden bijgesneden om in het beschikbare formaat te passen.

Er verschijnt een kleine witte cirkel in de afbeelding die met de muis kan worden verplaatst om het scherpstelpunt in te stellen. De effecten van deze beweging zijn direct zichtbaar in de onderstaande afbeeldingsvoorbeeld.

De afbeeldingsgrootte instellen in %

Ten slotte kunt u de afbeeldingsgrootte instellen in %. Dit heeft alleen invloed op de weergave op de detailpagina.

AANDACHT
Vergeet niet op de knop "Opslaan" te klikken om de wijzigingen op te slaan!

Werken met de secundaire afbeeldingen

Secundaire afbeeldingen kunnen worden geüpload naar de inhoudsblokken "Afbeelding met tekst", "Enkele afbeelding" en "Afbeeldingenverzameling".

Zorg ervoor dat u altijd afbeeldingen met een hoge resolutie en het juiste formaat gebruikt. Anders kan uw website er onprofessioneel uitzien.

De afbeelding uploaden

Snijd de afbeelding bij

Na het bijsnijden van de afbeelding zijn de verdere bewerkingsopties beperkt tot de volgende gebieden:

Afbeelding grootte

Naast de opties "Klein", "Medium" en "Groot" kan bij de inhoudsblokken "Enkele afbeelding" of "Afbeeldingenverzameling" de optie "Volledig" (volledige grootte) worden geselecteerd.

Uitlijning van het beeld

In het inhoudsblok "Afbeelding met tekst" kan de afbeelding links of rechts worden geplaatst, met de tekst aan de andere kant. U kunt ook selecteren of de tekst rond de afbeelding moet lopen of niet.

Afbeeldingen insluiten in tekstvelden

In de inhoudsblokken waar tekst wordt gebruikt, kunnen ook afbeeldingen worden ingevoegd met een eenvoudig kopieer-/plakcommando. De afbeeldingen moeten echter al zijn bijgesneden en de resolutie is beperkt tot 300 dpi. Deze methode is daarom niet geschikt voor afbeeldingen van hoge kwaliteit die in elk formaat op het desktopscherm moeten worden weergegeven.

Na het invoegen van de afbeelding kunnen de volgende aanpassingen worden gemaakt met behulp van de bewerkingstool die verschijnt:

Pas de afbeeldingsgrootte aan (vermijd maximale grootte)
Zet tekst rechts of links van de afbeelding, afbeelding niet gekoppeld aan tekst
De afbeelding verwijderen

FAQ

Wat zijn inhoudsblokken?

Inhoudsblokken zijn elementen waarmee u moderne en leesbare webpagina's voor uw organisatie kunt maken, zodat u teksten, afbeeldingen, bestanden, video's en meer kunt opnemen.

Kan ik de lay-out van inhoudsblokken aanpassen?

De lay-out van inhoudsblokken is vooraf gedefinieerd met beperkte aanpassingsopties, waardoor een consistent uiterlijk op verschillende apparaten wordt gegarandeerd.

Welke soorten contentblokken zijn er?

Beschikbare inhoudsblokken zijn onder andere Titel, Tekst/HTML, Afbeelding met tekst, Enige afbeelding, Enig bestand, Video, Gerelateerde gebeurtenis, Verzameling bestanden, Verzameling beelden en meer.

Is het mogelijk om het primaire afbeeldings- en tekstblok te verwijderen?

Nee, u kunt het primaire afbeeldings- en tekstblok niet verwijderen, maar u kunt de positie in sommige artikelen wijzigen of de inhoud leeg laten.

Hoe kan ik leren om contentblokken effectief te gebruiken?

De beste manier om meer te weten te komen over inhoudsblokken is door een nieuw artikel te maken en te experimenteren met verschillende soorten inhoudsblokken om te zien hoe ze eruit zien en zich gedragen.

Zijn er beperkingen aan de grootte van de afbeeldingen die ik kan uploaden?

Ja, afbeeldingen mogen niet groter zijn dan 1280 x 1024 pixels om de juiste uitlijning en weergave te behouden. De maximale grootte van een geüpload bestand is 20 MBytes.

Kan ik video's invoegen in mijn webpagina?

Ja, u kunt video's invoegen door een URL-link op te geven naar een video die extern is opgeslagen, en er verschijnt een videospeler op de pagina.

Waarom kan ik video niet rechtstreeks naar Polaris uploaden?

Video's kunnen niet direct in Polaris worden opgeslagen, omdat de opslagruimte beperkt is en Polaris geen streamingfuncties heeft voor de verschillende videoformaten.

Moet ik beschrijvingen opgeven voor bestanden en afbeeldingen?

Ja, beschrijvingen zijn verplicht voor bestanden en afbeeldingen in verschillende contentblokken.

Kan ik knoppen gebruiken in mijn contentblokken?

Ja, u kunt knoppen met verschillende lay-outs en links naar uw pagina toevoegen.