Pretty est un tout nouveau thème Responsive, basé sur notre Framework EMS Framework, permettant ainsi d'obtenir facilement un site élégant sur tous les supports, du mobile à l'écran de bureau.
- Créer un site
- Blog sur la création de site
- Web design
- Osez le thème Pretty
Une personnalisation avancée
Avec plus de 150 paramètres personnalisables, le thème Pretty vous offre la possibilité d'obtenir un site unique ne ressemblant à aucun autre. Voici un florilège des paramètres graphiques que vous pourrez ainsi personnaliser :
Un dégradé en arrière-plan
Appliquez facilement un dégradé de couleurs en arrière-plan de votre site web. Il vous est également possible d'y superposer une image de fond transparente afin d'obtenir un fond de page du plus bel effet.
Une barre de défilement personnalisée
Personnalisez la couleur de la barre de défilement du navigateur aux couleurs de votre site web.
Exemple d'utilisation d'un arrière-plan de page en dégradé.
Titre du site centré dans le menu horizontal
Le thème Pretty innove en vous permettant de centrer dans le menu principal le titre et l'éventuel sous-titre de votre site, comme l'illustre l'exemple ci-dessous :
Exemple d'un titre centré dans le menu.
Titre du site centré dans l'image d'entête
Vous avez également la possibilité de centrer le titre du site dans l'image d'entête. Une fois la page chargée, ce dernier s'anime et vient se placer automatiquement au centre de l'image :
Exemple d'un titre centré dans l'image d'entête.
Effet sur les images
Depuis le formulaire de personnalisation appliquez un effet graphique sur les images affichées dans les listings (billets de blog, produits de la boutique, images de l'album photos, etc.). Lors de son survol, l'image apparaîtra dans ses couleurs d'origine :
Galerie des effets applicables aux images des listings.
Une expérience utilisateur enrichie
Écran de chargement
Le thème Pretty offre la possibilité d'afficher un écran de chargement durant le chargement de la page web en cours. Ainsi, le contenu de la page n'apparaît que lorsqu'il est intégralement chargé. Ce temps de chargement étant relatif au contenu de votre page, il peut alors permettre à l'utilisateur de patienter durant les quelques secondes nécessaires au chargement du contenu. Depuis le formulaire de personnalisation du thème, vous pouvez choisir l'icône de chargement qui s'affichera parmi les 6 icônes proposées.
Exemple d'affichage de l'écran de chargement sur mobile.
Indicateur de lecture
Un indicateur de lecture permet à l'utilisateur de connaître la longeur de la page ainsi que sa position dans la page. Il lui indique ainsi la portion de page lue et celle restant à parcourir. Cet indicateur se matérialise sous la forme d'une barre colorée horizontale placée sous le menu principal, qui s'étend de gauche à droite de l'écran en fonction de la position verticale de la page. Ainsi, plus l'utilisateur fait défiler la page vers le bas, plus la barre d'indication de lecture s'étend vers la droite.
Depuis les paramètres de personnalisation du thème, indiquez sur quels contenus l'indicateur de lecture doit s'afficher (billets de blog et pages uniquement ou sur toutes les pages, quel que soit le module).
Exemple d'affichage de l'indicateur de lecture sous le menu horizontal.
Affichage étendu des images
Le thème Pretty vous permet de mettre en valeur les photos du module Album photos lors de leur affichage en pleine largeur. Quel que soit le terminal utilisé (smartphone, tablette, etc.), vos images s'adapteront toujours à l'écran de l'utilisateur.
Exemple d'affichage d'e l'indicateur de lecture sous le menu horizontal'une image de l'album photos sur smartphone.
D'autres paramètres personnalisables viennent compléter ces fonctionnalités, vous permettant ainsi d'obtenir un site unique au design résolumment moderne.
Articles similaires
Faster, un joli design illico presto pour votre site !
Le mercredi, 30 octobre 2019
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.
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.