L'éditeur d'apparence a beaucoup de sections avec plusieurs dispositions pour chaque section. Cela signifie que les images devront être de dimensions correctes ou qu'elles apparaîtront coupées ou floues. Dans cet article, nous avons mentionné les dimensions exactes de tous les modèles des différentes sections de l'éditeur d'apparence.
Images de la bannière
Lorsque les images des bannières n'ont pas de contenu comme des superpositions, des titres et des boutons d'appel à l'action, elles s'adaptent automatiquement à la largeur de la fenêtre du navigateur. Elle prendra la hauteur originale de l'image.
Lorsque la bannière a du contenu, la hauteur de la bannière peut être ajustée. Assurez-vous que la bannière a une hauteur suffisante pour accueillir le contenu dans la superposition. Il est préférable de limiter le contenu au minimum pour que les utilisateurs puissent faire défiler le contenu rapidement. De plus, le rendu sera le même sur les ordinateurs de bureau et les téléphones portables.
Si la bannière comporte des graphiques ou du texte ainsi que le titre et la description, il est préférable d'utiliser la mise en page 6 qui présente l'image en haut et le contenu en dessous.
Note: La conception des mises en page de bannière 1 à 5 est définie pour s'adapter à l'image d'arrière-plan en tant que remplissage. Par conséquent, les images à plus haute résolution seront tronquées sur tous les appareils.
Si vous souhaitez que les images de la bannière s'affichent dans leur intégralité, nous vous recommandons d'utiliser la mise en page 6.
Taille des images du projet
La section Projets est très riche en termes de présentation. Les options ci-dessous indiquent les dimensions exactes des images selon les mises en page indiquées dans les captures d'écran.
Note : 1. Le ratio des images sur les fiches de projet s'affiche de manière différente selon le type d'écran. Par exemple : L'écran du portable étant plus petit que celui de l'ordinateur, l'image du projet peut être tronquée. Dans ce cas, nous vous recommandons d'éviter d'avoir du texte ou des informations sur l'image et d'utiliser uniquement des images décoratives dans cette section.
2. La taille suggérée n'est qu'une recommandation. Elle ne correspond pas toujours exactement à la réalité et dépend des titres du projet et des widgets, ainsi que de la taille du contenu et des boutons.
Option 1
Il s'agit des dispositions 1 & 3 de la section des projets.
La dimension recommandée est de 200px de largeur et 235px de hauteur.
Option 2
Ceci est pour la disposition 2.
La dimension recommandée est de 488px de largeur et 192px de hauteur.
Option 3
Ceci est pour les dispositions 4, 5 et 6.
La dimension recommandée est de 488px de largeur et 262px de hauteur.
Option 4
Il s'agit de la disposition 7 de la section des projets.
La dimension recommandée est de 488px de largeur et 188px de hauteur.
Option 5
Cette option concerne les deux dispositions 8 et 9.
Grande tuile : Les dimensions recommandées sont de 698px de largeur et 820px de hauteur, et pour les plus petites tuiles, 385px de largeur et 328px de hauteur.
Note: Nous ne supportons plus la section transparente au bas des grandes cartes de projet.
Option 6
Il s'agit des deux dernières mises en page, c'est-à-dire 10 et 11.
Les dimensions recommandées sont de 310px de largeur et 195px de hauteur
Tailles des images en vedette
La section Featured de l'éditeur d'apparence ne propose que quelques mises en page.
L'option 1 concerne les mises en page 1 et 2
Les dimensions recommandées sont de 1024px de largeur et 235px de hauteur
L'option 2 concerne la disposition 3.
La dimension recommandée est de 620px en largeur et 440px en hauteur.
Curseur Taille des images
Tout comme la section Featured, la section Curseur propose également quelques mises en page.
Option 1
Ceci est destiné à la disposition 1 du curseur.
La dimension recommandée est de 820px de largeur et 392px de hauteur.
Option 2
Il s'agit des dispositions 2 et 3.
La dimension recommandée est de 495px de largeur et 392px de hauteur.
Note: Les images de type Curseur et Bannière ont des paramètres différents. Les bannières ont l'option d'afficher la bannière complète, ce qui n'est pas le cas des curseurs.
Nous vous recommandons donc d'utiliser un curseur avec les informations clés dans le titre et la description du slider. L'image doit être générique et décorative, sans texte ni message important.
Le Logo du site
La taille recommandée pour le logo du site est de 150px de largeur et 50px de hauteur.
Contactez notre équipe d'assistance si vous avez besoin d'une aide supplémentaire via le chat ou le courriel support@engagementhq.com.