Magazine Internet

Comment améliorer la lisibilité sur WordPress – offrez une expérience de lecture confortable

Publié le 01 février 2012 par Clochard333

J'ai découvert une façon vraiment confortable de lire des articles Web sur le blog de Jeffrey Zeldman. Il utilise le service Readability qui permet, entre autres de lire les articles dans une mise en page simple qui élimine tous les éléments de la page sauf le texte et les photos.

Comment améliorer la lisibilité sur WordPress – offrez une expérience de lecture confortable

J'ai donc cherché à trouver une solution similaire pour mon blog WordPress et je l'ai trouvée chez labnol.org. Donc dans le but d'offrir une expérience de lecture améliorée j'ai suivi la marche à suivre, pour un blog WordPress, offerte par Amirt Agarwal. Voici la traduction (libre) :
Étape 1 : Ajouter une nouvelle Page via le tableau de bord WordPress : PAGE > AJOUTER
Le titre de cette page : lecture conviviale

Comment améliorer la lisibilité sur WordPress – offrez une expérience de lecture confortable

Étape 2 : Il faut modifier le PERMALIEN et mettre /read/ et cliquer sur le bouton PUBLIER
NOTE : Ne mettez aucun texte pour cette page.

Étape 3 : Ouvrir le fichier .htaccess et ajouter cette ligne de code (au début du fichier) :

RewriteRule ^read/([0-9]+)/?$ /read/?u=$1 [QSA,L]

Étape 4 : Téléchargez le fichier page-read.php.txt ( ma version en français) ou la version originale (anglais) dans le répertoire du thème que vous utilisez. Dans mon cas j'ai copié le fichier dans le répertoire /wp-content/themes/canvas2/
Ensuite il faut renommer le fichier page-read.php

Comment améliorer la lisibilité sur WordPress – offrez une expérience de lecture confortable

Étape 5 : La dernière étape consiste à insérer un lien pour permettre à l'internaute de voir notre version " reader-friendly" . Il faut bien connaître votre thème pour savoir à quel endroit il faut mettre ce fameux lien. Généralement c'est dans le fichier single.php où il faut insérer le code suivant :
ma version en français :

<a href="/read/<?php the_ID(); ?>/">
Lire cet article en mode confort "Reader-Friendly" </a>

version originale :

<a href="/read/<?php the_ID(); ?>/">Read story without the clutter</a>

Est-ce que vous voulez implémenter cette solution? ou peut-être utiliser Readability?


Retour à La Une de Logo Paperblog

A propos de l’auteur


Clochard333 47 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine