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

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  https://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.

Read more Lire la suite (pour débutant)

Fort de la lecture approfondie du blog de Christophe J’avais trouvé l’idée de tronquer mes articles relativement longs en y mettant la mention « Lire la suite ». En effet nous avons tous peu de temps à lire et si l’article fait trois cents lignes et qu’il est ennuyeux, il faut savoir zapper à l’article suivant sans trop d’effort. Je me suis dit que pour cela on devait changer quelques paramètres dans le code php du thème. J’ai cherché pendant une bonne heure, j’ai scruté le code de la page « Main Index Template » , j’ai vu des trucs intéressants comme la mention « read more » où je me suis dis que je n’étais pas loin trouver la solution, pour finalement lire dans la bible du codex wordpress, la solution!

Si tu es un(e) expert(e) wordpress tu peux déjà zapper la suite. Quand tu édites un texte (write post) tu as deux solutions, écrire en « html » et insérer tes codes à la main ou en « visual » mets toi en option « HTML » sélectionne l’endroit où tu veux tronquer ton article et clique sur « more ». L’éditeur HTML va mettre le code suivant <!–more–> et voilà c’est presque fini.

On peut le faire en mode visuel en cliquant sur l’icone encadré en rouge dans la figure qui suit.

On peut se contenter d’arrêter là mais si on veut changer le texte (par exemple passer de « read more » vers un truc plus français « lire plus » il faut que tu ailles dans le code de « Main Index Template » et tu dois chercher où le texte se trouve. Normalement ça se trouve sur une ligne qui ressemble à ça

<?php the_content(‘<p>Lire la suite »</p>’); ?>.

Un autre détail, je suis allé changé les settings du blog, en allongeant le nombre d’article sur la page d’accueil à 15 articles contre 5 avant. Encore plus de visibilité.

Constatation : C’est comme tout, une fois qu’on connaît l’astuce, on pense que c’est simple.

Conseil : va fureter sur toutes les options de wordpress afin de découvrir d’autres astuces.

Dicton du jour : De nous jours l’information existe, il faut juste savoir la trouver. (c’est bâteau je sais)

Leçon 15 : Astuce pour faire en sorte que vos visiteurs restent plus longtemps sur votre site

Etape 1 : insérér un lien url dans votre billet
Cette astuce HTML est très facile à intégrer dans vos billets. Vous pouvez vous rendre compte que beaucoup de sites renvoient le lecteur à d’autres sites. Dans ce cas, il y a deux solutions quand le lecteur clique sur le lien : le site apparaît en lieu est place de votre blog, ou il apparaît dans une autre fenêtre ou un nouvel onglet. On peut comprendre facilement qu’il faut mieux avoir la deuxième solution car votre lecteur peut revenir sur votre blog plus facilement. Dans l’exemple Eric Chavanne blog sur notre site « comment faire de l’argent en blogant ». A cette fin il veut créer un lien vers notre site. Pour cela il clique dans l’icone (entouré dans la figure de droite) et copie le lien url dans la fenêtre qui vient d’apparaître. Il clique ensuite sur « OK« . astuce pour faire rester les personnes le plus de temps sur le site
Etape 2 : Editez votre billet en HTML
Jusqu’à là c’est facile, cela dit en créant un lien de cette manière,
on se trouve dans la solution 1 par défaut, c’est à dire que si votre
visiteur clique sur l’url, il quitte votre site.
Etape 3 : Insérez l’instruction target = « _blank »
Pour éviter cela il faut modifier le code html, du billet en cliquant sur « Modifier le code HTML« . Et insérez le code – target = »_blank » –comme indiqué dans la figure de droite. Puis cliquez sur Rédiger pour continuer à rédiger votre blog.Vous pouvez voir le résultat sur le blog d’Eric Chavane en cliquant

Pin It on Pinterest