Faster, un joli design illico presto pour votre site !
- Le mercredi, 30 octobre 2019
- Dans Web design
Faster est le dernier né des thèmes responsives conçus à partir de notre Framework maison EMS Framework. Il est donc adapté à tous les types d'écrans, du smartphone à l'écran de bureau.
Une personnalisation simple
Comportant un nombre de paramètres réduits, le thème Faster permet de personnaliser rapidement son site web. Certaines nuances sont calculées automatiquement en fonction de la couleur de texte renseignée (couleur de fond des composants, bordures, etc.) : choisissez la couleur du texte, on s'occupe du reste !
Certains élements essentiels comme la couleur des liens et certaines couleurs de fond restent néanmoins personnalisables, vous permettant ainsi de créer votre propre design à partir de l'une des vingt déclinaisons proposées.
Il vous est également possible de définir un motif d'arrière-plan page et sa couleur, afin d'obtenir un fond de page personnalisée et résolument moderne.
Exemple d'arrières-plan de page possible avec le thème Faster.
L'ajout d'une image de fond de page reste bien sûr possible, vous pouvez même combinez une image et un motif d'arrière-plan, comme le propose la déclinaison brainstorming :
Un menu king size
Une des particularités du thème Faster est l'apparence du principal du site. En effet, il n'apparaît pas ici sous sa forme horizontale classique. Il n'est pas visible par défaut et est accessible depuis le bouton "menu" figurant dans l'entête du site. Une fois ouvert, le menu occupe la surface totale de l'écran. Son affichage est le même sur tous les écrans, aussi bien sur mobile que sur écran de bureau.
Bouton d'ouverture du menu dans l'entête et affichage du menu sur smartphone.
Un effet Masonry sur le blog
Depuis le formulaire de personnalisation du thème, il est possible de définir le mode d'affichage des billets du blog sur les terminaux dont la largeur d'écran est supérieure ou égale à 992px. Vous pouvez ainsi chosir parmi trois modes : 1 colonne, 2 colonnes ou imbriqués. Chosissez le mode "imbriqués" pour appliquer l'effet Masonry.
Exemple d'affichage des billets du blog en mode "imbriqués".