Sinds enkele jaren is een responsieve lay-out een onmisbare standaard geworden in webdesign. Responsieve websites passen zich aan naar de resolutie van het beeldscherm die een bezoeker van de website gebruikt. Wanneer de bezoeker een groot scherm heeft, is er meer plaats voorzien om elementen naast elkaar te plaatsen dan wanneer de hij bijvoorbeeld op een smartphone surft. Om onze klanten meer flexibiliteit te bieden, heeft iValue een WordPress-plugin ontwikkeld waarmee deze flexibele inhoud gemakkelijk te beheren is. Deze plugin voorziet een editor die werkt met flexibele rijen en kolommen. Je kan per schermbreedte instellen hoeveel kolommen je wil en hoe breed deze moeten zijn. Er kunnen indien gewenst ook kolommen verborgen worden. Per kolom kan je de gewenste inhoud toevoegen.

Hoe gaat dit in zijn werk?

1. Tabelopmaak activeren

Ga naar het bericht of de pagina die je wenst te bewerken. tle-settings-activate Klik op de knop ‘Tabelopmaak’ om de editor te activeren. 

2. Rijen toevoegen

Klik op de knop ‘Rij toevoegen’. Een blok verschijnt in de editor. tle-row

3. Instellingen

  • Lay-out

In dit scherm kan je het aantal kolommen (met de breedte) kiezen die aan de rij worden toegevoegd. tle-settings-layout

  • Achtergrondafbeelding

Op dit scherm kan je een achtergrondafbeelding voor een rij kiezen. tle-settings-background

  • Algemeen

HTML ID of klasse voor het rij-element. tle-settings-general

4. Kolommen toevoegen

  • Inhoud

De inhoud is aanpasbaar via een WordPress-editor. tle-settings-content

  • Algemeen

HTML ID of klasse voor het kolom-element. tle-settings-general

  • Responsiviteit

In dit scherm kan je de breedte en de responsieve instellingen van de kolom aanpassen zoals de breedte, de offset en de zichtbaarheid per apparaat. tle-settings-responsiveness Klik op ‘bijwerken’ om de instellingen te bewaren. tle-columns Wil je deze plugin zelf gebruiken? Dan kan je hem hier downloaden:

DOWNLOAD PLUGIN

Jacob Eeckhout
Bericht van

Jacob Eeckhout

Managing Director

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *