Le bloc Titre vous permet d'ajouter des en-têtes stylisés à n'importe quelle page SeedProd. Que vous ayez besoin d'un H1 gras pour votre section principale ou d'un H4 plus petit pour introduire une section de contenu, le bloc Titre vous donne un contrôle total sur le texte, le niveau HTML, le lien et les paramètres de typographie.
Contrairement au texte brut, les titres créés avec ce bloc prennent en charge le formatage de texte enrichi, les liens optionnels, les variables de texte dynamiques et les contrôles de taille de police et d'alignement par appareil, ce qui en fait l'un des blocs les plus polyvalents pour créer des pages bien structurées et optimisées pour le SEO.
Ajouter le bloc Titre à vos pages
Suivez ces étapes pour ajouter un bloc Titre à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, faites glisser le bloc Titre dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Titre pour ouvrir ses paramètres. Dans l'onglet Contenu, configurez le texte du titre, le lien et la mise en page.
Titre :
- Texte : Entrez le texte de votre titre à l'aide de l'éditeur de texte enrichi. Prend en charge le formatage gras, italique, souligné, barré et en ligne. Vous pouvez également insérer des variables de texte dynamique ou utiliser l'outil de génération de texte IA pour créer et affiner votre texte de titre.
- Lien : Ajoutez éventuellement une URL pour faire du titre un lien cliquable. Cliquez sur l'icône des paramètres à côté du champ de lien pour afficher des options de lien supplémentaires.
- Ouvrir dans une nouvelle fenêtre : Cochez cette option pour ouvrir l'URL liée dans un nouvel onglet du navigateur.
- No Follow : Cochez cette option pour ajouter un attribut
rel="nofollow"au lien, indiquant aux moteurs de recherche de ne pas transmettre l'équité du lien à la destination. - Alignement : Définissez l'alignement du texte — Gauche, Centre ou Droite. Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Taille de police : Définissez la taille de police du texte du titre. Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Niveau : Choisissez la balise de titre HTML pour votre titre — H1, H2, H3, H4, H5 ou H6. Utilisez H1 pour le titre principal de votre page et des niveaux inférieurs pour les sous-titres afin de maintenir une structure de document appropriée.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez personnaliser la typographie, la couleur et l'espacement de votre bloc Titre.
Styles :
- Typographie : Ajustez la famille de polices, l'épaisseur de la police, la hauteur de ligne, l'espacement des lettres et la transformation du texte du titre. Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Couleur : Définissez la couleur du texte du titre à l'aide du sélecteur de couleur.
- Ombre de texte : Ajoutez un effet d'ombre au texte du titre. Choisissez parmi Aucune, Cheveux fins, Petite, Moyenne, Grande, Très grande ou 2x Grande pour ajouter de la profondeur et de l'emphase à votre en-tête.
Espacement :
- Marge : Contrôlez l'espacement extérieur autour de votre bloc de titre (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Rembourrage : Ajustez l'espacement intérieur de votre bloc de titre (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
Attributs :
- ID CSS : Affiche l'identifiant unique généré automatiquement pour votre bloc de titre, créé automatiquement par SeedProd pour un style personnalisé ou un ciblage JavaScript.
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : Ajoutez des attributs HTML à l’élément d’encapsulation du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur.
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc de titre sur les écrans d'ordinateur.
- Masquer sur tablette : Masquez le bloc de titre sur les appareils tablettes.
- Masquer sur mobile : Masquez le bloc de titre sur les appareils mobiles.
Effets d'animation :
- Animation d'entrée : Choisissez un effet d'animation qui se joue lorsque le bloc de titre apparaît à l'écran, tel que Bounce, Fade In, Zoom In, Rotate In, et bien d'autres.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc de titre et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Vous avez ajouté avec succès un bloc de titre à votre page ! Des titres bien conçus guident vos visiteurs à travers votre contenu, renforcent votre message et améliorent la structure de la page pour les lecteurs et les moteurs de recherche. Expérimentez avec les niveaux de titre, les paramètres de typographie et les animations pour créer des titres qui captent l'attention et correspondent au style de votre marque.