Guillaume Orsal

Régénérer les permaliens WordPress après une mise à jour

Guillaume Orsal — 2026-01-11T15:29:30Z

Après une mise à jour ou un déploiement WordPress, il peut arriver que les permaliens cessent de fonctionner. Une simple commande en ligne de commande permet de corriger le problème sans accéder au back-office.

Quand WordPress est mis à jour, certains sites se retrouvent avec des erreurs 404 ou des messages du type : Not Found – no results were found for the requested archive

Dans la majorité des cas, rien n'a disparu. C'est simplement le système des permaliens qui ne correspond plus à la configuration effective du serveur.

Pourquoi les permaliens doivent être régénérés ?

WordPress conserve sa structure d'URL dans sa base et part du principe que l'environnement ne change pas. Or il suffit d'un déplacement de dossier, d'une migration, d'un changement subtil sur Apache, pour que le système perde ses repères. Quand cela arrive, les requêtes ne sont plus réécrites correctement, ce qui se traduit par des pages introuvables alors que le contenu est bien là.

Solution sans interface : une commande shell

Quand on a accès à l'administration WordPress, le passage par Réglages > Permaliens suffit — mais si l'on travaille en SSH ou en déploiement automatisé, une commande résout le problème plus proprement :

 
 cd /chemin/vers/mon/site/wordpress \
 && php -r "define('WP_USE_THEMES', false); require('./wp-load.php'); flush_rewrite_rules();" \
 && echo "Permaliens régénérés avec succès"

Elle charge WordPress, force la régénération de la structure d'URL et s'arrête là, sans nécessiter d'accès au back-office.

Quand l'utiliser ?

Ce petit flush devient utile après un changement de domaine, une mise à jour majeure, l'ajout ou la suppression d'un plugin qui modifie les URLs, ou tout simplement après un déploiement CI/CD qui recopie le site sur un serveur neuf.

Si l'erreur se reproduit, il est possible de l'intégrer dans un script de maintenance ou un hook post-déploiement.

Bonnes pratiques et limites

La commande est efficace, mais ce n'est pas un bouton magique à actionner en continu. Régénérer les permaliens demande à WordPress de reconstruire sa mécanique interne. Cela reste une opération raisonnablement lourde en fonction du nombre de contenu sur le site.

Si après exécution les erreurs persistent, le problème est probablement ailleurs : mod_rewrite peut être désactivé, le .htaccess mal placé, ou le virtual host trop restrictif. Une vérification rapide de ces points résout la plupart des cas têtus.

Conclusion

En résumé, forcer WordPress à reconstruire ses permaliens règle en quelques secondes un problème qui peut faire perdre des heures si l'on cherche trop loin. C'est une astuce simple, propre, et idéale quand l'accès au tableau de bord n'est pas pratique ou quand on automatise ses déploiements.

Theme-color : personnaliser les couleurs du navigateur mobile pour votre marque

Guillaume Orsal — 2016-03-11T16:50:33Z

La méta theme-color permet de personnaliser l'interface de navigation mobile (barre d'adresse, onglets) aux couleurs de votre marque. Découvrez comment implémenter cette meta HTML simple mais efficace sur Chrome, Safari iOS, et Windows Phone pour améliorer l'expérience utilisateur et votre cohérence visuelle sur tous les appareils.

Pourquoi implémenter theme-color ?

L'expérience utilisateur sur mobile est cruciale pour votre branding et votre SEO. La méta theme-color offre un avantage simple mais efficace : aligner l'interface de navigation aux couleurs de votre marque. Cela crée une expérience cohérente et professionnelle sur tous les navigateurs mobiles.


Utilisation de la balise meta theme-color

Implémentation multiplateforme

L'astuce est assez simple, il suffit d'ajouter un meta theme-color dans l'entête de votre page Web. Donc à l'intérieur de la balise .

Chrome et navigateurs standards

Cette meta a intégré le standard HTML, mais n'est pas encore respectée de manière identique par tous les navigateurs. Personnellement, j'ai pu constater le fonctionnement sur Android que sous Chrome et les navigateurs Chromium.

Windows Phone

Pour Windows Phone, il faudra utiliser une autre meta que le standard...

iOS Safari

Enfin sur iPhone, vous aurez en plus la possibilité de rendre translucide la barre de statut.

Standards modernes en 2025

Le support de theme-color est maintenant largement généralisé sur tous les navigateurs mobiles modernes. Chrome, Safari sur iOS, et Edge respectent cette meta comme standard. Elle fait partie des bonnes pratiques incontournables pour tout développeur souhaitant optimiser l'expérience mobile et offrir une cohérence visuelle professionnelle à ses utilisateurs.

En cherchant un peu sur le net vous trouverez d'autres personnalisations comme transformer une page Web en Web App en quelques instructions.

Erreur dans le sitemap de Wordpress SEO

Guillaume Orsal — 2014-10-27T09:31:00Z

A l'occasion d'un rapide tour de contrôle de l'indexation de mes sites web depuis l'outil Google Webmaster Tools, j'ai constaté un problème sur le sitemap d'un de mes sites sous Wordpress, généré automatiquement par le plugin Wordpress SEO by Yoast. L'erreur indiquait la présence de lignes vides en début de fichier ce qui n'est pas conforme.

Rappel sur le fichier sitemap.xml

Pour rappel, un fichier sitemap.xml n'est pas une page à destination des visiteurs du site, mais un fichier xml qui contient l'ensemble des pages de votre site pour indiquer aux moteurs de recherche les pages à indexer.

La présence de ce fichier est importante pour le bon référencement de votre site. N'oubliez d'ailleurs pas d'aller le déclarer dans l'interface de Google Webmaster Tools.

Sur un CMS comme Wordpress, le fichier sitemap est généré automatiquement. Pour un site statique, il existe des générateurs de fichier sitemap en ligne, mais si le contenu du site change souvent cela deviendrait fastidieux de toujours mettre à jour le fichier. Il existe donc de nombreux plugins sous Wordpress pour la génération automatique de ce fichier. Personnellement j'utilise Wordpress SEO By Yoast qui propose plein de fonctionnalité pour un bon référencement.

Erreur dans le sitemap.xml

Mais voilà, récemment j'ai obtenu l'erreur suivante :

This page contains the following errors:
error on line 2 at column 6: XML declaration allowed only at the start of the document
Below is a rendering of the page up to the first error.

Première investigation du côté du plugin, puisque c'est lui génère le fichier. Le site du support évoque le problème, mais précise que cela ne vient pas du plugin et qu'il faut regarder du côté du template ou d'un autre plugin.

Lignes vides hors bloc PHP

En fait, le problème est dû à un des fichiers PHP du template qui contient des lignes vides en dehors d'un bloc de balise .

Sur mon installation, le problème venait d'une modification que j'avais introduit il y a quelques jours pour limiter l'accès aux mises à jour Wordpress. En ajoutant le bloc de code PHP indiqué dans l'article, à la fin de mon fichier functions.php j'ai ajouté un saut de ligne entre deux blocs de code PHP, ce qui a engendré l'erreur.

Une fois l'emplacement de l'erreur déterminé, la correction est évidente. J'ai supprimé les 2 lignes de codes suivantes qui ne servent à rien :

?>


pour n'obtenir plus d'un seul bloc de PHP, et tout est rentré dans l'ordre.
 Recherche des dernières modifications PHP
Si vous rencontrez le même problème, la cause est surement la même. La seule difficulté est de trouver le fichier concerné. Alors commencez par reprendre les dernières modifications que vous avez apporté au site.
 Petite astuce, pour trouvez les dernières modifications effectuées sur votre site. S'il est hébergé sous linux et que vous avez un accès ssh, en vous plaçant à la racine du site, la commande suivante vous donnera les fichiers qui ont changé depuis 2 jours, à l'exclusion du cache :
 find . -mtime -2 | grep -v /cache/
 Vous pouvez adapter le nombre de jours pour la recherche en modifiant le paramètre.



Enregistrer Arte+7 le replay d'Arte
Guillaume Orsal — 2014-09-21T18:04:00Z

		Le site de replay d'Arte change régulièrement, mais la qualité des émissions reste toujours au top ! Vous souhaitez conserver les émissions pour les regarder après les 7 jours que propose Arte+7.
 La technique évolue à chaque version du site. J'avais déjà écris deux procédures qui avaient fonctionné quelques temps. Voici donc une nouvelle procédure de téléchargement depuis Arte+7.
		La bonne nouvelle, c'est devenu ultra-simple !
 Les vidéos de Arte+7 sont désormais disponibles sous Youtube.
 Pour les télécharger depuis Youtube, il faut utiliser le navigateur web Firefox, auquel vous aurez ajouter l'extension DownloadHelper.
 Dans la liste des vidéos proposées par Arte, vous commencez par accéder à la vidéo que vous souhaitez télécharger.
 
 La page de la vidéo s'ouvre alors, et la lecture démarre automatiquement. Sur la gauche de la barre d'adresse, l'icone correspondant de l'extension Video DownloadHelper doit s'animer, car elle a détecté une vidéo disponible en téléchargement.
 
 En cliquant sur le menu déroulant à droite de l'icone (le petit triangle), une liste des différentes qualités de vidéos disponibles apparaît.
 
 La meilleure qualité est le format [720p]. Cependant, n'oubliez pas qu'une heure de vidéo en haute qualité représente environ 800Mo de données. Donc à voir en fonction de votre connexion Internet.
 En déplaçant la souris sur le format choisit, un nouveau menu apparaît avec les options d'enregistrement.
 
 Il n'y a plus qu'à sélectionner « Téléchargement ». Un menu s'ouvre pour choisir l'emplacement de sauvegarde. Valider. Le téléchargement débute. Ne fermé pas Firefox tant qu'il n'est pas terminé.
 Quand le téléchargement de la vidéo d'Arte+7 est terminé, vous obtenez un fichier que vous pouvez regarder par exemple avec VLC.
 A vous les replay de 28 minutes ou du Dessous des cartes !


Limiter les mises à jour de plugins Wordpress
Guillaume Orsal — 2014-09-13T08:50:00Z

		Les mises à jour sous Wordpress sont très simples puisque l'administration du site vous prévient automatiquement qu'une nouvelle version, d'un plugin ou de Wordpress lui-même, est disponible. Mais le risque avec les mises à jour, c'est qu'elles entraînent une régression sur un point que vous aviez développé, ou plus simplement qu'elles posent problème avec le reste de votre site et que ce dernier ne fonctionne plus.
 Il faut donc faire les mises à jour avec parcimonie et il peut devenir intéressant de limiter la fonctionnalité à quelques comptes. Ainsi, si vous développez un site pour un client, cela évitera qu'il fasse une mise à jour par inadvertance et casse le site.
		Désactiver les mises à jour automatiques
La première chose à faire est de désactiver les mises à jour automatiques dans le fichier wp-config.php. De mon point de vue, il vaut mieux que vous gardiez la main sur toutes les évolutions de votre site. L'inconvénient de cette méthode c'est qu'il faut rester informé à propos des correctifs qui sortent pour ne pas tarder à mettre à jour en cas de faille de sécurité.
 La procédure est simple, il suffit d'ajouter la ligne suivante dans le fichier wp-config.php
define( 'AUTOMATIC_UPDATER_DISABLED', true );
Filtrer les utilisateurs
Il est intéressant que seuls certains comptes administrateurs puissent faire les mises à jour. Pour cela, il faut modifier le fichier functions.php du theme en cours d'utilisation. A la toute fin du fichier, il suffit d'ajouter les lignes suivantes à l'intérieur des balises PHP :
 // Limitation des mises à jours au compte indique ici.
 $current_user = wp_get_current_user();
 if ( $current_user instanceof WP_User ) {
 if ( $current_user->user_login != "login autorise" ) {
 remove_action( 'load-update-core.php', 'wp_update_plugins' );
 add_filter( 'pre_site_transient_update_plugins', create_function( '$a', "return null;" ) );
 remove_action( 'load-update-core.php', 'wp_update_themes' );
 add_filter( 'pre_site_transient_update_themes', create_function( '$a', "return null;" ) );
 }
 }
Remplacer « login autorise » par le login qui pourra voir les mises à jour. Tous les autres ne verront aucune notification. La condition décrite ici peut-être modifiée selon d'autres critères, comme l'email ($current_user->user_email) ou l'ID utilisateur ($current_user->ID), ou bien encore en utilisant une liste de comptes :
 in_array($current_user->user_login, array ("login A","login B","login C"))
 Pour effectuer la modification, vous pouvez intervenir via le menu Apparence puis Editeur, mais je vous conseillerais de faire la modification directement dans le fichier soit sur le serveur, soit en local avant de le transférer par FTP. En effet, s'il y avait un problème, vous pourriez ne pas pouvoir revenir en arrière depuis l'interface administration, alors que depuis l'éditeur aucun soucis pour annuler une modification.
 A voir aussi
Plus d'informations sur la configuration des mises à jour automatiques dans la documentation de Wordpress.
 Plus de détail sur le contenu de $current_user dans la doc Wordpress.


Indiquer un charset en entête HTTP d'un fichier .ttf
Guillaume Orsal — 2014-08-10T14:16:00Z

		Pour le référencement d'un site, et pour le confort de ses visiteurs, sa rapidité est importante. Parmi les outils d'aide à l'analyse, GTMetrix m'indiquait « Specify a character set early ». Le problème se produisait sur les fichiers font en .ttf car le reste du site fonctionnait correctement.
		Pour tester les entêtes renvoyées par mon site, j'utilise l'analyseur d'entête HTTP de WebRankInfo. Il faut lui indiquer directement le fichier à tester dans le cas d'un test de police de caractères.
 L'objectif est de retrouver charset=utf-8 dans l'entête.
 C'est assez simple, il suffit d'ajouter dans le fichier .htaccess de votre site les lignes suivantes. Tout d'abord on déclare le type .ttf pour ensuite pouvoir le traiter. Bien évidemment, il faut adapter en fonction du type MIME de votre police de caractère et de son extension.
 AddType application/x-font-ttf .ttf
On va affecter le charset souhaité au type de fichier grâce à la directive Apache AddCharset. Ici c'est utf-8, mais à vous d'adapter.
 AddCharset utf-8 .ttf
Et pendant qu'on y est, on définit un délai d'expiration pour activer la gestion du cache. Les polices étant souvent des fichiers lourds, c'est important.
 ExpiresByType application/x-font-ttf "access plus 2592000 seconds"
Il n'y a plus qu'à retester avec GTMetrix, pour obtenir un beau 100% sur ce point.
 Si toutefois la modification devait intervenir sur un fichier unique plutôt que sur l'ensemble des fichiers d'un type particulier, il y a la possibilité de le définir ainsi :
 
 ForceType 'application/x-font-ttf; charset=UTF-8'
 
Bon SEO à tous !


Ecran tactile et Firefox
Guillaume Orsal — 2014-08-05T00:38:00Z

		Firefox ne détecte pas automatiquement un écran est tactile ou pas. Lors d'un développement Web j'obtenais un affichage différent entre Chrome et Firefox, et il m'a fallut un peu de temps pour comprendre que cela était dû au fait que mon écran est tactile.
 La fonction couramment utilisée pour détecter si l'écran est tactile en javascript est :
 'ontouchstart' in document.documentElement
 Mais par défaut, cela renvoie true sur Chrome et false sur Firefox.
 Pour activer la fonctionnalité sur Firefox, il faut accéder aux paramètres, en allant sur la page about:config puis faire une recherche sur touch.
 J'ai modifié l'option dom.w3c_touch_events.expose de 0 (par défaut) à 1 pour activer la fonctionnalité.
 Désormais le fonctionnement est équivalent sur les deux navigateurs.
 N'oubliez pas de désactiver l'option si vous voulez voir ce que la majorité des utilisateurs verront sur leur desktop.


Favicon avec transparence : créer et exporter depuis Photoshop, GIMP et les outils modernes
Guillaume Orsal — 2011-01-26T22:30:06Z

		Les favicons avec transparence améliorent l'expérience utilisateur en permettant une meilleure intégration visuelle sur tous les fonds. Découvrez comment créer des favicons PNG avec canal alpha et les exporter correctement depuis Photoshop, GIMP ou d'autres outils de traitement d'image, en respectant les standards web modernes.
		Pourquoi une favicon avec transparence ?
La favicon est un élément visuel clé de l'identité de votre site. Depuis longtemps, une simple image 16x16 pixels suffisait. Aujourd'hui, avec la montée des thèmes sombres, des interfaces système personnalisées et des navigateurs modernes, une favicon avec canal alpha (transparence) offre une bien meilleure expérience utilisateur. Elle s'adapte élégamment au fond, qu'il soit clair ou sombre.
 Solution 1 : Créer une favicon PNG avec Photoshop
Installer le plugin ICO Format
 Bien que Photoshop supporte le format PNG (qui gère la transparence), pour exporter en .ico avec conservation du canal alpha, vous aurez besoin d'un plugin spécialisé :
  Télécharger le plugin Photoshop pour favicon

 Dézippez le contenu dans le sous-répertoire « plug-ins/file formats » de Photoshop

 Redémarrez Photoshop
 Créer et exporter
  Créez votre favicon en 32x32 pixels (ou plus grand, puis réduisez à la sauvegarde)

 Utilisez « Fichier > Exporter sous » et sélectionnez le format .ico

 Vérifiez que la transparence est conservée
 Conseil : créez votre image en plus grand (400x400 par exemple), puis réduisez-la lors de l'export. Cette approche améliore nettement la qualité finale.
 Solution 2 : GIMP (gratuit et open-source)
GIMP offre l'avantage majeur d'être un logiciel libre et supporte nativement l'export en .ico avec conservation de la transparence :
  Créez votre image en 32x32 pixels

 Utilisez « Fichier > Exporter sous »

 Sélectionnez le format .ico dans la liste des extensions

 La transparence (canal alpha) est automatiquement conservée
 C'est la solution la plus simple, gratuite et directe pour créer une favicon moderne.
 Bonnes pratiques pour les favicons modernes
Format recommandé
 Optez pour le format PNG 32x32 ou 64x64 pixels avec canal alpha. Ce format offre le meilleur équilibre entre compatibilité tous navigateurs et qualité visuelle. Pour les navigateurs très anciens, gardez également une version .ico en fallback.
 Intégration HTML
 Dans l'en-tête  de votre page HTML :
 
 
 
 
Vérification et tests
 Testez votre favicon dans plusieurs navigateurs et sur différents fonds (clair, sombre). Utilisez l'inspecteur de navigateur pour vérifier que le fichier se charge correctement (code HTTP 200). Vérifiez également l'apparence dans les onglets du navigateur et dans les signets.
 Conclusion
Créer une favicon avec transparence est devenu une pratique standard du web moderne. Qu'y vous utilisiez Photoshop, GIMP ou un éditeur en ligne, l'important est de respecter les standards actuels : PNG avec transparence, dimensions adaptées, et test sur plusieurs navigateurs. Une favicon bien intégrée contribue subtilement mais réellement à la qualité de l'expérience utilisateur et à votre branding professionnel.


OAuth - Protocole open source de sécurisation des autorisations d'accès aux API
Guillaume Orsal — 2010-01-19T16:28:48Z

		Un protocole open source de sécurisation des autorisations d'accès aux API, qui permet aux applications d'accéder aux services utilisateurs sans gérer directement les mots de passe. Une innovation prometteuse pour la sécurité web.
		Une petite brève en passant. Je viens de découvrir OAuth.net, un protocole open source, qui permet de sécuriser les autorisations d'accès à une API.
 Cette techno à l'air prometteuse pour une utilisation ultérieure dans différents projets. Je vous en reparle dès que j'ai l'occasion de me plonger dedans.