Appel

L’appel peut être confondu avec l’Appel à l’action. La différence entre les 2 est que le bouton n’est pas obligatoire avec l’appel contrairement à l’appel à l’action. L’appel peut être composé d’une image ou d’une icône, d’un titre, d’une description et d’un bouton selon vos besoins. Le but de l’appel est d’attirer l’attention sur un sujet important.

Une fois l’élément “Appel” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

• En-tête : Tapez le texte voulu, c’est le titre de votre élément.
• Texte : Tapez le texte voulu, c’est la description. Écrivez votre texte normalement comme si vous écriviez dans votre logiciel de traitement de texte. Vous pouvez travailler le style du texte en utilisant les différentes options de l’éditeur.

N’oubliez surtout pas de sauvegarder vos changements.

Style

Structure

• Alignement général : Centre, Gauche, Droite
• Structure du titre
  Balise titre : h1, h2, h3, h4, h5, h6. Ajuste la grandeur du texte selon les spécifications du thème choisi.Grandeur de l’en-tête : Par “Défaut” ou “Personnalisé”, si vous choisissez “Personnalisé”, il vous faudra alors choisir la taille de l’en-tête en pixel. En choisissant “Personnalisé”, vous décidez de ne pas tenir compte de la balise.

N’oubliez surtout pas de sauvegarder vos changements.

Image

• Type d’image : Aucune, Photo, Icône
• Photo : Choisissez votre image à partir de la médiathèque, sélectionner une grandeur par défaut.
• Recadrage : Choisissez parmi 6 types de recadrages : Aucun, Paysage, Panorama, Portrait, Carré, Cercle.
• Position : Choisissez parmi 4 choix : Avant l’en-tête, Après l’en-tête, À gauche du texte et de l’en-tête,  À droite du texte et de l’en-tête.

N’oubliez surtout pas de sauvegarder vos changements.

Appel à l’action

• Lien: Indiquez l’adresse URL ou choisissez une page de votre site et choisissez si vous désirez que le lien ouvre dans la “Même fenêtre” ou une “Nouvelle fenêtre”.
• Appel à l’action : Choisissez entre : Aucun, Texte ou Bouton.
  Texte : Indiquez le texte que vous désirez afficher.
• Bouton
  Texte : Tapez le texte voulu.
  Icône du bouton: Choisissez une icône parmi celles proposées dans la liste. Si vous n’en choisissez pas, aucune icône ne s’affichera.
  Position de l’icône : L’icône peut être placée avant ou après le texte.

Couleurs

• Couleur d’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur du bouton.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Couleur pour survol de l’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur donnée au bouton lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
• Couleur pour le survol du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.

Style

• Plat : Affiche une couleur pleine.
• Dégradé de couleur : Affiche un dégradé de couleur généré automatiquement à partir de la couleur de l’arrière-plan du bouton.
• Transparent : Donne l’option de l’épaisseur de la bordure ainsi que le degré d’opacité de l’arrière-plan.

Structure

• Largeur : Configure la dimension du bouton.
  Auto : Grandeur par défaut.
  Pleine largeur : S’adapte à la largeur de la colonne.
• Taille de la police : Choisissez la taille en pixel, la taille de la police. La hauteur du bouton s’ajustera à la taille de la police.
• Marges intérieures : Choisissez en pixel, l’espace séparant le texte des extrémités du bouton en hauteur et l’espace minimum en largeur.
• Coins ronds : Choisissez la taille en pixel, la grosseur des coins ronds du bouton. Plus le chiffre est grand et plus le coin est rond.

N’oubliez surtout pas de sauvegarder vos changements.

Avancé

• Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
• Présentation adaptative
  La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
• Animation
  Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
  Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
• Sélecteur CSS
  Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.