Formation WordPress

Visual Subtitle : ajouter des sous-titres à vos articles

posté le par Jonathan | 10 commentaires | 409 vues | FavoriteLoadingAjouter à mes favoris

Les sous-titres peuvent être pratique pour révéler un contenu supplémentaire à vos lecteurs. L’extension Visual Subtitle est une solution rapide pour ajouter des sous-titres à vos articles.

Visual Subtitle vous permet d’inclure un texte qui sera une partie du titre de l’article, sauf qu’il est enveloppé dans une balise span, comme ceci:

<h1>Le titre de mon article <span class="subtitle">Mon sous-titre</span></h1>

Cela vous donne la liberté de personnaliser les sous-titre de votre thème. Assurez-vous d’ajouter la propriété {display: block;} à votre feuille de style pour séparer le sous-titre de votre titre principal.

Personnaliser votre sous-titre

Personnaliser votre sous-titre

Au niveau de la page d’ajout et d’édition d’un article, l’extension ajoute un encart « Visual Subtitle » pour vous permette d’ajouter votre sous-titre.

Encart pour ajouter votre sous-titre

Encart pour ajouter votre sous-titre

Enfin, dans l’administration des articles, le sous-titre est séparé par un pipe (|) et se distingue facilement du titre principal.

Les sous-titres sont précédés dans pipe (|)

Les sous-titres sont précédés dans pipe (|)

Tags :
Auteur : Jonathan
Actuellement en Master 1 Information Communication à Ingémédia, je m’intéresse depuis quelques années à différents aspects du milieu informatique qui m’ont vraiment séduits tels que la gestion de projet et la création de sites Internet.
Avatar de jonathan
Les commentaires 10 commentaires sur cet article
  1. Benoist le

    Une toute petite ligne de code php qui appelle un champ personnalisée fait exactement la même chose sans aucun plugin

    Avatar de
  2. Fabien le

    Euh… niveau SEO l’ami Gougueule prend parfois le contenu de la balise H1 en lieu et place de la balise Title
    On peut donc avoir dans les SERP « Another book … subtitle » c’est un peu moyen non ?

    Avatar de
  3. jonathan le

    @BENOIST : Ce plugin est destiné aux personnes qui n’ont pas de notions en programmation :)

    @ Fabien : Comme je l’ai précisé, c’est un plugin destiné aux personnes qui ne peuvent pas aller dans le code et faire des modifications eux-mêmes.

    Pour le problème de la balise title et H1, c’est la première que j’entends parlé de cas de remplacement.

    Avatar de
  4. Shazen le

    Bonjour,
    Je trouve ça pas tiptop non plus : je suis d’accord, ce genre de plugin s’adresse à des personnes qui n’ont pas de notion de programmation et justement, ces personnes vont penser que cela ajoute un sous-titre donc un élément bien distinct du titre, mais en fait non, c’est juste une partie du titre qui peut prendre un style différent.
    On va donc se retrouver avec des titres qui ne voudront plus rien dire, autrement que visuellement.

    Avatar de
  5. vallsymachinant le

    Bien vu les amis programmeurs … ! Cela porte à confusion surtout que quelqu’un qui ne s’y connais pas pensera bien faire et se retrouvera avec un titre incompréhensible ou presque sur google !

    Sinon plugin très sympathique. cela part d’une bonne intention et écrire à l’auteur pour lui faire part de ce problème serais judicieux non ?

    Avatar de
  6. mazé le

    Bonjour ! Après lecture des commentaires !
    « Alors quel est la petite ligne de code à écrire ? »
    Je suis curieux d’apprendre !

    Merci beaucoup
    Laurent

    Avatar de
  7. vallsymachinant le

    Salut Mazé, tout est bien expliqué dans le Codex WordPress : http://codex.wordpress.org/fr:Utiliser_les_champs_personnalis%C3%A9s

    Quand tu poste un article, tu as possibilité d’ajouter des champs personnalisés et de leurs accorder une valeur.

    Si tu as des questions n’hésite pas !

    Amicalement

    Avatar de
  8. mazé le

    Merci beaucoup ! je vais lire et essayer !
    Encore merci de m’avoir répondu !

    Laurent

    Avatar de
  9. zet le

    pour ceux avec un thème en html5, il serait mieux d’avoir ceci :

    Title
    Sous-titre

    Avatar de
  10. zet le

    bon sang pas moyen de poster des balises !!!! même en les encadrant par code
    donc (dernier essai)
    balise hgroup contenant h1 et h2

    Avatar de
Laisser un commentaire
Balises autorisées dans les commentaires: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Suivre les commentaires de cet article par E-mail