Ekla en adaptatif

Une fidèle visiteuse d'outre Atlantique me demande comment paramétrer la largeur de son blog afin que ses visiteurs n'aient pas à naviguer de droite à gauche pour lire ses articles.

Ekla blog nous permet de paramétrer nos pages de blog en adaptatif (%), ce qui fait que notre page remplit la totalité de l'écran de lecture, quelle que soit la largeur de celui-ci.

Ouvrir l'onglet Apparence puis clic sur modifier le thème.

La première rubrique qui s'affiche est celle du format du blog et en choisissant "Page", vous pouvez déterminer la valeur de sa largeur.

En cliquant sur la petite flèche noire, de l'unité de la largeur, vous trouverez les pixels, que beaucoup utilisent mais aussi les %, qui vont faire que la largeur de votre page va occuper 100% de la largeur de l'écran de lecture.

Un autre réglage "Marges" vous permet d'ajuster vos modules selon votre choix; il suffit de modifier une valeur pour l'appliquer aussitôt, ce qui est bien pratique pour juger si ça convient ou non.

*******

Cela ne doit pas vous empêcher de paramétrer vos articles, texte et images, en unités adaptatives car, comme lorsque je propose une image panoramique en lien dans une nouvelle page, si l'image est très grande, pour devrez aller à droite ou à gauche pour l'afficher en totalité: elle déborde de l'écran de lecture.

N'oublions pas que nos textes, s'il sont paramétrés en unités fixes (pixels), seront bien réduits, avec le reste de l'article, dans votre page réduite à 100% mais il est préférable de les paramétrer également en unités adaptatives; j'utilise les unités viewport (vw/vh), qui sont acceptées dans les positionnements et les tailles de police, contrairement aux %.

Pour les images, il vous suffit de définir la largeur en adaptatifs pour que la hauteur s'adapte automatiquement.