L’inspecteur Disposition

‍Le panneau Disposition, le menu Disposition et la barre de formatage sont vos outils pour gérer la superposition des éléments..

‍Les éléments sont affichés dans l'ordre où ils ont été ajoutés au projet. Cet ordre n'a pas d'importance si les éléments ne se chevauchent pas. Cependant, lorsque le chevauchement se produit, vous devez contrôler le placement.

‍Le bouton Arrière-plan déplace l'élément derrière tous les autres, tandis que Premier plan l'amène au premier plan. Reculer déplace l'élément d'un pas en arrière dans la superposition (échangeant sa position avec l'élément suivant), tandis qu'Avancer le déplace d'un pas en avant (échangeant sa position avec l'élément précédent).

‍Le nom du calque est affiché dans le panneau des calques, vous aidant à sélectionner les éléments et à comprendre la mise en page de la page. Il est fortement recommandé de donner à vos calques d'éléments un nom significatif pour vous aider à les identifier dans le panneau des calques.

‍Le paramètre Pleine largeur de page peut être utilisé pour les boîtes, les galeries, les cartes, les vidéos et les éléments d'intégration, les étendant au-delà des marges de la page pour un effet de fond perdu.

‍Le paramètre Verrouiller empêche un élément d'être déplacé sur le canevas et le supprime des sélections multiples dans de nombreuses circonstances.

‍Le paramètre Afficher sur cet appareil bascule la visibilité de l'élément sur l'appareil actuel, utile pour les configurations multi-appareils.

‍Les éléments peuvent être redimensionnés en spécifiant la largeur et la hauteur souhaitées dans le volet de l'inspecteur Disposition ou en utilisant les poignées sur les bords et les côtés. Maintenir la touche Maj enfoncée tout en faisant glisser préserve le rapport d'aspect de l'élément.

‍Les éléments peuvent être déplacés en spécifiant la position horizontale et verticale souhaitée dans le volet de l'inspecteur Disposition ou en les faisant glisser directement. Maintenir la touche Maj enfoncée tout en faisant glisser contraint le mouvement sur les axes horizontal, vertical ou diagonal.

‍La plupart des éléments peuvent être tournés via un paramètre de rotation dans le volet de l'inspecteur Disposition.

‍Habillage du texte

‍Après avoir ajouté une image sur le canevas, vous pouvez définir des options d'habillage du texte pour contrôler la façon dont le texte s'écoule autour de l'image. Cette fonctionnalité n'est pas limitée aux images ; elle fonctionne avec n'importe quel élément du canevas. Par défaut, l'habillage du texte est désactivé, de sorte que le texte chevauchera l'élément ou se retrouvera en dessous.

‍Le paramètre "Au-dessus et en dessous" maintient le texte au-dessus et en dessous de l'élément. La désélection de cette option permet au texte de s'écouler autour de l'élément.

‍Le paramètre "Rectangle" fait en sorte que le texte s'enroule autour du cadre contenant l'élément sur le canevas.

‍Le paramètre "Contour" Si vous avez une image avec un arrière-plan transparent, cocher cette option fera en sorte que le texte s'enroule autour de l'image. La transparence de l'image a souvent plusieurs niveaux, représentés par une plage de 0 à 1 dans Sitely. Vous pouvez contrôler jusqu'où le texte se chevauchera avec un dégradé de transparence avec le curseur Alpha.

‍L'habillage du texte tient également compte de la rotation des éléments et de l'arrondi des coins des images ou des boîtes, permettant une mise en page créative du texte même sans images transparentes.

‍Pour une mise en page visuellement agréable, le texte doit être étroitement aligné autour de l'élément. Par exemple, le texte aligné à gauche fonctionne mieux avec une image à gauche, et le texte aligné à droite fonctionne mieux avec une image à droite.

‍Visibilité

‍Le paramètre de visibilité de Sitely assure un affichage cohérent des caractéristiques communes des pages sur l'ensemble du site Web pour une cohérence visuelle. Vous pouvez afficher l'en-tête de la page, l'élément de navigation ou le pied de page de manière cohérente sur toutes les pages du site ou simplement dans une section.

‍Lorsqu'un élément est visible sur plusieurs pages, il reste entièrement modifiable dans toutes. Le regroupement d'éléments et la visibilité du groupe sur plusieurs pages est une astuce utile.

‍La visibilité multi-pages s'applique à toutes les propriétés, y compris la position. Le paramètre Suivre le pied de page est particulièrement utile, ancrant un élément au bas de la page pour un pied de page commun sur des pages de hauteurs différentes.

‍Le paramètre Déplacer avec le bas de la page fait en sorte que les éléments se déplacent avec la poignée du bas de la page, ajustant leur position sur des pages de hauteurs différentes.

‍Intégration de code avancée

‍Si vous avez activé l'option correspondante dans les paramètres divers du site, vous trouverez une section supplémentaire en bas de l'inspecteur de disposition. Cela vous permet d'entrer un attribut id HTML pour l'élément, utile pour le ciblage d'éléments via Google Tag Manager ou l'intégration de code via JavaScript.