Modular [Bootstrap], un nouveau thème responsive hautement personnalisable !

Le mardi, 29 octobre 2013

Avec la multiplication des divers supports de navigation sur internet tels que les tablettes et autres smartphones, avoir un site dit "Responsive" est aujourd'hui devenu quasi indispensable.

Tout comme le thème Responsive [Bootstrap], Modular [Bootstrap] vous permet de franchir le pas et d'obtenir ainsi un site résolument moderne et surtout Responsive, consultable donc sur tout type d'écran, allant du smartphone à l'écran HD d'ordinateur. Ainsi, plus de version mobile à activer et à personnaliser, vous disposez d'un seul et même thème graphique, fonctionnant sous toutes les résolutions.

Une mise en page modulable

Jusqu'à présent, en appliquant un thème graphique à votre site, vous pouviez regretter de ne pas pouvoir agir sur la position des diverses zones du site. Selon le thème choisi, votre menu horizontal était systématiquement placé en haut du site ou bien sous l'entête.

Le thème Modular [Bootstrap] propose 12 mises en page différentes, offrant ainsi par exemple 4 possibilités de positionnement de votre menu horizontal :

Menu horizontal placé sous l'entête

Menu horizontal placé en haut du site

Menu horizontal placé dans l'entête

Menu horizontal placé en haut de la zone de contenu

En fonction du positionnement choisi, il vous appartiendra d'optimiser le contenu des diverses zones du site. Ainsi, si vous optez pour le placement de votre menu horizontal dans l'entête, il s'avèrera judicieux de ne pas y afficher en plus votre logo et le moteur de recherche, afin d'avoir suffisamment de place pour l'insertion du menu. Le logo peut dans ce cas être affiché en haut du menu vertical ou tout simplement ne pas apparaître, c'est vous qui choisissez !

D'autres mises en page sont possibles, le moteur de recherche pouvant être inséré dans le menu horizontal :

Exemples de mise en page avec le moteur de recherche placé dans le menu horizontal

Des designs sobres et épurés

Des teintes sobres et des images de fond discrètes ont été privilégiées, afin de laisser la part belle à votre contenu :

Une page produit claire et aérée

Des listings sobres qui mettent en valeur vos images

Des menus verticaux élégants

Les 20 déclinaisons offertes par ce thème peuvent constituer un point de départ, le design de votre site pouvant être personnalisé grâce aux 135 paramètres modifiables. Le thème Modular [Bootstrap] constitue donc une bonne occasion de moderniser votre site et de le rendre consultable partout, par tous !

Pour appliquer une des multiples déclinaisons de ce thème à votre site, rendez-vous depuis le manager dans Configuration > Apparence Thèmes. Nous vous rappelons qu'appliquer un nouveau thème à votre site n'altère en rien le contenu de vos pages web et de vos menus verticaux.

Responsive Themes Personnalisation

Personnaliser son thème responsive en CSS : bonnes pratiques

Le mercredi, 25 octobre 2017

Que vous ayez appliqué le thème Blogger ou n'importe quel autre thème mis à votre disposition dans votre manager, il vous est possible de le personnaliser entièrement grâce aux styles CSS. Le formulaire de personnalisation ne couvrant pas tous les aspects graphiques de votre site, vous serez alors peut-être amené à écrire quelques règles CSS pour une personnalisation plus avancée.

Voici donc quelques principes de bases à respecter pour que vos styles CSS complètent correctement ceux déjà existants et conservent la logique du responsive web design.

Dans Web design

Bien débuter avec le thème Smart

Le mardi, 18 octobre 2016

Après vous avoir présenté les 10 bonnes raisons de passer au thème Smart, nous revenons aujourd'hui en détail sur les différents réglages qui vous sont proposés depuis le formulaire de personnalisation du thème. En les paramétrant de manière judicieuse, ils vous permettront de créer des pages agréables à regarder, au design sobre et efficace.