Le bloc Titre vous permet d'ajouter des titres stylisés à n'importe quelle page SeedProd. Que vous ayez besoin d'un titre H1 en gras pour votre section principale ou d'un titre H4 plus petit pour introduire une section de contenu, le bloc Titre vous offre un contrôle total sur le texte, le niveau HTML, le lien et les paramètres typographiques.
Contrairement au texte brut, les titres créés à l'aide de ce bloc prennent en charge le formatage de texte enrichi, les liens facultatifs, les variables de texte dynamiques et les contrôles de taille et d'alignement des polices 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 référencement.
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 et déposez 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 : saisissez le texte de votre titre à l'aide de l'éditeur de texte enrichi. Prend en charge les formats gras, italique, souligné, barré et couleur en ligne. Vous pouvez également insérer des variables de texte dynamique ou utiliser l'outil de génération de texte IA pour générer et affiner le texte de votre titre.
- Lien : vous pouvez ajouter une URL pour transformer le titre en lien cliquable. Cliquez sur l'icône des paramètres à côté du champ du lien pour afficher des options 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
rel="nofollow"attribut 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, au centre ou à droite. Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Taille de la police : définissez la taille de la police du texte du titre. Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Niveau : choisissez la balise 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 conserver une structure de document appropriée.
Étape 3 : Personnalisez le design
Dans l'onglet Avancé, vous pouvez personnaliser la typographie, la couleur et l'espacement de votre bloc Titre.
Styles :
- Typographie : ajustez la police, l'épaisseur, l'interligne, l'espacement des lettres et la transformation du texte du titre. Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Couleur : définissez la couleur du texte du titre à l'aide du sélecteur de couleurs.
- Ombre du texte : ajoutez un effet d'ombre au texte du titre. Choisissez parmi Aucun, Très fin, Petit, Moyen, Grand, Très grand ou 2 fois plus grand pour ajouter de la profondeur et mettre en valeur votre titre.
Espacement :
- Marge : contrôlez l'espacement extérieur autour de votre bloc Titre (haut, droite, bas, gauche). Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Remplissage : ajustez l'espacement intérieur de votre bloc Titre (haut, droite, bas, gauche). Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
Attributs :
- CSS ID : Affiche l'identifiant unique généré automatiquement pour votre bloc Headline, 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 à partir de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : ajoutez n'importe quel attribut HTML à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-de-l'attribut|valeur.
Visibilité des appareils :
- Masquer sur le bureau : masquer le bloc Titre sur les écrans de bureau.
- Masquer sur tablette : masquer le bloc Titre sur les tablettes.
- Masquer sur mobile : masquer le bloc Titre sur les appareils mobiles.
Effets d'animation :
- Animation d'entrée : choisissez un effet d'animation qui s'affiche lorsque le bloc Titre apparaît à l'écran, tel que Rebond, Fondu entrant, Zoom avant, Rotation vers l'intérieur, et bien d'autres encore.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc Headline et de personnaliser son apparence, veillez à enregistrer votre travail.
Vous avez ajouté avec succès un bloc Titre à votre page ! Des titres bien rédigés guident vos visiteurs à travers votre contenu, renforcent votre message et améliorent la structure de la page tant pour les lecteurs que pour les moteurs de recherche. Expérimentez avec les niveaux de titre, les paramètres typographiques et les animations pour créer des titres qui attirent l'attention et correspondent au style de votre marque.