Social Pictogrammen

Het social pictogrammen-blok is een blok dat social media iconen toont.

---

1. Hoe voeg ik het blok toe? #

Klik op het + icoon in de hoofdnavigatie of in het content gebied. Typ ‘Social pictogrammen‘ en klik op het social pictogrammen-blokicoon om het toe te voegen.

Klik vervolgens op het + icoon om een social media icoon toe te voegen. Klik op het icoon om de url in te voeren.

---

2. Blokwerkbalk #

2.1. Verander naar een ander type blok #

Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen onder dit blok te verwijderen en weer op het + icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.

---

2.2. Blok verplaatsen #

Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op één van de pijltjes om het blok een plekje omhoog of omlaag te schuiven.

---

2.3. Verander horizontale item-uitlijning #

Hier kan je de horizontale uitlijning van de items instellen. Kies voor:

• Links
• In het midden
• Rechts
• Gelijkmatig verspreid

---

2.4. Verander blokuitlijning #

Verander hiermee de uitlijning naar:

• Geen
• Links
• Midden
• Rechts

---

2.5. Grootte #

Kies hier voor de grootte van de iconen. Je hebt de keuze uit:

• Klein
• Normaal
• Groot
• Zeer groot

---

2.6. Meer opties #

Onder dit icoon vind je meer bewerkingsfuncties zoals:

• Dupliceren
• Verwijderen
• Invoegen voor
• Invoegen na
• Bewerken in HTML

Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.

---

3. Blokinstellingen #

De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( ) en stijlen ( )

3.1. Instellingen #

Pas hier de werking van het blok aan.

3.1.1. Layout #

Kies hier eerst voor een horizontale of verticale oriëntatie (richting) van de items. Vervolgens kan je de items uitlijnen bij ‘Justification‘.

• Horitzontale opties:
  • Links
  • Midden
  • Rechts
  • Gelijkmatig uitlijnen
• Verticale opties:
  • Boven
  • Midden
  • Onder
  • Uitrekken

Toestaan om op meerdere regels weer te geven

Hier kan je inschakelen of de items automatisch overvloeien op een volgende regel als ze slecht op één regel passen.

Als deze optie uitgeschakeld staat, worden de items kleiner zodat ze allemaal op dezelfde regel passen en wordt de tekst afgebroken.

3.1.2. Instellingen #

Kies hier of je de links wil openen in een nieuw tabblad en of je de naam (label) van het social media platform wil tonen. Deze schakelaars staan standaard uit.

3.1.3. Geavanceerd #

Bloknaam

Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.

HTML-Anchor

Dit is een plek op je pagina waar je naartoe kunt linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.

Extra CSS-klasse

Gebruik dit invulveld om extra CSS-klassen toe te voegen.

---

3.2. Stijlen #

Pas hier de opmaak van het blok aan.

3.2.1. Stijlen #

Hier kan je met dek lik op een knop een stijl aanbrengen. Ga met je muis op de knop staan om een voorbeeld te zien of klik op de knop om de stijl toe te passen.

3.2.2. Kleur #

Pas hier de kleur van het pictogram en de pictogram achtergrond aan. Kies voor een themakleur of voor een standaardkleur. Klik op het grijs/ wit geblokte veld om zelf een kleur in te stellen.

Bij de optie ‘Pictogram achtergrond‘ heb je twee keuzes

Effen

Hier heb je de keuze voor de themakleuren (ingesteld door de ontwikkelaar van Noeste IJver) en standaardkleuren.

Kleurverloop

Kies meerdere aangepaste kleuren door op een plek in het balkje te klikken om een kleursubmenu te openen en een kleur te kiezen. Het kleurverloop gaat over in de kleur die je op een bepaalde plek in de balk gekozen hebt. Je kunt kiezen voor:

• Lineair: Standaard van links naar rechts
• Radiaal: Van het midden naar buiten

3.2.3. Afmetingen #

Pas hier de ruimte om het blok aan.

Klik op het + icoon achter ‘Afmetingen’ en maak een keuze.

Marges

De marge bepaalt de ruimte tussen de blokken.

Klik op dit icoon ( ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Blokafstand

Bij blokafstand kan je de afstand tussen de blokken instellen. Verschuif de blauwe stip om de afstand groter te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Padding

De padding is de ruimte tussen de rand van het blok en de tekst.

Klik op dit icoon ( ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.