Procédure vidéo : Comment rendre vos extraits d’articles en page d’accueil plus attirants

Dans cette deuxième vidéo de la désormais célèbre "Procédure du Samedi" de Copywriting Pratique, je vais vous expliquer comment installer un plugin qui va vous permettre de rendre votre page d’accueil beaucoup plus sexy.

En effet, dans cet article, je vous disais qu’il était important de transformer la petite phrase utilisée partout "Lire la suite" en une phrase un peu plus active.

La diversité des thèmes rendait l’opération un peu ardue pour les moins expérimentés d’entre vous.

Heureusement, le plugin dont je vous parle ici règle tous ces soucis, en plus de mettre une photo à côté de votre extrait pour en faciliter l’abord.

 video002

Pourquoi est-ce important ?

En mettant une photo devant votre article, vous le rendez un peu plus "humain" et surtout un peu moins "littéraire".

En effet, quand une image est bien choisie pour représenter l’idée principale de l’article, alors cela met votre lecteur dans un état plus réceptif à ce que vous allez dire.

En outre, cela permet de scanner rapidement la page d’accueil en utilisant les images un peu comme les puces d’une liste.

Voici donc la procédure pour mettre une photo à côté de votre extrait d’article, et pour modifier facilement la phrase "Lire la suite" pour la rendre beaucoup plus génératrice de clics :

 

Pour télécharger le plugin Thumbnail For Excerpts modifié, cliquez ici

S’il y a des choses qui vous semblent obscures, ou que vous voulez que je vous précise quelque trucs que vous n’auriez pas compris, alors utilisez les commentaires pour le faire.

Devenez membre de Copywriting Pratique !

Si vous souhaitez :

  • Recevoir chaque nouvel article du blog directement dans votre boîte mail (si vous le souhaitez),
  • Avoir accès à des générateurs en ligne inédits (générateur de slogans, de noms de marques, d'accroches, un dico des synonymes avec une mise en situation, un formateur d'emails et même le fameux calculateur du Sympathomètre d'un texte),
  • Un guide qui vous explique comment trouver plus de 354 millions d’images gratuites et libres de droits...

Pour vous inscrire et avoir accès à tout ça, c'est facile : Indiquez votre prénom et votre email dans le formulaire ci-dessous :



Précédent

Comment j’ai gagné 400 euros et 5% de visiteurs en plus grâce à une grenouille…

Suivant

La vidéo du dimanche : Rien ne vous a préparé à ce que vous allez entendre !

  1. Bonjour Yvon,

    C’est superbe ce plugin et le tutoriel !

    Dès que j’ai le temps, je le mettrai en place pour mes blogs. Je ne connaissais pas l’astuce pour rajouter la balise p dans le texte en l’alignant ( j’écris toujours le texte dans l’onglet html et je mets moi-même les codes html comme je veux).

    Merci beaucoup, Yvon. :super:

  2. Comment dire Yvon, ton plugin modifié à la sauce « copy-pratique » c’est de la bombe, de la balle, de la boulette quoi !

    D’ailleurs, je me demandais comment tu faisais pour garder la mise en page de tes extraits. Ça marche également sur mon blog, mais c’est sans doute parce que je n’utilise pas de plugin pour ça.

    Vraiment, une vidéo agréable avec un outil super pratique. ;)
    Merci Yvon.

    • @Emilie :
      Merci pour ton commentaire sympa. Oui c’est bizarre wordpress pour ça. On pourrait croire que ça met autaumatiquement les balises, mais non :)

      @Clément :
      Merci à toi aussi !
      Tu veux dire que sur ton blog les extraits sont déjà formatés ?
      Ca doit être dû au thème que tu utilises j’imagine.
      Si tous les thèmes pouvaient reprendre cette fonctionnalité en standard, ce serait cool.
      Quoique ce serait moins facile de se démarquer :)

      Merci de ton intervention !

      • Oui, le thème prend en compte la gestion des miniatures en page d’accueil.
        Pour les extraits, j’utilise simplement la balise « more » et j’ai modifié la petite phrase « lire la suite » dans le code, là où tu me l’avais indiqué.

        Ce serait encore mieux si tout pouvait se faire automatiquement, mais là au moins je suis sûr que ça fonctionne.

        Ce qui est bien avec ton plugin, c’est qu’on peut personnaliser comme on veut, en quelques clics. Et on peut choisir une image par défaut.

        Tout ça donne bien envie de l’utiliser !

  3. Bonjour Yvon

    J’adore le samedi !!!
    Tes vidéos sont toujours instructives et très pertinentes.
    Je vais de ce pas installer ce plugin (très bien modifié) sur mon blog.

    Encore merci

  4. Coucou tout le monde,

    Moi j’ai un souci, mon thème ayant déjà la photo, le problème est le suivant :
    Si j’active le plugin pour modifier la phrase du clic, je me retrouve avec 2 photos.
    Maître Yvon, y a-t-il une solution ?

    Marie-Do padawan

  5. @Karim : Tu parles de la photo par défaut ? Si c’est le cas, alors le code actuel ne le permet pas non.

    Par contre, à chaque fois que tu auras une image dans le corps de ton article, alors l’image de l’extrait en page d’accueil correspondra bien sûr. Comme ce qui se passe avec ce blog.

    Mais je pense que tu parles de la photo « par défaut ».

    @Thierry : Bienvenue ici, et merci pour ce premier commentaire sympa.

    @Marie Do : Tout ceci est bien ennuyeux. C’est sur ton blog Ado Mode d’emploi que ça arrive ? Si c’est le cas, je dois charger ton thème et le tester sur mon blog test pour essayer de régler le souci.

    Je reviens ;)

  6. Alors Marie-Do…

    Pour corriger ton souci, il faut que tu cliques sur le menu « Options de Graphène » qui se trouve dans le bloc menu « Apparence ».

    Ensuite tu vas sur l’onglet « Affichage » et tu ouvres l’onglet « Options d’affichage des résumés ». Et là tu décoche toutes les cases.

    Ensuite tu valides les modifications en cliquant sur le bouton bleu « Sauvegarder les options ».

    Et normalement tout fonctionne :)

    Tiens moi au courant.

    Yvon

  7. Ca a l’air très bien ce plugin modifié.
    J’ai déjà la version d’origine sur mon blog, mais je vais installer la tienne, le visuel est bien meilleur.

  8. Excellent Plugin que j’ai aussi « trituré » pour des blogs …
    j’ajouterai juste qu’il faut faire attention quand il y a une mise à jour d eplug-in et qu’on a « modifié » certains .. car la MAJ effacera vos modifications donc si pas de sauvegarde et si vous savez plus ce que vous avez fait, sauvegardez tout avant ! ;-)
    Cela vous évitera de perdre du temps inutilement !

  9. Bonjour Yvon

    Merci pour cette vidéo très utile et très bien faite.
    Je ne peux que t’encourager dans cette voie des vidéos hebdo.
    Merci pour le plugin rectifié que j’ai mis en place sur mon blog.

    Thiery

  10. Bonjour et merci pour cette vidéo.

    Moi j’utilise un autre Plugin qui fait la même chose, mais qui ne respecte pas la mise en forme de mon article, même si je le fait. J’ai essayé d’installer ce plugin-là, mais mon site à beugué.

    Ma question est donc : C’est quoi le bout de code qu’il faut ajouter pour que la mise en page s’affiche sur la Home page. (le site en question : http://www.seductionbykamal.com)

    Merci pour ton aide ;)

    • Bonsoir

      Ha désolé, il était passé à l’as ce commentaire.

      Il suffit de dire au plugin qu’il n’enlève pas les balises « strong » et « em » et « a href »
      Dans la version modifiée du plugin que je recommande ici, c’est fait.
      donc il suffit de le télécharger et de prendre le bout de code concerné.

      Yvon

      • Bonsoir Yvon,

        C’est sûr qu’il est super ce « Thumbnail For Excerpts ». Seulement ça fait plusieurs jours que le galère avec, et que je rage de ne pouvoir l’activer sur mes deux blogs.

        Ca me met une pagaille monstre; je m’explique :

        – Sur http://www.plantes-medicinales-sante.com le plugin ne tiens pas compte où j’ai placé la balise « more. Et aussi sur ma page d’accueil qui est en fait un article que j’ai mis en avant, le texte est tronqué et un magnifique « lire la suite » apparait.

        Dans les extraits d’articles, au bout du 4ème, tout est en gras.

        – Sur http://www.sommeil-infos.com c’est pareil pour la page d’accueil. De plus comme j’ai pas mal d’articles sans photos, il y a du boulot. Car le plugin me prend mes bannières et me les place comme des extraits de photos.

        Bref, une belle pagaille. Seul point positif, le texte de ma page d’accueil devient formaté correctement avec ce plugin sur Internet Explorer, ce qui n’était pas la cas avant.

        Bonsoir à tout le monde,

        Christian

  11. claire

    Bonjour Yvon,

    J’aurais aimé savoir comment peut-on régler la longueur de l’extrait affiché en page d’accueil (parce que pour moi il est très long) ? Y a-t-il un nombre de caractères à indiquer quelque part?
    Je te remercie d’avance pour ta réponse.

    • Salut Claire

      Tu dois aller dans le menu « Extensions » + « Editeur »

      Une fois sur cette page, tu choisis le plugin « Thumbnail for excerpts » dans le menu déroulant en haut à droite.

      Le fichier à afficher est thumbnailforexcerpts.php

      Une fois que le code s’est affiché, tu vas chercher la ligne où il y a écrit ça :

      $excerpt_length =

      Devant normalement, tu dois avoir écrit 75. Ca veut dire que ça affiche 75 caractères. A toi de mettre le nb de caractères que tu veux.

      Une fois que tu as fait ça, tu peux enregistrer tes modifications en cliquant sur le bouton bleu tout en bas du code.

      Bonne journée

      Yvon

      • claire

        Génial, ça a marché. :D
        Un grand merci pour ta réponse et ces explications super claires.
        :super: :super: :super:
        (je ne tarie pas de smiley ;) )

        Bonne soirée

  12. johnne22

    Salut Yvon,

    Je suis trop triste… ton travail est super, tu as modifié ce plug pour qu’il répondre totalement à tes souhaits (et donc au notre) et tu nous le mets à notre disposition !

    Mais après avoir lu tous les commentaires, chez moi rien n’a changé… est ce qu’il faut attendre un moment avant que ça fonctionne sur le blog.
    Le pluging est bien installé, j’ai éffectué tous les réglages que tu préconises, mais rien sur mon blog… Je pense que mon thème est trop vieux pour ça !

    :-?

    • Bonsoir Yvon,

      J’ai pu faire le constat que mon thème posait des problèmes avec ce plugin !

      J’ai donc changer de thème ! :-)

      J’ai une petite question à te poser, si c’est encore possible car je pense que tu as beaucoup de travail et pas forcement l’envie de revenir sur ce plugin… mais je tente tout de même ma chance :-P

      Comment fais-tu pour modifier la couleur et le style sur « Cliquez ici pour lire la suite » ?

      Merci ;)

  13. Salut Yvon,
    L’extension que tu propose est géniale et cela fait longtemps que cherchais un moyen sympa pour présenter mon blog.
    J’ai malgré tout un petit souci seul une photo sur deux apparait sur ma page d’accueil!
    Peux-tu me donner un coup de main?

    • Salut Gérald

      Ton souci vient du fait que tu emploies des liens Amazon avant l’image. Ca doit tout chambouler dans le plugin car il doit y avoir une interaction avec Amazon. Essaye de virer ces liens et mets-les après, ça rentrerait peut-être dans l’ordre.

      Yvon

      • Salut Yvon,
        J’ai testé avec mon article « Agissez maintenant! défi#1: ».
        Après suppression des liens amazon, rien ne ce passe :(
        C’est dommage ce plugin est vraiment génial.
        J’ai essayé aussi la version non modifiée et j’ai le même souci.
        Si tu as une autre piste…?

  14. Bonjour Yvon,

    Merci beaucoup pour ce plugin et l’explication comment l’installer. Mon blog a été embelli grâce à toi.

    Bon dimanche.

    Pierre

  15. Merci beaucoup pour cette vidéo,c’est juste ce dont j’avais besoin pour mon blog.

  16. Michel

    Ca fonctionne très bien, sauf…

    Sauf que ça me fait sauter ma lettrine (normal) mais également la lettre qui est mise en lettrine…

    Donc, dans tous les extraits, il me manque la première lettre.

    J’ai désactivé en attendant la solution …

  17. Hello Yvon,
    Merci pour cette procédure qui, comme toutes les autres depuis plus d’un an maintenant, sont toujours agréables, pertinentes et très pratiques.
    Au fait, bon anniversaire au blog !

    PS : J’ai une petite question :
    Comment fais-tu pour avoir des lettrines si jolies intégrées en CSS. Pourrais-tu nous (me) faire un petit tuto là-dessus ?
    Merci d’avance !

    Tarik HANNANE

    • Bonjour Tarik

      Cette création est une créa perso. Voilà pourquoi je n’en ferai pas de tuto. Merci de ton intérêt néanmoins ;)

      Bonne soirée

      Yvon

      PS : Merci ;)

      • Re-Salut Yvon,

        Même pas en privé ?

        Allez… s’il te plaît..

        La Réussite n’a de Saveur que si elle Partagée !

        Qu’en penses-tu ?

        Mon mail : contact@action-web-formation.com

        PS : Merci d’avance. A charge de revanche ;-)

        • Salut Tarik

          Il est certaines choses que je ne partage pas. Si tu parcoures la toile, tu verras déjà beaucoup de blogs qui ressemblent au mien parce que justement j’ai donné et expliqué comment faire 95% de ce que je fais ici au travers de mes procédures du samedi. La lettrine perso n’en fera pas partie.

          Bonne journée

          Yvon

          • Salut Yvon,

            Je me contenterai donc des 95% en te remerciant fortement. Tu fais partie de ceux que je suis avec une grande attention et tes enseignements m’ont déjà été hyper utiles.

            Donc un grand merci pour les 95% que tu nous donne. C’est déjà top super.
            Quant à la lettrine, il va falloir que je me décarcasse… mais j’y arriverai (eh oui, j’aurais aimé gagner du temps).

            Peut-être faut-il que je cherche comment affecté une image à une lettre majuscule en CSS… Bref, la réflexion est ouverte ;)

            Bonne continuation et encore une fois, j’espère que tu continuera à nous former cette année comme tu l’a fait l’année dernière.

            Tarik

  18. leheurteur

    Bonsoir

    J’ai téléchargé le plugin avec filezilla, comme indiqué dans la vidéo, mais lorsque je vais voir dans les extensions installées, il n’apparaît pas ?

    Auriez vous une solution à mon problème ?

    Cordialement

    sylvain

  19. Bonjour Yvon,
    Et bien voilà, c’est fait installé ! Avec tes vidéos, j’appréhende à chaque un peu moins de « trifouiller » dans les lignes de codes et dans le tableau de bord de WP !
    Tu es très pédagogue dans tes explications et elles sont très agréables et accessibles !
    Bonne journée
    Caroline
    ps : j’ai pourtant ajouté l’adresse de mon blog chez toi, mais bon, il n’apparaît pas bouhouou :(
    Peut-être suis très blonde ? :hin:

    • Re bojour Yvon,
      Tu dois te dire  » mais c’est pas vrai, elle est encore à râler ! :) »
      Bon, j’ai tout installé comme tu l’as indiqué, seulement, sur mon thème, tout fonctionne correctement uniquement sur la page d’accueil, lorsque je vais dans les archives, les accueils d’articles apparaissent sans photo !
      Help ! comment faire ? Merci de me donner un coup de mains !
      Ah aussi, les smiles apparaissent en bas de la page de l’article dans l’admin, mais pas ils ne sont visibles sur le blog lui-même pour les autres !
      Punaise qu’est-ce que je rame !
      A très bientôt, Yvon merci :-?

      • Bonjour Caroline

        Il est super difficile de résoudre des soucis liés à un thème choisi.
        Chaque thème a ses propres fichiers, et c’est carrément impossible de renseigner qui que ce soit sans avoir le thème en question.
        Donc c’est quoi ton thème ?

        Bonne journée

        Yvon

    • Bonjour Caroline

      Hé bien si il apparait bien ton blog :)
      Et il est même bien sympa :)

      Bonne journée

      Yvon

      • Merci pour le compliment Yvon :red:
        Mon theme c’est Daily Note. Même si il est sympa, j’ai le sentiment qu’il n’est pas très facile a « customiser »..
        Merci Yvon :)
        Bonne journée aussi !
        Caro.

  20. afp

    Bonjour,

    J’ai découvert ton blog il y a quelques jours conjointement à la création de mon blog. Heureusement qu’il y a des sites comme le tien pour aider à s’y retrouver
    Tout d’abord, un tout grand merci pour la richesse de ton blog, quelle aide précieuse !

    Et donc, je mets en pratique, non sans mal n’y connaissant rien en CSS, PHP et autres en visionnant toutes tes procédures.
    Tu risques d’avoir pas mal de questions et commentaires de ma part au fur et à mesure de mon avancement ;-)

    Ici, cela ne fonctionne pas, il me semble que j’ai tout bien fait mais ?
    Je suppose que l’on peut rajouter ses propres photos (.png) dans le dossier du pluggin …
    Mon thème est « Education Child »
    Une idée ?

  21. Bonjour Yvon,
    Merci pour ce plugin trop sympas.
    J’ai un petit problème c’est que quand je l’active il’ya un mot « strong »
    qui s’affiche en haut a droit de la page, ça me dérange en plus cela dérange mon flux RSS qui me dit que le XML c’est pas valide
    voici le lien de la page d’accueil.
    http://entreprenarea.com/

  22. Super plugin! Merci, je cherchais pendant de longues heures comment faire et là en un seul clic! Merci :super: ;)

  23. Bonjour,

    j’ai installé cette extension. Mais, j’ai 3 articles dans lequel j’ai 2 photos et 2 liens « cliquez ici pour lire la suite ». Mon thème est bouquet. Comment faire pour avoir qu’une image et 1 lien? Merci

    Cordialement

    Emmanuelle

Laisser un commentaire

;) :super: :red: :hin: :haha: :evil: :cry: :coeur: :cafe: :beer: :D :?: :-z :-x :-o :-P :-? :) :( 8))

Créé et géré avec par Yvon CAVELIER