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. 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.
3. Instellingen
- Lay-out
In dit scherm kan je het aantal kolommen (met de breedte) kiezen die aan de rij worden toegevoegd.
- Achtergrondafbeelding
Op dit scherm kan je een achtergrondafbeelding voor een rij kiezen.
- Algemeen
HTML ID of klasse voor het rij-element.
4. Kolommen toevoegen
- Inhoud
De inhoud is aanpasbaar via een WordPress-editor.
- Algemeen
HTML ID of klasse voor het kolom-element.
- 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. Klik op ‘bijwerken’ om de instellingen te bewaren.
Wil je deze plugin zelf gebruiken? Dan kan je hem hier downloaden: