Beaucoup de concepteurs de sites WordPress redoutent souvent les missions de refonte, et c’est compréhensible étant donné la multitude d’éléments à maîtriser et d’étapes à ne pas négliger pour mener à bien ces projets ! De l’analyse de l’existant à la planification de la structure, en passant par l’implémentation du design, la migration du contenu, et la gestion des redirections, chaque étape peut être source de confusion. Pour vous aider à aborder vos futures refontes de site en toute tranquillité, WPMarmite a élaboré une liste exhaustive des étapes incontournables pour une refonte réussie de votre site WordPress. Cet article découle directement de mon expérience personnelle lors de la migration du site Sweet Baby. Confronté aux défis et aux complexités inhérents à ce processus, j’ai réalisé l’importance cruciale d’une planification minutieuse et d’une approche méthodique pour garantir le succès de la refonte d’un site WordPress. Chaque étape décrite dans cet article est le fruit de mes propres apprentissages et découvertes lors de cette expérience. De l’évaluation initiale de l’existant à la phase de recette finale, j’ai été amené à surmonter des obstacles et à trouver des solutions pratiques pour mener à bien cette transition. En partageant ces connaissances acquises à travers cette expérience, j’espère offrir aux lecteurs des conseils pratiques et des astuces éprouvées pour aborder sereinement leurs propres projets de migration de site. Préparer la refonte 1. Évaluation de l’existant Identifier les contenus à maintenir, supprimer ou ajouter. Analyser les éventuels obstacles sur le site, tels qu’une navigation complexe, des processus de vente à optimiser, ou des incitations à l’action à mettre en avant. Assurer la clarté du site pour les visiteurs : est-il compréhensible en moins de 10 secondes ? Examiner la structure du site pour déterminer s’il convient de la maintenir telle quelle ou s’il faut apporter des modifications, voire supprimer des URL. Consulter le client sur ses préférences en matière de design et de couleur : souhaite-t-il conserver la même charte graphique ? Recueillir une liste de sites qu’il apprécie et une liste de ceux qu’il n’aime pas afin de mieux cerner ses attentes. 2. Élaboration du design Création de wireframes pour esquisser la structure du site sans éléments de design, afin de positionner les différents éléments de chaque page. Intégration de la charte graphique et du design final à travers des maquettes réalisées sur des plateformes telles que Figma ou Adobe. 3. Choix des solutions techniques Sélection du thème WordPress adapté aux besoins du projet. Évaluation des extensions existantes : sont-elles toutes maintenues et compatibles avec la version actuelle de WordPress ? Identification des nouvelles extensions nécessaires pour répondre aux exigences du nouveau site. Décision sur l’utilisation d’un constructeur de page. Analyse des fonctionnalités requises qui pourraient nécessiter un développement personnalisé. Il est primordial de bien aborder ces aspects afin d’estimer correctement le temps nécessaire et de minimiser les risques liés à des choix techniques inadaptés, évitant ainsi des ajustements majeurs en cours de développement. 4. Évaluation et migration des contenus Identifier l’ensemble des contenus et des données à transférer lors du déploiement du site pour garantir aucune perte d’information, incluant articles, pages, utilisateurs, métadonnées, commandes, abonnements, points de fidélité, codes promotionnels, etc. Évaluer la quantité de données à migrer et déterminer la méthode de transfert la plus adaptée (extension, outil d’export de WordPress ou migration manuelle) pour préserver l’intégrité de l’historique du site. 5. Élaboration d’un plan de redirection En cas de modification des URL de page pour simplification ou réorganisation du site, élaborer un plan de redirection afin d’éviter les erreurs 404 et de préserver le référencement du site client. Assurer la conservation de chaque modification effectuée pour rediriger chaque URL modifiée vers sa nouvelle destination sur le nouveau site. Lancer la refonte 1. Établissement d’un environnement de travail optimal Choisissez l’environnement de travail adapté, que ce soit en local avec des outils comme Local, sur une URL de préproduction sur votre serveur, ou même sur un sous-domaine du site en production. Vous pouvez également envisager l’utilisation d’InstaWP, un service pratique qui simplifie le déploiement tout en facilitant le partage avec le client. L’objectif principal est d’avoir un environnement de développement le plus proche possible de celui de production pour éviter les surprises. 2. Intégration du design Une fois que tout est en place, passez à l’intégration du design. Assurez-vous de vérifier le rendu sur différents appareils, y compris ordinateurs, tablettes et smartphones. 3. Migration du contenu Le design est finalisé ? Il est alors temps de migrer les données du site original, si nécessaire, pour que votre site de développement soit à jour et identique en termes de contenu. Si vous avez bien anticipé la migration du contenu lors de la phase de préparation de la refonte, tout devrait se dérouler sans problème. Publier la refonte 1. Déploiement en préproduction sur le serveur final Avant d’effectuer la migration définitive, installez le nouveau site sur le serveur du client en utilisant une URL de préproduction. Cela permet de vérifier son bon fonctionnement et de s’assurer que le rendu correspond aux attentes. 2. Phase de recette La recette revêt une importance cruciale. C’est à ce stade que les derniers bogues sont corrigés et que le bon fonctionnement global du site est vérifié. Impliquez le client dans cette phase pour bénéficier d’un regard neuf sur le projet et le rassurer avant la mise en ligne finale. 3. Passage du site initial en mode maintenance Mettez le site initial en mode maintenance pour éviter toute interaction pendant le transfert vers le nouveau site. Cette étape est essentielle pour éviter la perte de données lors de la migration, notamment lors de commandes ou de commentaires qui pourraient être effectués pendant ce laps de temps. 4. Migration du nouveau site vers la production Une fois tout vérifié, migrez le site de préproduction vers la production. Assurez-vous de sauvegarder les deux sites avant le transfert pour disposer d’une solution de secours en cas de problème. Vous pouvez également effectuer cette migration manuellement via des outils tels que SFTP et PHPMyAdmin.
Intégrer PHP à WordPress : Deux Approches pour Inclure des Extraits de Code PHP
WordPress, un système de gestion de contenu (CMS) open-source construit avec PHP, un langage de script très répandu utilisé par 76,4 % des sites web, offre une plateforme flexible pour la création de sites web. Comprendre le fonctionnement de PHP peut grandement bénéficier à l’optimisation de votre site internet. Cependant, WordPress ne permet pas aux utilisateurs d’ajouter directement du code PHP via ses éditeurs de blocs ou l’éditeur classique, principalement pour des raisons de sécurité. Pour incorporer du code PHP, vous devrez recourir à l’utilisation d’un plugin dédié ou à l’ajout manuel dans les fichiers de votre site web. Cet article explore les différentes approches pour insérer du code PHP dans WordPress, offrant des instructions simples à suivre même pour ceux qui ne sont pas familiers avec le développement sur WordPress. Il est essentiel de comprendre le langage PHP et son importance dans l’écosystème de WordPress. Une fois que vous vous sentirez à l’aise avec ces notions, vous pourrez alors explorer les méthodes suivantes pour intégrer du code PHP personnalisé en fonction de vos besoins et de votre situation particulière. Comment Intégrer du Code PHP en Utilisant un Plugin Comme précédemment mentionné, WordPress bloque la possibilité pour les utilisateurs d’ajouter directement du code personnalisé via son éditeur intégré afin de prévenir les attaques par injection de code. Pour insérer du code PHP en toute sécurité dans un article ou une page WordPress, une approche consiste à le convertir préalablement en shortcode. Bien qu’il soit possible de créer manuellement un shortcode dans WordPress, l’utilisation d’un plugin peut simplifier le processus. Plusieurs extensions permettant d’ajouter du code personnalisé sont disponibles dans le répertoire de WordPress. Pour les besoins de ce tutoriel, nous opterons pour l’une des options les plus populaires : WPCode. Voici comment intégrer un extrait de code PHP en utilisant le plugin WordPress WPCode : Après avoir installé et activé le plugin, vous verrez apparaître un nouvel élément de menu intitulé ‘Extraits de code’ dans la barre latérale de votre tableau de bord WordPress. Dirigez-vous vers l’onglet ‘Extraits de code’ puis sélectionnez ‘Ajouter un extrait’ pour accéder à une bibliothèque d’extraits de code préfabriqués destinés à des fonctions spécifiques. Pour ajouter un code PHP personnalisé, choisissez le bouton ‘Utiliser un extrait’ sous l’option ‘Ajouter votre code personnalisé’ (nouvel extrait). Nommez votre nouvel extrait de code PHP et saisissez le code dans la zone de prévisualisation du code. Assurez-vous de sélectionner ‘Extrait PHP’ dans le menu déroulant ‘Type de code’. Pour notre exemple, nous créons un extrait de code personnalisé pour récupérer le fuseau horaire de Los Angeles que nous appelons « Get Time Zone ». Enfin, cliquez sur ‘Enregistrer l’extrait’ pour valider. Dans la section ‘Insertion’, choisissez la méthode pour ajouter le nouveau snippet PHP à votre site. Optons pour l’insertion automatique et définissons l’emplacement sur ‘Pied de page du site’. Activez l’extrait de code en basculant l’interrupteur dans la barre de menu supérieure, puis cliquez sur ‘Mettre à jour’. Cela affichera le fuseau horaire demandé dans le pied de page de toutes les pages. Choisissez l’option ‘Shortcode’ pour transformer votre code en une version simplifiée que vous pouvez copier et coller sur les articles et les pages de WordPress. Cliquez sur le bouton ‘Copier’ pour récupérer le shortcode, puis collez-le sur l’article ou la page WordPress de votre choix. Avec l’option d’insertion automatique, vous pouvez définir une logique conditionnelle pour exécuter le code PHP personnalisé. Dans la version gratuite, vous pouvez utiliser des paramètres tels que le rôle de l’utilisateur, le type de page et l’URL spécifique. Pour cela, sélectionnez ‘Ajouter un nouveau groupe’, configurez la logique conditionnelle, puis cliquez sur ‘Mettre à jour’. Si WPCode ne convient pas à vos besoins, vous pouvez explorer d’autres options de plugins WordPress répertoriées ci-dessous : Code Snippets : Offre un éditeur de code intégré avec des fonctionnalités de vérification des erreurs et la possibilité de regrouper des extraits similaires à l’aide de balises. Head & Footer Code : Vous permet de définir la priorité du code personnalisé dans les sections de l’en-tête, du corps et du pied de page. Post Snippets : Permet de réorganiser les extraits à l’aide de la fonction glisser-déposer. Comment Intégrer Manuellement du Code PHP dans WordPress L’approche via un plugin simplifie l’intégration de code PHP personnalisé sur votre site, mais peut être limitante pour une personnalisation avancée. Pour une flexibilité accrue, envisagez une approche manuelle. Avant de modifier les fichiers PHP, assurez-vous de sauvegarder votre site web pour éviter toute perte de données en cas d’erreur. Il existe deux principales méthodes pour ajouter manuellement du code PHP à votre site WordPress : via l’éditeur de thème intégré à WordPress ou à l’aide d’un gestionnaire de fichiers ou d’un client FTP avec un éditeur de texte. L’éditeur de thème offre une solution rapide pour l’ajout de code PHP, accessible directement depuis votre tableau de bord WordPress. Cependant, il ne dispose pas des fonctionnalités avancées des éditeurs de code, telles que la vérification des erreurs et l’auto-complétion. Voici comment intégrer du PHP personnalisé dans WordPress en utilisant l’éditeur de thème : Accédez à « Apparence » → « Éditeur de thème » depuis votre tableau de bord d’administration. Dans la barre latérale droite, sélectionnez le fichier functions.php. Insérez le code correspondant à la fonctionnalité désirée dans l’éditeur WordPress, puis cliquez sur ‘Mettre à jour le fichier’. Pour modifier les fichiers du plugin, accédez à « Extensions » → « Éditeur de fichiers des extensions » et suivez les mêmes étapes que précédemment. Veuillez noter que l’emplacement des éditeurs de plugins et de thèmes peut varier en fonction de votre thème actif. Cependant, pour les utilisateurs ayant des compétences techniques, il est recommandé d’apporter des modifications à vos fichiers WordPress en utilisant le gestionnaire de fichiers de votre hébergeur ou un client FTP tel que FileZilla. Cette méthode vous permet également d’accéder et de modifier d’autres fichiers que les thèmes et les plugins. Quels sont les Avantages d’Intégrer du Code PHP dans WordPress ? Pour les sites web hébergés sur WordPress géré, l’ajout de code PHP
Mise à jour du prix des produits WooCommerce sous MySQL
La gestion des prix des produits dans une boutique WooCommerce peut devenir un processus complexe, surtout lorsque vous avez besoin de mettre à jour les prix de manière massive. Cet article détaille une méthode pour mettre à jour les prix réguliers et les prix de vente des produits WooCommerce directement via MySQL, en utilisant des requêtes SQL précises. Cette approche est particulièrement utile pour les développeurs et les administrateurs de sites e-commerce qui souhaitent automatiser et simplifier les mises à jour de prix. Mise à Jour des Prix Réguliers Pour mettre à jour les prix réguliers (_regular_price) des produits, vous pouvez utiliser la requête SQL suivante. Cette requête augmente les prix réguliers de 40% pour tous les produits appartenant à une certaine catégorie (identifiée par term_taxonomy_id = 376). UPDATE `wp_postmeta` SET `meta_value` = ROUND(`meta_value` * 1.40, 2) WHERE meta_key = ‘_regular_price’ AND `post_id` IN ( SELECT `object_id` AS product_id FROM `wp_term_relationships` WHERE term_taxonomy_id = 376 AND `object_id` IN ( SELECT `ID` FROM `wp_posts` WHERE `post_type` = ‘product’ AND `post_status` = ‘publish’ AND `ID` = `object_id` )); Mise à Jour des Prix de Vente De manière similaire, pour mettre à jour les prix de vente (_price) des produits, utilisez la requête SQL suivante : UPDATE `wp_postmeta` SET `meta_value` = ROUND(`meta_value` * 1.40, 2) WHERE meta_key = ‘_price’ AND `post_id` IN ( SELECT `object_id` AS product_id FROM `wp_term_relationships` WHERE term_taxonomy_id = 376 AND `object_id` IN ( SELECT `ID` FROM `wp_posts` WHERE `post_type` = ‘product’ AND `post_status` = ‘publish’ AND `ID` = `object_id` )); Suppression de la Mise en Cache des Prix Après avoir mis à jour les prix, il est important de supprimer les caches de prix stockés dans la table wp_options. Cela garantit que les nouvelles valeurs de prix seront prises en compte immédiatement par WooCommerce. DELETEFROM `wp_options`WHERE (`option_name` LIKE ‘_transient_wc_var_prices_%’OR `option_name` LIKE ‘_transient_timeout_wc_var_prices_%’) Précautions et Sauvegardes Avant d’exécuter ces requêtes, il est essentiel de prendre une sauvegarde complète de votre base de données. Cette précaution permet de restaurer les données en cas de problème lors de la mise à jour. # Commande pour sauvegarder la base de données MySQLmysqldump -u username -p database_name > backup_file.sql Mettre à jour les prix des produits WooCommerce via MySQL peut considérablement simplifier le processus de gestion des prix, surtout lorsqu’il s’agit de modifications de masse. En suivant les requêtes SQL fournies et en prenant les précautions nécessaires, vous pouvez efficacement et en toute sécurité ajuster les prix de vos produits. Cette méthode a été testée et fonctionne correctement. En cas de doute, n’hésitez pas à consulter un développeur ou un administrateur de base de données expérimenté. J’espère que cela vous aide !
Configurer le plugin Google XML Sitemaps pour WordPress
L’objectif ultime de toute stratégie de référencement est de dominer les premières positions des moteurs de recherche. Cependant, avant même de pouvoir commencer à y parvenir – et bien avant que l’optimisation sur site et les liens entrants ne deviennent des facteurs -, votre site web doit être indexé. L’indexation signifie simplement que votre contenu est reconnu par les moteurs de recherche et peut être découvert via des requêtes pertinentes. Si le trafic organique des moteurs de recherche fait partie intégrante de votre stratégie à long terme, il est essentiel d’être régulièrement indexé par des moteurs comme Google. Bien sûr, l’indexation de votre site nécessite une visite des célèbres Googlebots. Ces robots explorent votre site, inspectant chaque recoin à la recherche de nouvelles pages web. Lorsque du contenu nouveau (ou mis à jour) est détecté, l’URL est renvoyée aux moteurs de recherche pour être indexée. Une fois indexé, votre site commencera à apparaître dans les SERP. C’est à ce moment-là que vos stratégies de référencement peuvent commencer à porter leurs fruits, vous aidant à améliorer votre classement. En d’autres termes, l’indexation est la première étape de toute stratégie SEO. La méthode la plus simple pour être indexé est de créer un sitemap XML pour votre site web, puis de le soumettre à Google Search Console. Heureusement, cela est facile pour les utilisateurs de WordPress, grâce à des plugins tels que l’excellent plugin Google XML Sitemaps. Le plugin Google XML Sitemaps, créé par Arne Brachhold, est disponible depuis près d’une décennie. Vous pouvez le télécharger gratuitement depuis le dépôt WordPress, où il a la distinction d’être le plugin WordPress le mieux noté de tous les temps, avec une note de 4,9 sur 5 et plus de 18 millions de téléchargements à ce jour ! Aujourd’hui, je vais vous montrer comment installer et configurer ce superbe plugin. Commençons. Qu’est-ce qu’un Sitemap XML ? Commençons par répondre à la question : qu’est-ce qu’un sitemap XML ? Un sitemap fournit une vue d’ensemble de la structure de votre site web. Il est conçu pour aider les moteurs de recherche à découvrir l’ensemble de votre contenu en ligne, y compris les nouvelles URL et les articles récemment mis à jour. La partie XML se réfère au langage de balisage utilisé pour communiquer des informations supplémentaires aux moteurs de recherche, telles que la date de publication d’une page ou la date de sa dernière mise à jour. En suivant votre sitemap, les moteurs de recherche peuvent explorer et indexer l’intégralité de votre site, à moins que vous n’ayez choisi d’ajouter une balise noindex à une page. Cela signifie qu’un sitemap est le seul moyen de garantir que tout le contenu requis soit pris en compte par les moteurs de recherche. Considérez l’alternative : sans sitemap, les moteurs de recherche doivent tomber sur votre site par hasard ou, plus probablement, via des liens entrants. Les robots d’exploration peuvent encore indexer certaines de vos pages de cette manière, surtout si votre site est bien organisé avec de nombreux liens internes. Cependant, il n’y a aucune garantie que chaque article et chaque page soient indexés. De plus, l’indexation risque de se faire beaucoup plus lentement. Comment Installer Google XML Sitemaps ? Passons maintenant au cœur du sujet : comment installer et configurer le plugin Google XML Sitemaps. Ne vous inquiétez pas si vous n’avez jamais installé de plugin WordPress auparavant — le processus est remarquablement simple. Connexion au Tableau de Bord WordPress Connectez-vous à votre tableau de bord WordPress, puis allez dans Extensions > Ajouter. Recherche du Plugin Tapez ‘Google XML Sitemaps’ dans la barre de recherche. Il existe de nombreux plugins aux noms similaires, alors assurez-vous de choisir le bon (celui développé par Arne Brachhold). Installation du Plugin Lorsque vous le trouvez, cliquez sur Installer maintenant, puis sur Activer. Le tour est joué. Dès que vous activez le plugin, Google XML Sitemaps générera automatiquement votre premier sitemap, prenant un instantané de votre site web dans son état actuel. Vous pouvez visualiser votre sitemap en ajoutant l’extension /sitemap.xml à votre domaine. Votre sitemap énumérera toutes vos URL, ainsi que le niveau de priorité et la fréquence de changement (nous reviendrons sur ces points plus tard). Pour l’instant, voici une capture d’écran de mon sitemap XML (certes basique). En suivant ces étapes simples, vous pouvez rapidement et facilement installer et configurer le plugin Google XML Sitemaps, assurant ainsi que tout votre contenu soit correctement indexé par les moteurs de recherche. Comment Configurer Google XML Sitemaps Il est maintenant temps de configurer votre nouveau plugin. Toutes les options du plugin sont accessibles depuis un seul écran : allez dans Réglages > XML-Sitemap. Heureusement, le plugin est livré avec un ensemble de configurations par défaut judicieux. Vous pourriez probablement laisser les paramètres tels quels et le plugin fonctionnerait très bien dès son installation. Cependant, je préfère en apprendre un peu plus sur les capacités de mon plugin afin de le configurer de manière optimale en fonction de mes besoins. Si cela vous intéresse, continuez à lire, car cette section couvre tous les principaux réglages. Juste après l’installation, vous pourriez voir le message suivant en haut de l’écran : « Les moteurs de recherche n’ont pas encore été notifiés. » 1. Notifier les Moteurs de Recherche Pour notifier immédiatement les moteurs de recherche de votre nouveau sitemap, cliquez sur le lien de notification. Cela permettra aux moteurs de recherche comme Google et Bing de découvrir votre sitemap plus rapidement. 2. Réglages de Base Dans la section des réglages de base, vous pouvez spécifier des options générales comme : Nombre maximum d’URLs par sitemap : Laissez ce paramètre par défaut à moins que vous ayez un très grand site. Réduire la charge serveur : Activez cette option pour minimiser l’impact du plugin sur les performances de votre serveur. 3. Types de Contenu à Inclure Choisissez les types de contenu que vous souhaitez inclure dans votre sitemap. Par défaut, les articles et les pages sont sélectionnés, mais vous pouvez également inclure des catégories, des