Cocktail Web

Actualité des outils du Web



Conseil : afficher une partie de l’article en page d’accueil, pour faciliter la lecture du blog

04/10/2008 ( Code is poetry ) 21 avis


Vous pouvez remarquez que sur beaucoup de blogs, la page d’accueil n’affiche qu’un extrait du texte de l’article et renvoie l’article complet vers la page unique (simple.php)

On peut faire ça de plusieurs manières la première sur wordpress est d’insérer la balise <!–more–> c’est que j’ai fait jusqu’à aujourd’hui. Cela dit la partie « articles relatifs » restait en première page et cela ne me plaisait pas.



mise en page de blog

Une deuxième technique est de modifier la partie design. Pour cela allez dans le « theme editor » de wordpress et  modifiez la page index.php qui est la page PHP qui s’affiche quand vous êtes sur la racine du blog (cf  http://roget.biz).

On a le choix entre montrer l’ensemble des articles ou un extrait (excerpt). J’ai changé justement le « content » en mettant le « excerpt » (cf le site de wordpress Codex.wordpress.org/Template_Tags/the_excerpt qui nous explique quand dans la loop (boucle qui permet d’afficher un à plusieurs billets)

Pour être simple, il faut changer le code « the_content » par « the_excerpt » dans index.php

On peut procéder à la même manipulation dans la page « archive.php » qui est la page qui s’affiche quand on clique dans une catégorie ou sur un tag.

Ne pas changer le code dans la page single.php

Il est également recommandé de le faire sur les résultats du moteur de recherche dans la page search.php, dans mon cas sur cette page j’ai carrément enlevé l’affiche du texte en ne laissant que le titre, car j’estime que c’est suffisant car mes titres sont longs et explicites. (jusqu’à preuve du contraire)

Pourquoi faire une telle manipulation? Cela permet au lecteur d’avoir un aperçu rapide du contenu du blog sans l’obliger  à actionner l’ascenseur de la fenêtre du navigateur ou la souris. C’est d’ailleurs pour cela qu’il faut absolument peaufiner les titres et le début des articles d’un blog. A cette fin l’excerpt reprend seulement les 55 mots de l’article. C’est donc dans ces 55 mots que le contenu doit inciter le lecteur à cliquer sur l’article et le lire dans sa totalité.

On peut référer ces 55 mots au  « lead » (en anglais) ou à l’amorce de l’article (en français). Dans wordpress on appelle cela le « teaser » (inciteur). Si on ne souhaite pas que le texte soit coupé au bout des 55 mots on peut toujours, dans la partie édition du texte, remplir la partie Excerpt. (version française : option avancée, extrait?) d’autant de mot qu’on veut faire afficher sur la page du blog.

resumé d\'un article de blog

Beaucoup de thème wordpress sont fournis de base avec l’excerpt et non le content c’est le cas des thèmes magazine surtout.

Conclusion, c’est une manipulation simple, mais n’y connaissant absolument rien en PHP, je m’étais un peu fait une montagne pour entreprendre un tel changement. A conseiller à tout le monde.

Étiquettes :




Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de jayer |

Amusant que t’en parles je viens d’adopter ce style suite à quelques remarques de mes lecteurs (notamment longueur des pages)

jayers et son denier billet..Humeur musicale #17 sur Amha.fr: The Darkness

Commentaire de Thierry Roget |

Jayer, c’est bien on converge! Maintenant il faut que je trouve comment mettre de vignette sur ma articles, car ça devient un peu austère tout ça

Commentaire de soso |

1/ Accueil s’écrit avec le U avant le E
2/ Ton astuce demande que l’on reprenne tous ses articles sous WordPress pour en extraire un « excerp » non ?

Commentaire de Thierry Roget |

@soso merci pour la faute
Non il suffit de changer dans la loop (index php)
le code “the_content” par “the_excerpt” dans index.php
si tu n’as pas mis excerpt » wordpresse te mets les premiers 50 (je crois) mots de ton article par défaut

Commentaire de Marctapage.com» Blog Archive » Conseil : afficher une partie de l’article en page d’accueil, pour faciliter la lecture du blog |

[…] Via http://roget.biz Vous pouvez remarquez que sur beaucoup de blogs, la page d’accueil n’affiche qu’un extrait du texte de l’article et renvoie l’article complet vers la page unique Par Roget, go to http://roget.biz/conseil-afficher-une-partie-de-larticle-en-page-dacceuil-pour-faciliter-la-lecture-… […]

Commentaire de Pierre |

Sans vouloir polémiquer sur Dotclear on as de base un champs « extrait » (=>excerpt) qui permet d’avoir un extrait de l’article affiché sur la page d’accueil et le reste lorsqu’on lit l’article en entier. 🙂

Sinon cela permet aussi de faire que la page d’accueil charge rapidement, car si la page met trop de temps à se charger alors les visiteurs s’en vont.

Je suis en train de travailler sur une nouvelle maquette pour Narcissique Blog avec comme objectif de faire que le visiteur vienne voir en profondeur notre contenu. Car quand il y as eu quelques nouveau article alors plus personne ne vient lire l’ancien article qui était en une. On réfléchit à une mise en page qui donne envie d’aller voir plus loin.

A bientôt, bonne continuation et bonne fête de Noël.

Pierre

Commentaire de Thierry Roget |

Pierre, ce sujet de nos bons billets qui restent morts après parution est une des frustration du blogueur, c’est d’ailleurs pour cela que j’ai mis une série d’artifice dans la side bar pour insiter la lecture d’autres articles, mais je ne sais pas si c’est utile ou non

Commentaire de Pierre |

Je suis d’accord avec toi Thierry, c’est justement pour ça que je réfléchis à un nouveau thème (en cours de réalisation, si tu veux voir des extraits contact moi par email) pour mettre en avant mon contenu de manière évidente.

Je ne souhaite pas que le contenu que je présente soit éclipsé au bout de deux jours.

Je n’ai pas encore la solution miracle mais je pense qu’en faisant quelques modifications sur l’architecture de l’information et la manière de présenter mes billet je pourrais faire baisser de manière significative mon taux de rebond (qui est trop élevé à mon gout). Pour cela je m’entoure d’outils de tracking et de suivi statistique qui me permettent de voir l’impact des solutions que je met en oeuvre et pour le moment c’est encourageant. La version actuel (qui as un peu plus d’un an) est déjà une bonne entrée en matière, je pousse le concept encore plus loin avec la nouvelle version qui arrive d’ici quelques jours (quand je l’aurais tester complétement).

Je cherche aussi à faire que les visiteurs viennent relire le contenu c’est donc un énorme travail à faire sur la mise en avant de la qualité de mon contenu.

Je forme aussi mes rédacteurs avec des consignes précise sur ce qu’il faut faire ou non (dans la rédaction d’un article) pour que les aticle qui sont trop long ne soit pas en homepage d’un seul coup, et que les article vraiment long soit découpé en plusieurs articles sur le même thème.

Je pense qu’il est important de prendre le temps de se poser et d’analyser l’existant pour proposer (et mettre en oeuvre) des améliorations technique, pour éviter la frustration du rédacteur, car quand on publie on apprécie être lut.

Au plaisir d’en discuter avec toi,

A bientôt,

Pierre

Commentaire de Thierry Roget |

Pierre, j’ai l’impression que j’ai moins d’état d’âme que toi, je me suis fait peu à peu à cet état de fait. En revanche, je fais souvent des renvois à mes vieux articles, ça permet d’en faire revivre un peu. Le plugin des articles similaires est pas mauvais du tout.

Commentaire de Pierre |

Thierry, je ne me fait pas « d’état d’âme », juste que j’aime bien voir mon travail d’écriture reconnu, et que cela m’embête un peu que certains article ne soit presque plus lut quelques jours après leurs publication « juste » parce qu’il y as eu d’autres publication.

Et puis je trouve que c’est un challenge intéressant que de se donner un objectif concret et tout faire pour l’atteindre, et puis Narcissique Blog étant un peu mon laboratoire de test je me permet de faire pleins de choses que je ne peut pas forcément développer sur les sites internet de mes clients, puis quand les techno, les idées, les concepts arrivent à maturité je voit si on pourrait pas améliorer l’existant (de mes clients) avec ce que j’ai développer dans mon labo (et tester sur mon blog entre autre).

Je suis passionné parce que je fait, c’est donc avec grand plaisir que je passe du temps à réfléchir sur le « comment améliorer l’expérience utilisateur », et je pense que j’ai ma manière de voir les choses qui différe un peu de ce que font la plupart des sites internet.

Et puis j’utilise une plateforme qui est vraiment souple, ce qui me permet de faire ce que je veut (je suis vraiment bluffé par la denrière release, je ne pensé pas pouvoir en aire autant).

Plus que quelques jours et je lance mon nouveau design, entièrement repensé. Les personnes qui ont eu l’occasion de le voir son enthousiaste ça fait plaisir. 🙂

A bientôt,

Pierre

Commentaire de Thierry Roget |

Pierre, je suis en phase avec toi, je suis curieux de voir le résultat du prochain design.

Commentaire de sebanou974 |

Bonjour à tous!
Moi , j’ai changé the_content par the_excerpt dans l’index.php mais cela ne fonctionne pas !
Une idée?

Commentaire de Thierry Roget |

ça devrait marcher bizarre!

Commentaire de Julien Soulignac |

Merci pour l’astuce mit en place sur mon blog 🙂

Commentaire de Thierry Roget |

content que ça te serve!

Commentaire de darknote |

WordPress a un cadre « extrait » si il n’est pas présent il faut cliquer sur « options de l’écran » en haut à droite et là cocher « extrait » .
Depuis WordPress 2.9 fonction à l’option « Image à la Une » ce uqi permet d’avoir une miniature pour accompagné ces articles sur la page d’accueil,il faut pour ça rajouter un code dans functions.php et dans index.php,category.php et/ou archives.php
http://wp.ruche.org/2010/12/20/utiliser-les-images-a-la-une/
ou wpchannel

Commentaire de Thierry Roget |

effectivement, les nouvelles versions apportent des amélioration substencielles @darknote, merci pour ta remarque

Commentaire de darknote |

le cadre « extrait existe sur WordPress depuis longtemps,WordPress n’a rien à envier à Dotclear bien au contraire.
Il est bien d’avoir un blog à jour,ainsi que ses plugins.
ne voyant pas les dates des commentaires,dommage,je ne sais pas si sebanou974 a posté depuis longtemps son message mais dans « réglages » puis « lecture » a-t-il coché article en entier ou extrait ? au vue de son site,je lui conseille si il a au minimum cette configuration PHP5.2 MySQL5,de faire la mise à jour manuelle de WP3.2.1,une excellent vidéo tuto sur videonoob.fr explique très bien la procédure et connait-il le thème Magazine Basic ?

Commentaire de sebanou |

Bonjour,
Je suis retombé sur cet article par hasard car j’ai toujours le même souci ! Mais je vais changer de thème d’ici peu…

Commentaire de Thierry Roget |

@sebanou il y a des thèmes qui propose cette option, enfin je parle de thème plutôt pro comme ceux qui sont disponible sur elegant themes : http://bit.ly/elegant_themess

Commentaire de sebanou |

Merci je vais y jeter un oeil !