Élément de bloc de texte

Ajoutez l'élément Bloc de texte sur votre page

L' Bloc de texte est un élément essentiel fourni par GemPages. Il vous permet d'afficher du texte sous forme de longs paragraphes ou de phrases concises sur votre page. 

Pour ajouter l'élément à votre page, veuillez suivre les instructions ci-dessous :

Étape 1: Dans le Tableau de bord GemPages, cliquez sur votre page préférée pour entrer dans l'éditeur.

Étape 2:Dans l'éditeur, faites simplement glisser et déposez le Bloc de texte élément (étiqueté comme paragraphe) à l'emplacement de votre choix sur la page. 

Étape 3: Saisissez le texte souhaité dans l'élément Bloc de texte.

Étape 4: Pour personnaliser le format du texte dans GemPages, utilisez le Barre d'outils de l'éditeur de texte qui apparaît lorsque vous mettez votre texte en surbrillance. Il propose diverses options de formatage pour améliorer l'attrait visuel de votre contenu.

Cliquez sur le bloc de texte élément, et les options de configuration sont révélées dans la barre latérale gauche, y compris le Paramètres Avancé onglets.

Configurer les onglets de paramètres

Style de texte

À ce stade, vous pouvez affiner la typographie du texte. Voici les options disponibles :

• Styles:Sélectionnez votre style souhaité parmi les options prédéfinies, qui incluent 6 styles de titre et 3 styles de paragraphe.
• Fonte: Choisissez la police que vous souhaitez utiliser pour le texte dans ce bloc de texte. Si vous souhaitez utiliser une police qui n'est pas répertoriée, vous pouvez vous référer aux instructions fournies sur comment ajouter une police personnalisée dans Editor v7.
• Taille: Ajustez la taille de la police en spécifiant une valeur en pixels. GemPages prend en charge le design adaptatif, ce qui signifie que vous pouvez ajuster la taille de la police séparément pour ordinateur de bureau, tablette et mobilePour ce faire, accédez simplement à la vue de l'appareil à modifier à l'aide des icônes en haut de l'éditeur GemPages. Toute modification de taille de police effectuée dans cette vue s'appliquera uniquement à cet appareil.
• Couleur:Modifiez la couleur du texte selon vos préférences.

Cliquez sur le Afficher plus bouton pour révéler plus d'options de personnalisation. 

• Épaisseur de la police : Choisissez le poids de police souhaité dans le menu déroulant fourni, de Fin à Noir.
• Hauteur de la ligne: Ajustez la hauteur du texte en spécifiant une valeur de pourcentage (100 %, 120 %, 130 %, 150 % ou 180 %) ou en saisissant un nombre exact.
• Espacement des lettres : Modifiez l'espacement entre les lettres en saisissant une valeur en pixels.
• Transformer: Transformez le texte de l’une des manières suivantes :
  • Aucune transformation appliquée.
  • Majuscules (AA) : convertir tout le texte en majuscules.
  • Mettre en majuscule (Aa) : Mettre en majuscule la première lettre de chaque mot.
  • Minuscules (aa) : convertir tout le texte en minuscules.
• Ombre: Vous pouvez ajuster l'ombre de l'élément de bloc de texte pour apporter un meilleur visuel à votre page.

Taille

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Taille section, vous pouvez configurer la largeur et le remplissage du bloc de texte :

Largeur: Ajustez la largeur de l'élément Bloc de texte sur la page :

• Contenu adapté: Largeur automatique en fonction du contenu à l'intérieur.
• Plein: Étire l'élément à 100 % de la largeur du conteneur, permettant à votre contenu de s'afficher en pleine largeur.
• Réglage par défaut:Corrigé à 1200px.

Rembourrage: ajoute un espacement intérieur entre le texte et les bords du conteneur de bloc de texte. 

Présentation

Couleur: Définissez la couleur d'arrière-plan du bouton.

Image(s)Téléchargez ou sélectionnez une image d'arrière-plan. Personnalisez-la avec :

• Scale: Couvrir, Contenir ou Auto
• Poste: Définir l'alignement de l'image (centre, en haut à gauche, etc.)
• Répéter: Activer/désactiver les paramètres de répétition
• L'attachement: Choisissez entre Défilement ou Fixe
• SEO: Ajoutez du texte alternatif et un titre d'image pour l'accessibilité et le référencement
• pré-charge: Activer le préchargement pour améliorer Largest Contentful Paint (LCP)

Forme

Stylisez le conteneur d'images avec des améliorations visuelles pour mieux correspondre à votre conception :

• Frontière:Ajouter une bordure autour de l'image. Personnaliser :
  • Couleur: Choisissez n'importe quelle couleur HEX
  • Grosor: Définir la valeur du pixel
  • Style de trait: Plein, pointillé ou en pointillé
• CORNER: Arrondissez les coins de l'image en ajustant le rayon de la bordure.
• Shadow: Ajoutez un effet d'ombre pour donner de la profondeur ou une séparation avec l'arrière-plan. Configurer :
  • Type:Extérieur, intérieur ou centré
  • Direction :Contrôler l'angle de l'ombre
  • Couleur, Distance, tache et Taille

Aligner

Ce paramètre vous permet de déterminer la manière dont le texte est positionné sur votre page. Vous avez le choix entre trois options : aligné à gauche, centré et aligné à droite.

Note: L'alignement horizontal est désactivé lorsque la largeur est définie sur 100 % ou plus. 

Configurer l'onglet Avancé

Pour styliser l'apparence de l'élément, veuillez accéder à l' Avancé onglet et suivez les instructions dans ceci. article.

Utilisation du texte Metafield dans un bloc de texte

Si vous travaillez avec Contenu basé sur les métachampsVous pouvez intégrer le code Metafield directement dans l'élément Bloc de texte.

Ceci est particulièrement utile lorsque vous souhaitez que le texte change dynamiquement en fonction des données du produit, de la collection ou de la page.

Pour ce faire, il suffit de coller la variable ou le code du champ méta dans la zone de contenu du bloc de texte. Le bloc de texte affichera alors la valeur du champ méta sur la page.

Questions fréquentes

Comment déplacer une zone de texte dans GemPages ?

• Cliquez et maintenez le bouton de la souris enfoncé sur l'élément Bloc de texte.
• Faites-le glisser vers une nouvelle position.
• Relâchez l'élément lorsque vous voyez l'indicateur de placement bleu.