Si vous avez appliqué un thème responsive, vous pouviez déjà utiliser les class natives de Bootstrap pour modifier l'apparence de vos images : ce qui était assez compliqué pour les webmasters débutants car cela nécessitait des notions en html et/ou css ! En plus de pouvoir modifier la disposition ou la taille de l'image, il est désormais possible de leur appliquer des styles plus facilement : images rondes, arrondies ou format polaroid : c'est à vous de choisir !
Changer le style de ses images : pourquoi faire ?
L'objectif est de faciliter la personnalisation et l'insertion de photos en vous proposant une option qui rendra votre site attractif et original, sans avoir à mettre les mains dans le CSS ou le HTML. Osez l'originalité et sortez des sentiers battus en proposant un site de plus en plus personnalisé ! Pour vous donner deux exemples, nous avons utilisé le style Rond autour des photos de l'équipe e-monsite et l'effet Polaroid sur les images des tutoriels.
Cette fonctionnalité est compatible uniquement avec les thèmes responsive (tous ceux présents dans la liste des thèmes actuellement). Nous vous invitons donc à changer de thème graphique si celui appliqué à votre site n'est pas responsive.
Comment changer ou ajouter un style sur une image ?
Insérez une image (à partir de l'éditeur visuel ou du widget Image) puis choisissez un style. Cette option se trouve à l'endroit où vous choisissez le titre, le format ou la disposition de l'image : vous disposez maintenant d'un champ "Style". Pour en savoir plus nous vous invitons à consulter notre tutoriel dédié : personnaliser le style de ses images.
Pour les utilisateurs à l'aise avec le CSS, vous disposez aussi d'un style "Avancé", pour insérer la (ou les) class et ID de votre choix sur une image. Pour en savoir plus à ce sujet, nous vous recommandons la lecture de notre tutoriel : appliquer des class et des ID.
Articles similaires
Dans Web design
Quelles alternatives à Photoshop pour retoucher vos photos ?
Pour retoucher vos photos ou encore les recadrer, Photoshop est un outil idéal mais onéreux. Il existe néanmoins des solutions en ligne de traitement d'image grâce auxquelles vous pouvez facilement recadrer une photo ou y ajouter du texte et des effets. L'accès à ces ressources est gratuit et il est simple d'effectuer quelques retouches sur ces sites. Nous vous conseillons ici des sites que nous avons testé pour vous.
Une nouvelle page apparence pour personnaliser facilement le design de votre site web
C'est la grande nouveauté de ce mois de juillet, nous avons entièrement revu la page apparence pour personnaliser facilement le design de votre site web. Plus simple, plus intuitive et plus moderne, pour faciliter les modifications de l'apparence de votre site Internet.
Cette nouvelle page apparence est disponible pour le thème Rebirth et accessible depuis votre manager. Nous vous présentons ce nouveau système de gestion de design, pour créer facilement un beau site web.