Flatbootstrap4

Flat [Bootstrap], un thème responsive simple et efficace

Thème Flat

Vous souhaitez moderniser votre site web et le rendre accessible sur tous les supports, mais la perspective de passer des heures à personnaliser son apparence ne vous incite pas à franchir le pas ? Alors le thème graphique Flat [Bootstrap] est fait pour vous !

Trente déclinaisons faciles et rapides à personnaliser

Inspirées du style graphique "flat design" démocratisé notamment par Google, ces déclinaisons proposent trente ambiances graphiques différentes sans aucune utilisation d'images d'arrière-plan, pour des designs sobres, efficaces et modernes, se caractérisant essentiellement par l'utilisation de couleurs en aplats.

Grâce à ses 75 paramètres modifiables, la personnalisation de ce thème consistera donc pour l'essentiel à définir les couleurs et l'apparence des diverses zones de votre site, sans vous soucier des informations secondaires, telles la taille des marges, l'épaisseur des bordures…

Une utilisation des Web Fonts qui donne du caractère au contenu

Flat [Bootstrap] est le premier thème proposant l'utilisation de Web Fonts, désormais bien supportées par tous les navigateurs récents. Grâce au service Google web fonts, vous allez ainsi pouvoir disposer de 13 polices "non-standards", autres que celles habituellement proposées : Arial, Times, Helvetica…

Flat design

Exemple de Web Fonts définies pour les titres et les textes d'un site sur lequel la déclinaison Amelia a été appliquée

Un menu horizontal intelligent

Afin de garantir l'apparence de votre menu horizontal et ce, quel que soit son contenu, l'option "Ajuster la largeur du menu" vous est proposée. En cochant cette option depuis le formulaire de personnalisation, vous forcerez le contenu de votre menu à n'apparaître que sur une ligne, comme l'illustre l'exemple ci-dessous :

Flat Bootstrap

Les liens du menu sont trop nombreux, le moteur de recherche est alors renvoyé à la ligne.

Flat thème

L'option "Ajuster la largeur du menu" corrige ce problème : le menu s'adapte à la largeur disponible et les liens non affichés sont présentés sous forme d'un menu déroulant.

Nous remarquerons d'ailleurs à travers ces deux captures d'écran qu'il vous est possible d'afficher dans le menu les éléments suivants : un moteur de recherche, un accès aux diverses langues de votre site ainsi qu'un accès rapide au panier (dans le cas où le module Boutique est activé).

Malgré tout ce contenu potentiel, le menu horizontal n'en reste pas moins ergonomomique. Ainsi, si vous avez activé la présence du moteur de recherche dans le menu horizontal, voici à quoi ressemblera ce dernier sur smartphones et tablettes :

Responsive design

Un diaporama pour dynamiser votre contenu et illustrer votre propos

Nombreuses sont les raisons de vouloir disposer d'un diaporama en haut de la page d'accueil de son site : un site de chambre d'hôte souhaitant mettre en valeur ses chambres, le site d'un artiste peintre désirant afficher ses dernières créations,…

Après avoir activé le diaporama depuis Configuration > Menus puis défini son contenu, celui-ci apparaîtra automatiquement en haut des pages de votre site web. Depuis le formulaire de personnalisation, vous pourrez alors paramétrer sa largeur en fonction des images qu'il contiendra :

Carrousel flat

Diaporama égal à la largeur du site.

Carrousel thème flat

Diaporama égal à la largeur de la fenêtre.

Le mot du designer

Même s'il ne dispose que d'un faible nombre de paramètres personnalisables, ce thème n'en reste pas moins très complet. Il met en œuvre les dernières tendances graphiques du web et vous permet d'obtenir très rapidement un site responsive au design clair et élégant, optimisé pour tout type de contenu !

Themes Responsive

Commentaires

  • David
    • 1. David Le 28/11/2013
    c'est très bien tout ça ! Mais à quand plus de thèmes pour Mobile ?
  • jeremy
    Bonjour @David. Actuellement ce n'est pas prévu. A l'avenir, il y n'y aura plus besoin de gérer un design pour un site et un design pour une version mobile. Les thèmes reponsives permettent justement de ne pas avoir à gérer deux thèmes. Votre site s'adapte au support de l'internaute. Je vous invite à essayer avec le thème Flat, Responsive Bootstrap ou encore le thème Modular.
  • Belhamra
    Bonjour,
    Merci pour l'effort de toute l'équipe. C'est très intéressant !!!!!
  • Geeeen du MiroirAuxEssences
    Bonjour e-monsite,

    Félicitations et merci pour vos améliorations sur cette plateforme. Les images, maintenant pour ce nouveau thème.

    Je voulais vous demander si le fait de changer mon thème actuel responsive (normal) en flat responsive conservera bien mes structures différentes que j'ai mises en place ?

    Bonne continuation et belle soirée à toute l'équipe.
    LeMiroirAuxEssences
  • thomas
    Bonjour @Geeeen du MiroirAuxEssences, je vous invite à enregistrer votre thème dans Configuration > Apparence > Mes thèmes avant tout - vous pourrez ainsi revenir sur ce thème au besoin. Une fois le thème enregistré, vous pourrez utiliser ce nouveau thème. Les structures de menus seront conservées lors du changement de thème.
  • avenue.usine-digitale.fr
    Bonjour à toute l'équipe de e-monsite.com,
    Bravo pour ce thème!! Il est ergonomique et trés agréable à l'oeil.
  • tidianedc
    • 7. tidianedc Le 15/12/2013
    très joli théme
  • pascal
    Super equipe,toujours a l'ecoute,si vous voulez creer un site ,c'est là ,salutations a tous les webmaster .
  • emilie
    @pascal - Bonjour, nous vous remercions pour l'intérêt que vous portez à notre plateforme. Votre message fort sympathique a été transmis à l'équipe. Nous vous souhaitons une bonne continuation.

Ajouter un commentaire

Code incorrect ! Essayez à nouveau