WordPress

Avant de commencer

Nous vous recommandons de sauvegarder votre site avant toute modification ou mise à jour. Ainsi, vous aurez une copie de votre site s'il s'avère nécessaire de le restaurer.

Si vous n'êtes pas sûr de savoir comment faire une sauvegarde de votre site WordPress, consultez la documentation de sauvegarde WordPress. En cas de difficultés, consultez les forums d'assistance WordPress ou parcourez notre propre communauté d'aide aux webmasters pour obtenir des conseils.

Mon site est hébergé sur WordPress.com

Si vous hébergez votre site sur wordpress.com (par exemple monsite.wordpress.com), nous avons une bonne nouvelle pour vous.

WordPress propose automatiquement un thème mobile-friendly (adapté aux mobiles) pour votre site en fonction de votre thème actuel et de la plate-forme mobile du visiteur. Pour en savoir plus, consultez la page d'assistance pour les thèmes mobiles de WordPress.

J'utilise WordPress avec mon propre nom de domaine

1. Quels sont la version et le thème WordPress que j'utilise ?

1.1 Comment puis-je le vérifier ?

Vous pouvez vérifier la version de WordPress que vous utilisez en suivant l'une des méthodes ci-dessous :

  • Consultez votre panneau d'administration. Pour les dernières installations Wordpress, le numéro de version est indiqué vers le haut du tableau de bord comme illustré ci-dessous. Pour les anciennes versions, le numéro de version peut figurer dans le pied de page.
Le tableau de bord WordPress
  • Allez sur le site Web pour lequel WordPress est installé. Utilisez la fonction "Afficher le code source" de votre navigateur et recherchez dans la page la balise Meta "generator", qui indique le numéro de version. Exemple : <meta name="generator" content="WordPress 3.9.2" />

  • Le numéro de version de WordPress se trouve également dans le fichier /wp-includes/version.php, et peut être consulté dans un éditeur de texte. Si ce fichier se trouve sur un serveur distant, sachez que les logiciels FTP permettent souvent d'afficher le contenu des fichiers texte distants.

Pour en savoir plus sur la façon de vérifier votre version, consultez les FAQ d'installation de WordPress.

Remarque : Si vous vous sentez perdu à ce stade, nous vous conseillons d'arrêter ou de confier cette tâche à un expert. Si vous êtes téméraire, WordPress met à votre disposition une assistance et une documentation adaptées.

Allez dans le panneau d'administration, puis choisissez Apparence > Thèmes.

Vérifiez si votre thème nécessite une mise à jour.

1.2 Mettez à jour votre version et votre thème si nécessaire.

Si votre version de WordPress n'est pas la dernière disponible, nous vous recommandons fortement de la mettre à jour en suivant ces instructions. Le téléchargement de la dernière version applique automatiquement les mises à jour de sécurité nécessaires et peut adapter votre site aux mobiles.

Si une version plus récente de votre thème est disponible, il se peut qu'elle soit mobile-friendly.

1.3 Vérifiez votre URL avec l'outil de test d'optimisation mobile.

Testez votre URL avec l'outil de Test d'optimisation mobile maintenant que la version et les thèmes de votre logiciel de site Web sont à jour. Si le test indique que votre site est mobile-friendly, vous avez terminé !

Résultat positif au test d’optimisation mobile

Si le site n'est pas mobile-friendly, essayez de changer de thème ou de personnaliser le thème actuel. Nous avons rassemblé la documentation suivante pour vous guider dans ce processus.

2. Comment rendre mon installation WordPress mobile-friendly (adaptée aux mobiles) ?

2.1 Je veux créer un nouveau thème mobile-friendly pour mon site.

Ce choix signifie généralement que vous souhaitez un thème qui utilise des principes de responsive design modernes. Le plus grand avantage du responsive design est que l'affichage de votre site est aussi agréable sur les navigateurs des ordinateurs de bureau que sur ceux des mobiles, car il s'adapte à tous les types de navigateur qu'il rencontre en utilisant le même code HTML, CSS et JavaScript.

Vérifiez si une mise à jour de votre thème actuel est disponible et si cette mise à jour est mobile-friendly.

Il vous suffit peut-être de mettre à jour le thème. Mettre à jour votre thème est de toute façon une bonne idée, car votre site recevra en plus des correctifs de sécurité essentiels.

Les thèmes ont généralement une page de démonstration en ligne. Il est conseillé de consulter ces pages non seulement sur un ordinateur de bureau mais également sur un appareil mobile afin de vérifier que le thème se comporte selon vos besoins. Le plus simple est de consulter la page de démonstration du thème sur un appareil mobile.

Si vous ne possédez pas d'appareil mobile, voici quelques alternatives :

  • Si vous utilisez Google Chrome, il existe une fonction d'émulation d'appareils mobiles dans les outils pour les développeurs Google Chrome. Vous pouvez trouver ces outils dans le menu Chrome en cliquant sur Plus d'outils > Outils de développement. Consultez la documentation Mode de l'appareil (en anglais) pour en savoir plus sur la fonction d'émulation.
  • Si le thème possède un responsive design, le test le plus simple consiste à réduire la fenêtre de l'ordinateur de bureau à la taille de l'appareil mobile. L'objectif est de pouvoir consulter ces thèmes sur tout navigateur, qu'il s'agisse d'un ordinateur de bureau ou d'un mobile. Ils changent ainsi de comportement selon la taille de la fenêtre d'affichage et s'adaptent en général à la largeur du navigateur. Sachez que cela ne fonctionne pas si le thème que vous avez choisi varie en fonction du user-agent du navigateur. Il est donc plus sûr d'avoir un appareil mobile.

Pensez également à vérifier les thèmes avec notre outil PageSpeed Insights. Si cet outil vous donne un score élevé, le thème que vous avez choisi fonctionnera bien sur les appareils mobiles.

Si votre thème actuel n'est pas mobile-friendly, cherchez-en un autre.

Nous vous invitons à rechercher un nouveau thème adaptatif. Wordpress.org gère un répertoire de thèmes. Vous pouvez personnaliser votre recherche de thème grâce à la fonctionnalité de filtre de balises :

Ces thèmes utilisent les principes du responsive design. Si une démonstration du thème est disponible, pensez à le tester avec notre outil d'optimisation mobile.

  • Parcourez les thèmes WordPress les plus téléchargés. De nombreux thèmes parmi les plus populaires possèdent un responsive design.

  • Recherchez les mots clés "responsive" ou "mobile" dans la description des thèmes.

Les thèmes du répertoire de wordpress.org sont généralement compatibles avec les versions les plus récentes de WordPress. Vérifiez que votre thème est mobile-friendly à l'aide de l'outil PageSpeed Insights.

2.2 Je souhaite conserver la version pour ordinateur de mon site et offrir aux mobinautes une version mobile-friendly.

Si vous ne souhaitez pas changer de thème, d'autres options sont disponibles sur la plate-forme WordPress. Des solutions tierces peuvent vous aider en vous permettant d'ajouter à votre site des fonctionnalités adaptées aux mobiles. Cela peut se faire via l'architecture de plug-ins de WordPress. Voici certaines de ces solutions :

  • Jetpack, qui offre aux propriétaires de site les fonctionnalités mobile-friendly de wordpress.com pour les sites qu'ils hébergent eux-mêmes.

  • WPTouch qui est une solution de plug-in qui permet de créer une version de votre site distincte et mobile-friendly. Vos thèmes pour ordinateur de bureau resteront inchangés. Pour les mobinautes, votre site s'affichera avec un thème différent. Vous pouvez choisir entre plusieurs thèmes disponibles.

  • WP Mobile Detector, qui est similaire à WPTouch et met à votre disposition des thèmes pour les mobinautes qui consultent votre site.

Suivez les étapes et les suggestions de la rubrique 2.2 et assurez-vous que les plug-ins sont configurés de façon à optimiser correctement vos pages Web pour les mobiles.

2.3 Je souhaite personnaliser mon installation WordPress actuelle (thèmes et plug-ins) pour l'adapter aux mobiles.

Il s'agit d'un contenu de niveau intermédiaire à avancé, qui nécessite une connaissance approfondie en matière de HTML et de CSS. Voici quelques exemples de ressources :

3. Mon site WordPress est-il mobile-friendly à présent ? Vérification finale

Nous espérons que votre site est désormais mobile-friendly et prêt à être diffusé auprès de votre public mobile. Nous vous invitons à utiliser l'outil de Test d'optimisation mobile dès maintenant.

Si les résultats des tests ne sont pas satisfaisants ou si vous avez d'autres questions, vous pouvez consulter notre forum d'aide pour les webmasters pour obtenir des conseils et une assistance supplémentaires.

Nous cherchons constamment à améliorer notre documentation, aussi n'hésitez pas à nous faire part de vos commentaires en remplissant ce formulaire.