Cet article traite des «“Widgets classiques”». Si vous utilisez les widgets plus récents basés sur les blocs, veuillez consulter cet article.
Les widgets WordPress ajoutent du contenu et des fonctionnalités à la zone de widgets. La zone de widgets est une zone prédéfinie par le thème, généralement située dans la barre latérale ou le pied de page, mais elle varie d’un thème à l’autre. Parmi les exemples, on trouve les widgets par défaut fournis avec WordPress pour les catégories, le nuage d’étiquettes, la recherche, etc. Les extensions ajoutent souvent leurs propres widgets.
Les widgets ont été conçus à l’origine pour offrir à l’utilisateur un moyen simple et facile à utiliser de contrôler la conception et la structure du thème WordPress. Cette fonctionnalité est désormais disponible dans les thèmes WordPress correctement «“widgetisés”» afin d’inclure l’en-tête, le pied de page et d’autres éléments de la conception et de la structure WordPress.
Les widgets ne nécessitent aucune connaissance ni compétence en programmation. Ils peuvent être ajoutés, supprimés et réorganisés dans le Personnalisateur de thème ou via Apparence > Widgets dans les écrans d’administration WordPress.
Certains widgets WordPress proposent des options et des possibilités de personnalisation, comme des formulaires à remplir, l’inclusion ou l’exclusion de données et d’informations, des images facultatives et d’autres fonctionnalités de personnalisation.
L’éditeur de widgets basé sur les blocs explique comment utiliser l’expérience actualisée des widgets avec les blocs.
L’écran Apparence — Widgets explique comment utiliser les différents widgets inclus dans WordPress dans l’expérience classique.
Les extensions fournies avec des widgets peuvent être trouvées dans le répertoire des extensions WordPress.
Installer des widgets
WordPress est fourni avec une variété de widgets. Si ceux-ci ne répondent pas à vos besoins, vous pouvez en installer de nouveaux en effectuant une recherche dans le répertoire des extensions WordPress, accessible depuis l’écran d’administration WordPress Extensions > Ajouter.
Afficher les widgets
Widgets existants dans les zones de widgets existantes
Avant de pouvoir ajouter un widget, vous devez vérifier que le thème que vous utilisez prend en charge les widgets (plus précisément : une zone de widgets). Pour cela, il vous suffit d’accéder au menu Apparence et de rechercher un sous-menu intitulé «“Widgets”».
Si votre thème prend en charge le Personnalisateur de thème, vous pouvez suivre les étapes suivantes. Dans le Personnalisateur de thème, un aperçu en direct des modifications est disponible.
- Accédez à Apparence > Personnaliser dans les écrans d’administration WordPress.
- Cliquez sur le menu Widget dans le Personnalisateur de thème pour accéder à l’écran de personnalisation des widgets.
- Cliquez sur la flèche vers le bas de la zone de widgets pour afficher les widgets déjà enregistrés.
- Cliquez sur le bouton Ajouter un widget en bas de la barre latérale. La liste des widgets disponibles s’affiche.
- Cliquez sur le widget que vous souhaitez ajouter. Les widgets doivent être ajoutés dans la barre latérale.
- Prévisualisez votre site et vous devriez voir le contenu de votre nouveau widget.
- Pour organiser les widgets dans la barre latérale, faites-les glisser-déposer dans l’ordre souhaité, ou cliquez sur le lien Réorganiser, puis cliquez sur la flèche vers le haut et la flèche vers le bas de chaque widget, et cliquez sur Terminé une fois l’opération terminée.
- Pour personnaliser les fonctionnalités du widget, cliquez sur la flèche vers le bas à droite afin de développer l’interface du widget.
- Pour supprimer le widget, cliquez sur Supprimer dans l’interface du widget à l’étape précédente.
Si votre thème ne prend pas en charge le Personnalisateur de thème, vous pouvez suivre les étapes classiques suivantes :
- Accédez à Apparence > Widgets dans les écrans d’administration WordPress.
- Choisissez un widget et faites-le glisser vers la barre latérale où vous souhaitez qu’il apparaisse, ou cliquez sur le widget, (sélectionnez une barre latérale de destination si votre thème en possède plusieurs), puis cliquez sur le bouton Ajouter le widget. Plusieurs options de barre latérale peuvent être proposées : commencez donc par la première. Une fois le widget placé, WordPress met automatiquement à jour le thème.
- Prévisualisez le site. Vous devriez constater que les éléments de la barre latérale «“par défaut”» ont disparu et que seul le nouvel ajout est visible.
- Retournez à l’écran Widgets pour continuer à ajouter des widgets.
- Pour organiser les widgets dans la barre latérale ou la zone de widgets, cliquez dessus et faites-le glisser à l’emplacement souhaité.
- Pour personnaliser les fonctionnalités du widget, cliquez sur la flèche vers le bas dans le coin supérieur droit afin de développer l’interface du widget.
- Pour enregistrer la personnalisation du widget, cliquez sur Enregistrer.
- Pour supprimer le widget, cliquez sur Supprimer.
Si vous souhaitez supprimer le widget tout en conservant ses réglages pour une utilisation ultérieure, faites-le simplement glisser dans la zone Widgets inactifs. Vous pourrez les rajouter à tout moment depuis cette zone. Cela est particulièrement utile lorsque vous passez à un thème comportant moins de zones de widgets ou des zones différentes.
Lors d’un changement de thème, le nombre et la configuration des zones de widgets/barres latérales varient souvent, et ces différences rendent parfois la transition un peu moins fluide. Si vous avez changé de thème et que certains widgets semblent manquer, faites défiler l’écran jusqu’à la zone Widgets inactifs, où tous vos widgets et leurs réglages auront été conservés.
L’activation du mode d’accessibilité, via les options de l’écran, vous permet d’utiliser les boutons Ajouter et Modifier au lieu du glisser-déposer.
Zones de widgets
Bien que les zones de widgets se trouvent généralement dans les barres latérales des pages web, un thème peut placer des zones de widgets n’importe où sur une page. Par exemple, outre les emplacements habituels dans la barre latérale, le thème Twenty Seventeen possède une zone de widgets dans le pied de page de chaque page.
Utiliser les widgets de texte
Le widget de texte est l’un des widgets WordPress les plus couramment utilisés et est fourni avec chaque installation WordPress. Il permet aux utilisateurs d’ajouter du texte, des vidéos, des images, des listes personnalisées et bien plus encore à leurs sites WordPress.
Pour utiliser le widget de texte WordPress :
- Accédez à Apparence > Personnaliser dans les écrans d’administration WordPress et cliquez sur le menu Widget dans le Personnalisateur de thème. Vous pouvez également accéder à Apparence > Widgets dans les écrans d’administration WordPress.
- Ouvrez la barre latérale à laquelle vous souhaitez ajouter le widget de texte.
- Trouvez le widget de texte dans la liste des widgets.
- Cliquez sur le widget et faites-le glisser jusqu’à l’emplacement où vous souhaitez qu’il apparaisse.
Pour ouvrir et modifier le widget de texte :
- Cliquez sur la flèche vers le bas à droite du titre du widget de texte.
- Définissez le titre du widget de texte (facultatif).
- Ajoutez le texte ou le code HTML dans la zone, ou modifiez le contenu qui s’y trouve actuellement.
- Choisissez l’option Ajouter automatiquement les paragraphes afin d’entourer chaque bloc de texte d’une balise de paragraphe HTML (recommandé pour le texte).
- Cliquez sur Enregistrer pour enregistrer le widget de texte.
- Cliquez sur Fermer pour fermer le widget de texte.
- Changez d’onglet dans votre navigateur, prévisualisez le résultat et effectuez des modifications si nécessaire.
Le widget de texte peut contenir différents types de liens et de lecteurs HTML, XHTML et multimédias, tels que des vidéos et des objets intégrés.
Ajouter du code au widget de texte
Le HTML de base, les contenus intégrés et le JavaScript s’ajoutent facilement au widget de texte WordPress. La plupart des codes d’intégration provenant de sites de partage social pour contenus multimédias fonctionneront dans un widget de texte WordPress. Cependant, le code actif et les langages de programmation tels que PHP ne fonctionneront pas, car le widget supprimera le code qu’il ne peut pas afficher.
Pour ajouter du code actif au widget de texte, utilisez l’une des nombreuses extensions WordPress du répertoire des extensions WordPress qui contournent les restrictions de WordPress concernant l’utilisation de PHP dans les articles. Vérifiez qu’elles fonctionnent avec les widgets, car certaines ne le feront pas.
Utiliser les widgets RSS
Le widget RSS vous permet d’intégrer une source de flux externe dans une zone de widgets de votre site, par exemple votre compte Twitter, des publications Facebook, des publications Google+ ou d’autres blogs.
Le widget RSS affiche le contenu le plus récemment publié depuis toute source disposant d’un flux actif. C’est un moyen idéal d’intégrer du contenu externe à votre site.
Par défaut, le widget RSS WordPress affiche le titre de l’article ou les 100 premiers caractères environ d’un Tweet ou d’un article long sans titre. Ces éléments prennent soit la forme d’un lien, soit comportent un lien vers la source d’origine, selon la conception et la structure du flux’.
- Saisissez l’URL du flux RSS dans la première zone, copiée depuis la page source du contenu que vous souhaitez inclure dans votre barre latérale ou dans un autre espace widgetisé.
- Donnez un titre au flux : cette étape est facultative et vous permet de mettre en valeur la source du contenu.
- Combien d’éléments souhaitez-vous afficher ? : par défaut, 10 sont affichés, mais vous pouvez choisir entre 1 et 20 articles.
- Afficher le contenu de l’élément ? : cela vous permet d’afficher un extrait du contenu, et pas seulement le titre.
- Afficher l’auteur de l’élément s’il est disponible ? : si vous souhaitez créditer l’auteur original du contenu, cochez cette option pour afficher l’auteur.
- Afficher la date de l’élément ? : si elle est disponible, la date du contenu original sera affichée.
Vous pouvez ajouter plusieurs widgets RSS pour les flux entrants à la barre latérale WordPress et aux autres zones widgetisées de votre site.