GO! Thema: linkblok instellen

Gewijzigd op Tue, 02 Jan 2024 om 04:55 PM

Wat is een linkblok en hoe stel ik het in?


Het linkblok wordt gebruikt om met een mooi vormgegeven blok te linken naar individuele pagina’s. Hierbij kan je individuele iconen gebruiken, en zelf de titel van het linkblok kiezen naar een interne of externe pagina.




Eens je het linkblok hebt toegevoegd, kan je daarin een aantal instellingen aanpassen. 


  • 'Kleur van de titel'/'title color': Bepaalt de tekstkleur van je titel
  • 'Achtergrondkleur': Bepaalt de achtergrondkleur
  • 'Randkleur': Bepaalt de kleur van de rand
  • 'Aantal items per rij'/'number of items per row': Bepaalt het aantal items per rij
  • 'Weergeven als': Een interne link neemt de titel van de interne pagina (op je eigen site) over. De custom link biedt de optie tot een interne of externe link, met een zelfgekozen linktekst. Zo kan je de knop een eigen titel geven of linken naar een pagina buiten je website. Bij interne link wordt de hoofdafbeelding (featured image) van de gelinkte pagina gebruikt, bij custom link kan je zelf een afbeelding kiezen/uploaden om in het blok weer te geven.

  • 'Weergavemodus': bepaalt de verschillende manieren om de titel, foto en beschijving van het lijstitem weer te geven. Er zijn verschillende modi. In het GO! thema zijn enkele van die weergavemodi speciaal vormgegeven voor het thema.

       


  • 'Kort' weergavemodus: De korte weergavemodus geeft de titel weer in een afgerond blok. Als je 'kort' aanvinkt, verschijnt er onder 'Randkleur' ook een optie 'GO! Diagonale flair'. 


De korte weergavemodus geeft de titel weer in een afgerond blok. Ook is er de optie tot een klein icoontje boven de tekst. Dit icoon kan je zelf uploaden (kies dan wel een vierkant icoon) of eentje van www.fontawesome.com.


Zelf een icoon uploaden kan onder 'upload uw icoon': 



Een bestaand icoon van Font Awesome voeg je op de volgende manier toe: 


  • Kies optie 'Schakel Font Awesome icoon in'
  • Ga naar de website https://fontawesome.com/
  • Kies in het menu bovenaan voor 'Icons'


  • Voer een trefwoord in in de zoekbalk, bv. "bike" of "sport"

  • Klik op een icoon waar geen PRO icoon bij staat (want die zijn betalend)
  • Nu krijg je een klasse te zien om toe te voegen aan de korte weergavemodus van ons link blok: 



  • Kopieer nu de groene tekst die tussen de aanhalingstekens staat (hier is dat fas fa-baseball-ball), de rest hebben we niet nodig.
  • Plak deze naam in je de website in bij 'Font Awesome klassen'


De knop ziet er nu zo uit: 


Zonder icoon

Met FontAwesome-icoon


  • Vink ook 'GO! diagonale flair' aan als je de dubbele lijntjes wil








  • 'Midden' weergavemodus: Deze weergavemodus geeft de titel van de pagina weer plus een afbeelding van de pagina waarnaar je linkt. Het is belangrijk dat je daarom een ‘hoofdafbeelding’ op de pagina waarnaar je linkt plaatst. Ga daavoor naar de Bewerken-pagina van die desbetreffende pagina.


       Ook bij 'Midden' verschijnt er een optie om voor 'GO! Diagonale flair' te kiezen bij 'Randkleur'. Dat ziet er zo uit: 


Zonder diagonale flair

Met diagonale flair

 

 



Klik na het instellen van de lijstblok steeds op 'Opslaan' of 'Bijwerken'. 




Was dit artikel nuttig?

Dat is fantastisch!

Hartelijk dank voor uw beoordeling

Sorry dat we u niet konden helpen

Hartelijk dank voor uw beoordeling

Laat ons weten hoe we dit artikel kunnen verbeteren!

Selecteer tenminste een van de redenen

Feedback verzonden

We stellen uw moeite op prijs en zullen proberen het artikel te verbeteren