Un lecteur de fil RSS pour un site de e-commerce sous Thélia.

Accueil / Articles / Un lecteur de fil RSS pour un site de e-commerce sous Thélia.
Un lecteur de fil RSS pour un site de e-commerce sous Thélia.

Article publié le 30 janvier 2015  Mot(s) clé :   Thélia  Enregistrer au format PDF   Version PDF

Il ne s’agit pas de mettre en place un fil RSS de votre site, (car sous Thélia, la page rss.html le fait) mais bien d’intégrer dans votre site un lecteur de flux RSS, vous permettant d’afficher le flux d’un autre site, en l’occurrence le blog de votre entreprise.

Présentation

La logique du blog d’entreprise, ou du blog associé à votre site est régulièrement conseillée chez les professionnels du référencement [voir références en bas de l’article]. En plus de mon site sous Thélia de vente de livres électroniques, j’ai un blog de fiches de lectures, sur lequel je publie des comptes-rendus de mes lectures ou de celles de mes collaborateurs.

Pour faciliter le passage de l’un à l’autre, j’ai voulu mettre en place un lecteur de fil RSS sur mon site de vente, qui afficherait les dernières fiches de lectures publiées sur le blog.

Et je voulais un lecteur de fil RSS qui m’affiche non seulement le titre de l’article, la date et le contenu, mais également le logo de l’article. Généralement, il s’agit de la couverture du livre que je commente, il m’a semblé important de la proposer.

Préparation du blog sous Wordpress

Ce qui ne va pas de soi. Mon blog est sous Wordpress, et j’utilise le concept « d’image à la une ». L’image n’apparaît pas dans la description des articles générée par le fil RSS.

Il y a néanmoins une astuce, qui consiste à utiliser le plugin pour Wordpress RSS image Feed, qui comme le site l’explique, ajoute la première image du post au fil rss du blog.

Intégration dans le site Thélia

Reste à trouver maintenant un lecteur de fill RSS qui affiche les images. Ce qui n’est pas le cas de tous. Après pas mal de recherches, j’ai trouvé un plugin jquery qui, apparemment, répondait à mes attentes : Feedek Le test en ligne semblait donner de bons résultats.

L’intégration n’a pas posé trop de problème, sauf pour le nombre de caractères à afficher. Je voulais le logo et les 150 premiers caractères de mes articles, je pensais qu’il suffisait de limiter l’affichage aux 150 premiers caractères. Sauf que cela ne marche pas. Si on se limite aux 150 premiers caractères, l’image ne s’affiche plus.

Pour que l’image s’affiche ainsi que les 150 premiers caractères, il faut fixer la limite dans le script à 400 caractères.

Avec un peu de css, on obtient le résultat suivant :

Surprise désagréable…

Par le plus grand des hasards, quelques jours plus tard, je tente de me connecter à mon compte sur mon site, et je vois, lors de l’envoi de mes informations dans le formulaire de connexion, qu’il me redirige vers la page www.peuterey-editions.com/loader.gif Comme cette page n’existe pas, j’ai une belle erreur 404. Je suis pourtant connecté, mais planté.

Surprise, inquiétude, incompréhension, j’ai tout d’abord l’impression qu’il y a une incompatibilité entre le plugin jquery du fil RSS et le plugin jquery du diaporama que j’affiche. Effectivement, lorsque je supprime le script du lecteur RSS, tout fonctionne à nouveau normalement.

En cherchant dans le code du plugin Feedek, je me rends compte qu’il y a une redirection vers l’image <img src="loader.gif" />. Or, mon plugin n’est pas à la racine de mon site, il est dans un dossier propre.

Il faut donc bien préciser dans le plugin jquery lui-même la bonne adresse, ce qui, pour mon site sous Thélia, donne <img src="/template/feedeck/loader.gif" />

Et ça marche…

En ces quelques jours de dysfonctionnement, j’espère ne pas avoir découragé trop de clients, qui ont dû se retrouver coincés à la connexion.


[1] On consultera par exemple les articles de l’Agence axe.net http://www.axenet.fr/c/realisations/blog-entreprise/ ou encore http://blog.axe-net.fr/avantage-blog/ ou encore http://ecritoriales.com/7-bonnes-raisons-d-avoir-blog-d-entreprise/ etc…

Ces articles peuvent vous intéresser