Documentation SeedProd

Documentation, matériel de référence et tutoriels pour SeedProd

Bloc de texte

Le bloc Texte vous permet d'ajouter et de modifier le corps du texte sur n'importe quelle page SeedProd. Il fournit un éditeur convivial pour rédiger et mettre en forme le contenu textuel, ce qui en fait le bloc idéal pour les paragraphes, les descriptions et tout contenu écrit sur votre page.

Le bloc comprend un éditeur WYSIWYG visuel ainsi qu'un éditeur HTML direct pour un contrôle total sur votre balisage. Vous pouvez ajuster l'alignement, la taille de la police, la couleur du texte et la typographie, et éventuellement insérer des balises de texte dynamiques pour personnaliser le contenu pour chaque visiteur.

Bloc de texte ajouté à une page SeedProd affichant un paragraphe du corps du texte

Exigences :Le bloc Texte est disponible dans toutes nosformules d'abonnement.


Ajouter le bloc de texte à vos pages

Suivez ces étapes pour ajouter un bloc de texte à votre page SeedProd :

Étape 1 : Ajouter le bloc

Sous Design > Blocs, glissez-déposez le bloc Texte dans la section souhaitée de votre page.

Faire glisser le bloc de texte sur une page SeedProd

Étape 2 : Configurer les paramètres de contenu

Une fois ajouté, cliquez sur le bloc Texte pour ouvrir ses paramètres. Dans l'onglet Contenu, vous trouverez les options suivantes :

  • Éditeur de texte : saisissez et mettez en forme votre contenu textuel à l'aide de l'éditeur visuel (WYSIWYG) ou passez en mode Édition HTML pour écrire directement le balisage. L'éditeur visuel prend en charge les options de mise en forme standard telles que le gras, l'italique, les liens et les listes.
  • Alignement du texte : définissez l'alignement horizontal de votre texte (à gauche, au centre, à droite ou justifié) à l'aide des commandes spécifiques à chaque appareil pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Taille de la police : ajustez la taille de base de la police pour le bloc de texte à l'aide d'un curseur.
  • Insérer du texte dynamique : insérez des balises dynamiques personnalisées dans votre texte, telles que le nom du visiteur, son emplacement ou des paramètres URL, afin d'afficher un contenu personnalisé pour chaque visiteur.
Onglet Contenu du bloc de texte affichant l'éditeur visuel, les options d'alignement et de taille de police

Étape 3 : Personnalisez le design

Dans l'onglet Avancé, vous pouvez personnaliser l'apparence visuelle de votre bloc de texte.

Styles :

  • Typographie : définissez la police, la taille, l'épaisseur, le style, l'interligne, l'espacement des lettres et la casse de votre texte.
  • Couleur : choisissez la couleur du texte.
  • Ombre du texte : appliquez une ombre au texte à l'aide des tailles prédéfinies (Aucune, Très fine, Petite, Moyenne, Grande, Très grande, 2 fois plus grande).
  • Ombre de boîte : appliquez une ombre au conteneur de bloc à l'aide de tailles prédéfinies.

Espacement :

  • Marge : définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des commandes indépendantes pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Remplissage : définissez l'espacement intérieur à l'intérieur du bloc wrapper sur les quatre côtés, avec des commandes par appareil.

Attributs :

  • Classe personnalisée : ajoutez une ou plusieurs classes CSS personnalisées à l'enveloppe du bloc pour un style ciblé.
  • Identifiant CSS : SeedProd génère automatiquement un identifiant CSS unique pour ce bloc. Vous pouvez l'utiliser pour référencer le bloc dans un CSS ou un JavaScript personnalisé.
  • Attributs personnalisés : ajoutez des attributs HTML personnalisés à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format clé|valeur.

Visibilité des appareils :

  • Masquer sur le bureau : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran d'ordinateur.
  • Masquer sur tablette : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran de tablette.
  • Masquer sur mobile : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran mobile.

Effets d'animation :

  • Effet de défilement : appliquez une animation déclenchée par le défilement au bloc, y compris les options de défilement vertical et horizontal avec des commandes de direction, de vitesse et de décalage de la fenêtre d'affichage.
  • Effet souris : appliquez un effet de parallaxe basé sur les mouvements de la souris au bloc.
Onglet Avancé du bloc de texte affichant les styles, l'espacement, les attributs et d'autres paramètres

Étape 4 : Enregistrez vos modifications

Une fois que vous avez terminé de configurer le bloc Texte et de personnaliser son apparence, veillez à enregistrer votre travail.


Vous avez ajouté avec succès un bloc de texte à votre page ! Un texte clair et bien formaté est l'un des éléments les plus importants d'une page efficace. Expérimentez avec la typographie, les couleurs et l'espacement pour créer des sections de texte faciles à lire et parfaitement alignées avec votre marque.

Articles connexes