Archives de catégorie : Weblog

Statistiques du blog – année 2016

Tout d’abord, meilleurs vœux pour cette nouvelle année 2017 à toutes et à tous passant sur ce blog, par hasard ou pas. Santé & bonheur pour vous et vos proches, c’est le plus important dans ce monde aux équilibres instables, bien malin qui pourrait prévoir ce qui va se passer…

Comme chaque année, c’est l’occasion de faire les statistiques du blog. L’année dernière, j’étais reparti pratiquement de zéro puisque je venais de migrer vers un nouvel hébergeur, suite à des déconvenues avec Free.

Les chiffres sont donc logiquement en hausse comparés à 2015, sans toutefois retrouver les plus belles années chez Free. Il faut maintenant tenir compte de l’évolution d’internet et de ses usages : les blogs comme celui-ci sont en perte de vitesse, il faut maintenant être sur Facebook, ou Google+, bref les fameux réseaux sociaux, pour être « visible ». À ce prix, je préfère largement devenir invisible ! 😉

Tout dépend aussi des sujets abordés : j’ai beaucoup d’articles sur les bouquins que j’ai lu, qui intéressent potentiellement peu de monde. On voit par contre que les articles sur le smartphone, ou même Ubuntu (un article cette année), ont eu plus de succès, ce qui est logique : ce sont des articles qui expliquent comment faire les choses, ou résoudre un problème.

J’ai aussi commencé à faire des articles sur les films que je vais voir : depuis que je suis à Rennes, je peux profiter du Ciné TNB, à la programmation souvent plus intéressante que celle des grands cinémas (sans pour autant négliger ceux-ci quand le film le mérite).

Continuer la lecture… Statistiques du blog – année 2016

Prism.js : coloration syntaxique sans plugin pour WordPress

prismjsAfficher de belle manière des lignes de code sous WordPress nécessite à priori l’installation d’un plugin dédié, comme par exemple SyntaxHighlighter Evolved.

Je l’avais abandonné quand le blog était hébergé chez Free, et que la consommation mémoire était limitée (voir Adieu SyntaxHighlighter). Il occupait environ 400 Ko de mémoire environ d’après ce que j’avais pu mesurer.

J’étais alors passé à quelque chose de beaucoup plus simple, un autre plugin appelé Code Autoescape, mais qui ne fait pas de coloration syntaxique, il permet juste de s’assurer que ce que l’on écrit entre deux balises <code></code> ne soit pas interprété. Léger en mémoire, certes beaucoup moins joli visuellement, mais très efficace.

Voilà ce que peut donner SyntaxHighlighter, avec beaucoup de possibilités (presque trop), comme numéro de ligne, surlignage, de nombreux langages supportés, etc… Et un peu chargé visuellement à mon goût !

SyntaxHighlighter

Et voilà ce que donne un petit script bash avec CodeAutoescape : plus basique, c’est difficile ! J’avais tout de même ajouté une petite image de terminal pour améliorer l’apparence 😉

Affichage code minimaliste

Or je suis tombé cette semaine sur cet article : How To Implement Prism.js Syntax Highlighting Into Your WordPress Site. Il s’agit de ne pas utiliser un plugin, mais d’incorporer au site quelque chose de beaucoup plus léger, créé avec les standards modernes du web : Prism. On peut par exemple ne sélectionner que les langages qui nous intéressent, ce qui réduit considérablement la taille mémoire occupée (il n’y pas d’options non plus, on peut juste choisir un thème, mais cela me convient parfaitement).

Voilà ce que donne le même script bash avec Prism.js :

#! /bin/sh
# nom du fichier : replaceall.sh
# pas de SAUVEGARDE des fichiers faite par ce script.
find . -type f -name '*.html' -print | while read i
do
sed "s|$1|$2|g" $i > $i.tmp && mv $i.tmp $i
done

Avouez que c’est tout de même nettement mieux, tout en restant sobre !

Voyons comment implémenter tout ça : l’article cité plus haut est très complet, je ne rentrerai pas dans tous les détails et remarques, il s’agit juste d’expliquer comment l’implémenter sur son blog wordpress, en français.

Continuer la lecture… Prism.js : coloration syntaxique sans plugin pour WordPress

Statistiques du blog – année 2015

bonne année 2016 Tout d’abord, meilleurs vœux pour cette nouvelle année 2016 à toutes et à tous passant sur ce blog, par hasard ou pas…
Santé & bonheur pour vous et vos proches, c’est le plus important dans ce monde qui bascule doucement.

Comme chaque année (ou presque), il est temps de faire les statistiques du blog. Et cette fois, on repart de zéro puisque fin 2014 j’ai migré vers un nouvel hébergeur, suite à des déconvenues avec Free (voir ici).

Repartir de zéro (ou changer d’hébergeur) a des avantages et des inconvénients, vous allez voir pourquoi !

Continuer la lecture… Statistiques du blog – année 2015

Zenphoto v1.4.9 et nouveau thème zpMobile

nouveau  thème zpmobile Après avoir changé le thème du blog pour l’adapter aux terminaux mobiles (voir l’article Nouveau thème : Fourteenpress), il me restait à m’occuper du thème de Zenphoto (Zenpage) qui n’était pas « Google mobile-friendly » et franchement pas pratique à visualiser sur un smartphone !

J’ai donc regardé un peu ce qui se passait côté zenphoto, et découvert que la dernière version incluait un thème adapté aux mobiles, j’ai nommé zpmobile.

Hier, je me suis donc décidé à mettre à jour Zenphoto à la dernière version, soit la 1.4.9 (j’en étais resté à la 1.4.6). J’y suis allé prudemment, en faisant bien les sauvegardes qu’il fallait au cas où il faille revenir en arrière, et tout s’est très bien passé. J’ai alors pu sélectionner le thème zpmobile.

Comme le montre la photo ci-contre, l’affichage est bien adapté au smartphone. Le thème est assez sobre, j’aime bien. Il a tout de même fallu que j’ajoute le bouton « Retour au blog » qui n’est évidemment pas présent par défaut. Et c’est là que tout s’est compliqué…

J’avais tout d’abord fait quelques tests en local sur mon PC. Après quelques tâtonnements pour trouver les bonnes classes CSS à utiliser pour que ce simple lien ressemble aux autres boutons, tout fonctionnait à merveille sur mon PC. So far so good !

J’applique alors les mêmes modifications sur le site en ligne, plutôt confiant, et … ça ne marche pas ! Page blanche, et un beau message d’erreur : « ReferenceError: Gravatar is not defined » dans la console de Firebug :

console firebug

Le même message pouvait également concerner WpdTree, une fonction utilisée par un plugin wordpress. En fait, il n’a pas grand chose à voir avec mon problème !

Bref, j’étais coincé, impossible d’ajouter ce simple lien ! Ne trouvant pas de solutions, j’ai posé la question sur le forum de Zenphoto. Une heure après, j’avais la réponse.

Continuer la lecture… Zenphoto v1.4.9 et nouveau thème zpMobile

Nouveau thème : Fourteenpress

thème fourteenpress Voilà, un nouveau thème est maintenant actif, il s’agit du thème Fourteenpress, qui est en fait un « child theme » de Twenty Fourteen, mais adapté aux blogs.

Twenty Fourteen est l’un des thèmes proposés de base par wordpress, mais offrant un affichage de type Magazine, qui ne me convenait guère. Fourteenpress, le thème-enfant donc, se résume globalement à un fichier de style CSS, qui suffit à modifier toute l’apparence, c’est d’ailleurs assez bluffant.

Tout cela fait suite à l’initiative de Google destinée à privilégier les sites adaptés aux mobiles (voir l’article Google mobile-friendly : il va falloir changer mon thème).

Continuer la lecture… Nouveau thème : Fourteenpress

Google mobile-friendly : il va falloir changer mon thème

responsive design Depuis le 21 avril, Google a mis en place un nouveau traitement visant à privilégier les sites adaptés aux appareils mobiles.

L’opération Google mobile-friendly souhaite aider les internautes mobiles à trouver des pages adaptées à leur appareil ; considérant que l’usage du mobile se généralise, Google souhaite donc que les webmasters mettent leurs sites à niveau.

On appelle ça le « responsive-design » (ou « site web adaptif » en bon français). L’idée parait bonne, et va dans le sens du confort de l’utilisateur : concrètement, les utilisateurs d’appareils mobiles verront leurs résultats optimisés pour afficher d’abord les sites mobile-friendly.

Par conséquence, les sites non-adaptés aux appareils mobiles verront leur classement relégué quelques pages plus loin ! Voilà le texte de Google :

A compter du 21 avril 2015, nous allons étendre notre utilisation du critère de compatibilité mobile pour en faire l’un des critères de positionnement du moteur. Ce changement affectera les résultats de recherche mobiles partout dans le monde et dans toutes les langues, et son impact sera significatif. Notre objectif est de fournir à nos utilisateurs des résultats pertinents, de qualité, et qui soient compatibles avec leur appareil mobile.

Google fournit une page de test ici ; considérant que mon thème date de 2008 (même si je l’ai pas mal personnalisé depuis), je n’ai pas été surpris que le résultat soit négatif :

résultat du test

Et donc :

  • Texte illisible, car trop petit : OK, avec les trois colonnes d’affichées, je confirme. Mais un « double-tap » sur la colonne centrale permet de n’afficher que celle-ci, et le blog est alors lisible. Mais bon…
  • Liens trop rapprochés : ça serait facile à modifier avec une simple déclaration CSS, mais insuffisant au regard des autres problèmes signalés.
  • Fenêtre d’affichage mobile non configurée : là encore, il s’agit d’une balise HTML non configurée (meta viewport), permettant d’adapter l’affichage à la taille de l’écran.

Je pourrais peut-être essayer d’apdapter mon thème, mais je vais plutôt essayer d’en trouver un plus récent : d’une part, WordPress a lui aussi beaucoup évolué depuis 2008, et mon thème n’utilise pas toutes les fonctionnalités disponibles, et d’autre part, ça fait un petit bout de temps que j’ai envie de passer à un thème à deux colonnes. Avec  le thème actuel (3 colonnes), la largeur restant pour les articles est trop faible, et c’est un peu gênant quand l’article est un tuto avec des images que je dois systématiquement réduire (par exemple).

Reste à trouver le nouveau thème ! Ce n’est pas ce qui manque, mais trouver le bon n’est pas forcément évident : il faudra l’adapter aux articles existants, c’est-à-dire passer un peu de temps à adapter le fichier style.css du nouveau thème.

Synchroniser les agendas de Thunderbird et Android avec Baïkal

le site de baikal Je ne suis pas un grand utilisateur du smartphone, pas plus que du simple téléphone d’ailleurs… néanmoins, un smartphone est un véritable ordinateur de poche, et l’on peut utiliser ses possibilités pour des choses bien pratiques.

L’une de ces choses, qui me trottait dans la tête depuis un petit bout de temps, c’était la synchronisation de mes deux agendas : le principal étant sur le PC, dans Thunderbird (Lightning, un add-on), et bien sûr le calendrier du smartphone, sur lequel j’ai pris l’habitude de noter des rendez-vous, etc… lorsque je suis hors de chez moi… Quitte à le recopier manuellement sur le PC une fois à la maison, ce qui était vraiment fastidieux et source d’erreur.

Je précise que si j’utilise Android, ce n’est pas la ROM d’origine, et que je ne déclare pas de compte Google lors de l’installation. L’idée générale est de se « dégoogliser » (voir cet article),  et d’apprendre à se passer de tous les beaux services « offerts » par Google.

Comme je bénéficie désormais d’un hébergeur qui offre lui aussi des possibilités, je me suis mis à chercher comment faire. Les deux agendas ne pouvant se synchroniser tous les deux directement, il va falloir utiliser le protocole CalDAV et un serveur, Baïkal en l’occurrence…

Continuer la lecture… Synchroniser les agendas de Thunderbird et Android avec Baïkal

Statistiques du blog – année 2014

meilleurs voeux pour 2014

Tout d’abord, meilleurs vœux pour cette nouvelle année 2015 à toutes et à tous passant sur ce blog !

Santé & bonheur pour vous et vos proches, c’est le plus important.

Les stats

L’année dernière, je n’avais pas fait d’articles sur les stats du blog (par fainéantise et manque de motivation) … Regardons un peu les dernières stats du site quand il était sur free.fr.

nombre de visites

Le nombre total de visites (affiché en bas de page grâce au plugin WP online counter) depuis la création du site a tout de même passé le cap du million, avec 1 035 066 visites à ce jour !

Le nombre de visiteurs est clairement en baisse depuis 2012. Cela s’explique par le nombre d’articles lui aussi nettement en baisse, et peut-être sur les sujets abordés. Ce qui est sûr, c’est que j’y ai consacré beaucoup moins de temps ces deux dernières années. Après avoir passé la barre des 10 000 visites mensuelles en 2012, la moyenne 2013 est autour de  7 500 visites, et en-dessous de 5 000 visites pour l’année 2014. Au moins, la baisse est régulière… 😉

Continuer la lecture… Statistiques du blog – année 2014

FreshRSS et EasyRSS : une bonne combinaison

logo EasyRSS Pouvoir surveiller l’activité de ses sites préférés en un clin d’œil en obtenant une vue d’ensemble des dernières actualités ou articles, c’est vraiment très pratique. C’est ce que permet un agrégateur RSS.

Puisque j’ai du migrer mon blog sur un hébergeur payant (voir ici), je bénéficie de nouvelles possibilités, comme par exemple installer un agrégateur RSS côté serveur.

Voyons un peu de quoi il s’agit, et de la solution que j’ai mis en place : FreshRSS côté serveur, et EasyRSS sur le smartphone.

28-mars-2018 : J’ai fait un autre article ici quand j’ai installé une nouvelle version de FreshRSS sur mon serveur. Ce qui suit est toujours valable, à quelques nuances près (l’endroit où remplir le mot de passe API par exemple). Il y a surtout une nouvelle information à propos de la mise à jour automatique des flux, que je n’avais pas résolu dans cer article !

Continuer la lecture… FreshRSS et EasyRSS : une bonne combinaison

Migration nouveau blog : suite

wordpress Comme je le disais ici, l’importation des tables wordpress ‘posts’ et ‘comments’ sur le nouveau  blog ne s’était pas trop mal passée, mis à part les catégories perdues pour une raison inconnue, ce qui m’avait tout de même obligé à reclasser tous les articles du blog, soit environ 800 ! Heureusement, j’ai pu le faire via le panneau d’administration de WordPress, en utilisant l’option « Modification rapide ».

Mais ce n’était pas tout… 🙁

Zenphoto

Après la réinstallation de zenphoto (voir ici), il a bien fallu mettre à jour tous les articles du blog mentionnant les nouveaux albums disponibles… environ 200 articles cette fois !

J’ai pu en faire une première partie directement en SQL, pour remplacer les URLs :

update 0_posts 
SET post_content = REPLACE(post_content, 'pascal.ledisque.free.fr/wordpress', 'pled.fr')

Le lien vers l’album était alors correct, mais l’affichage d’une image dans l’article ne marchait toujours pas. Plusieurs raisons à cela :

  • utilisation du plugin zenpress pour certains articles (et je ne souhaite pas réinstaller ce plugin), et donc syntaxe différente.
  • création à une époque de sous-albums dans Zenphoto, ce qui rendait les liens des articles créés précédemment invalides (et qui n’avaient pas été mis à jour).
  • un problème lors de l’exportation/importation de la table ‘posts’ avec le caractères ‘&‘ utilisé par Zenphoto, et malencontreusement transformé en ‘&amp;‘, soit son équivalent en code HTML.

Résultat : afin de tout remettre à plat une bonne fois pour toutes, j’ai donc mis à jour les 200 articles un par un… ça m’a pris un peu de temps, mais ça y est, c’est fait ! Sauf erreur de ma part, tous les articles vers l’album photo sont maintenant à jour.

Commentaires

J’ai également eu un léger problème avec les commentaires d’articles.

Première erreur, j’ai importé la table ‘posts’ de mon ancien blog alors que j’avais déjà créé des articles sur le nouveau serveur. Résultat, un petit micmac sur les commentaires assignés à de mauvais articles.

Cela ne concernait que quelques articles heureusement (les premiers du blog), et j’ai remis les bons IDs dans la table ‘comments’ manuellement, ça ne m’a pas pris longtemps. Heureusement, j’avais une version correcte en local sur mon PC, il m’a suffit de comparer disons les vingt premiers articles du blog.

Un dernier problème est apparu : les comptes des commentaires pour un article donné n’étaient pas correct. Un article avec commentaires pouvait afficher « Il n’y a pas de commentaires à cet article », ou le nombre de commentaires était incorrect.

Pour résoudre cela, j’ai utilisé un plugin qui m’a tout corrigé en deux secondes: Web Ninja Comment Count Fixer. Pour info, je l’ai désactivé une fois le problème réparé : il y a des options pour automatiser l’opération, mais je n’en vois pas l’utilité dans mon cas (à priori, il y a eu des problèmes entre WordPress et Disqus, un service de commentaires centralisé).

Google vidéos

J’ai pu me rendre compte d’un autre problème pendant ces manipulations m’amenant à parcourir de vieux articles : certains liens vers les videos que j’avais stockées sur Google ne fonctionnent plus. Normal, puisque Google a arrêté son  service.

Elles ont toutes été migrées sur Youtube par Google à l’époque, j’ai simplement oublié de mettre à jour les liens. Heureusement, cela ne concerne que peu d’articles, qui sont désormais à jour.