Mis à jour dans Sparkle 2.8

In English

Auf Deutsch

In Italiano

L'inspecteur Organiser

‍Le panneau Organiser de l’inspecteur, le menu Organiser et les contrôles de la barre de format vous permettent de gérer la superposition des éléments.

‍Les éléments sont dessinés dans l'ordre dans lequel ils ont été ajoutés au projet. L'ordre de dessin n'est pas important si les éléments ne se chevauchent pas. En cas de chevauchement, vous devez contrôler la commande.

‍Le bouton Plan inf. amène l'élément derrière tous les autres, tandis que le bouton Plan sup. l'amène devant tous les autres. L'élément Arrière recule l’élément d'un plan dans la superposition (sa position est permutée avec l'élément suivant), tandis que Avant avance l'élément d'un plan (sa position est permutée avec l'élément précédent).

‍Le paramètre Page entière peut être utilisé pour les boîtes, les galeries d’images, les cartes et les éléments intégrés, pour les faire s'étendre au-delà des marges de la page, à fond perdu.

‍Le paramètre Suivre pied de page ancre les éléments à l’ancre inférieure de la page.

‍Le paramètre Verrouiller empêche le déplacement d'un élément sur le canevas et le supprime de la sélection courante dans plusieurs circonstances.

‍Le paramètre Voir sur cet appareil bascule la visibilité de l'élément sur le appareil actuel, à utiliser en conjonction avec les configurations multi-appareils.

‍Les éléments peuvent être redimensionnés:

  • ‍• en spécifiant la largeur et la hauteur souhaitées dans le volet Organiser de l'inspecteur;
  • ‍• en utilisant les ancres sur les bords et les côtés - maintenir la touche Majuscule enfoncée tout en glissant préserve le ratio des dimensions de l'élément, c'est-à-dire la proportion de largeur par rapport à la hauteur.

‍Les éléments peuvent être déplacés:

  • ‍• en spécifiant la position horizontale et verticale souhaitée dans le volet Organiser de l'inspecteur;
  • ‍• en les faisant glisser directement - maintenir la touche Majuscule enfoncée tout en faisant glisser contraint le mouvement à glisser sur les axes horizontaux, verticaux ou diagonaux.

‍La plupart des éléments peuvent être pivotés via un paramètre de rotation dans le volet Organiser de l’inspecteur.

‍Habillage du texte

‍Après avoir ajouté une image dans le canevas, vous pouvez définir les options d'habillage de texte pour contrôler la façon dont le texte va circuler autour de l'image. En fait, l'habillage de texte peut être utilisé pour n'importe quel élément du canevas, pas seulement pour les images. Par défaut, l'habillage de texte est désactivé, donc le texte chevauchera l'élément (ou finira sous l'élément).

‍Le réglage "Au-dessus et en dessous" garde les côtés de l'image nets, forçant le texte à éviter toute la bande horizontale à l'intersection de l'image avec la zone de texte.

‍Le paramètre "Rectangle" permet au texte d'éviter le cadre de l'élément, à peu près le cadre que vous voyez dans le canevas Sparkle.

‍Le réglage de "Contour" remplit les zones de l'image qui ne sont pas complètement opaques, donc si vous avez une image bitmap ou SVG avec des zones transparentes, le texte va habiller le contour du contenu de l'image.

‍La transparence de l'image semble souvent nette, mais il y a souvent une valeur de transparence multi-niveaux, Sparkle représente cela dans une gamme de 0 à 1, donc si vous avez un gradient de transparence, vous pouvez contrôler jusqu'à quel point le texte va se superposer. L'option de marge est toujours au-dessus des bords réels d'un élément, comme une zone de sûreté pour éviter que le texte ne s'approche trop du contenu.

‍L'habillage de texte tient également compte de la rotation de l'élément et de l'arrondi des coins de l'image (avec l'option Contour), ce qui vous permet de faire preuve de créativité dans la mise en page du texte même sans images transparentes.

‍Comme conseil pour la mise en page, l'habillage sera plus visible et plus agréable lorsque le texte est serré autour de l'élément, de sorte que le texte devrait éventuellement être aligné pour en tenir compte, si possible. Pour exemple, une image à gauche fonctionnera mieux avec du texte aligné à gauche, une image à droite fonctionnera mieux avec du texte aligné à droite.

‍Une note finale sur la bordure d'un bloc de texte se trouvant entièrement à l'intérieur d'un ensemble d'éléments configuré pour l'habillage de texte. Dans ce cas, le texte à l'intérieur ne sera pas affecté par les paramètres d'habillage du texte. Ceci vous permet de concevoir un élément qui contient du texte à l'intérieur mais force le texte autour de lui à s'envelopper.

‍Visibilité

‍Le paramètre de visibilité de Sparkle est essentiel pour aider à afficher certaines caractéristiques communes des pages du site Web de manière identique, pour une cohérence visuelle.

‍Vous pouvez afficher l'en-tête de page, un élément de navigation ou le pied de page de manière cohérente sur toutes les pages du site, ou peut-être simplement dans une section.

‍Lorsqu'un élément est visible sur plusieurs pages, il reste entièrement modifiable dans toutes les pages. Une astuce utile consiste à regrouper, par exemple, les éléments d'en-tête de page et à rendre le groupe visible sur plusieurs pages, au lieu de paramétrer la visibilité des composants d’en-tête individuellement.

‍La visibilité multi-pages s'applique à toutes les propriétés, y compris la position. Cela rend le paramètre Suivre le pied de page particulièrement utile, car en ancrant un élément au bas de la page, cela vous permet d'avoir un pied de page commun sur les pages de hauteur différentes.

‍Intégration avancée du code

‍Si vous avez activé l'option correspondante dans les Paramètres divers du site, vous trouverez une section supplémentaire au bas de l'inspecteur d'arrangement. Ceci vous permet de saisir l'attribut HTML id pour l'élément HTML principal qui constitue l'élément Sparkle. Cela dépend de l'implémentation et peut changer selon les principales versions de Sparkle. L'objectif principal est le ciblage d'éléments via Google Tag Manager, ou l'intégration de code via Javascript.

S'il vous plait, signalez toute lacune dans la documentation et nous la corrigerons dès que possible !

Copyright © 2019 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.