Les widgets WordPress ajoutent du contenu et des fonctionnalités à vos Sidebars. Les exemples sont les widgets par défaut qui sont livrés avec WordPress ; pour les catégories, le nuage de tags, la recherche, etc. Les plugins ajouteront souvent leurs propres widgets.
Les widgets ont été conçus à l’origine pour fournir un moyen simple et facile à utiliser de donner le contrôle de la conception et de la structure du thème WordPress à l’utilisateur, ce qui est maintenant disponible sur les thèmes WordPress correctement « widgétisés » pour inclure l’en-tête, le pied de page, et ailleurs dans la conception et la structure de WordPress.
Les widgets ne nécessitent aucune expérience ou expertise en matière de code. Ils peuvent être ajoutés, supprimés et réorganisés sur le Customizer du thème ou Appearance > Widgets dans les écrans d’administration de WordPress.
Certains widgets WordPress offrent une personnalisation et des options telles que des formulaires à remplir, des inclusions ou des exclusions de données et d’informations, des images optionnelles et d’autres fonctionnalités de personnalisation.
L’écran Widgets de l’apparence explique comment utiliser les différents Widgets livrés avec WordPress.
Les plugins livrés avec les widgets peuvent être trouvés dans le répertoire de plugins de WordPress.
- Installation des Widgets # Installer les Widgets
- Afficher les widgets # Afficher les widgets
- Les widgets existants dans les zones de widgets existantes # Les widgets existants dans les zones de widgets existantes
- Zones de widgets # Zones de widgets
- Utiliser les Widgets de texte # Utiliser les Widgets de texte
- Ajouter du code au widget de texte # Ajouter du code au widget de texte
- Utilisation des Widgets RSS # Utilisation des Widgets RSS
Installation des Widgets # Installer les Widgets
WordPress est livré préemballé avec une variété de Widgets. Si ceux-ci sont insuffisants pour vos besoins, vous pouvez en installer de nouveaux en effectuant une recherche dans le WordPress Plugin Directory qui est accessible depuis l’écran Plugins > Add New de l’administration WordPress.
Haut de page
Afficher les widgets # Afficher les widgets
Les widgets existants dans les zones de widgets existantes # Les 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 : la zone de widgets). Vous pouvez le faire en naviguant simplement dans le menu Apparence et en recherchant un sous-menu intitulé « Widgets ».
Si votre thème prend en charge Theme Customizer, alors vous pouvez utiliser les étapes suivantes. Dans Theme Customizer, l’aperçu en direct des modifications est disponible.
- Allez dans Apparence > Personnaliser dans les écrans d’administration de WordPress.
- Cliquez sur le menu Widget dans le Customizer du thème pour accéder à l’écran de personnalisation des widgets.
- Cliquez sur la flèche vers le bas de la zone des widgets pour lister les widgets déjà enregistrés.
- Cliquez sur le bouton Ajouter un widget en bas de la barre latérale. Il affiche la liste des widgets disponibles.
- Cliquez sur un widget que vous voulez ajouter. Les widgets devraient ê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 glisser et déposez les widgets dans l’ordre que vous voulez ou cliquez sur le lien Réorganiser et cliquez sur la flèche vers le haut et le bas permettent de chaque widget et cliquez sur Terminé après l’opération d’arrangement.
- Pour personnaliser les fonctionnalités du widget, cliquez sur la flèche vers le bas à droite pour développer l’interface du widget.
- Pour supprimer le widget, cliquez sur Supprimer de l’interface du widget dans l’étape ci-dessus.
Si votre thème ne prend pas en charge le personnalisateur de thème, alors vous pouvez utiliser les étapes conventionnelles suivantes :
- Aller dans Apparence > Widgets dans les écrans d’administration de 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 a plusieurs) et cliquez sur le bouton Ajouter un widget. Il peut y avoir plus d’une option de barre latérale, alors commencez par la première. Une fois en place, WordPress met automatiquement à jour le thème.
- Vérifiez le site. Vous devriez constater que les éléments de la barre latérale » par défaut » ont maintenant disparu et que seul le nouvel ajout est visible.
- Retournez à l’écran Widgets pour continuer à ajouter des Widgets.
- Pour disposer les Widgets dans la barre latérale ou la zone des Widgets, cliquez et faites-les glisser en place.
- Pour personnaliser les fonctionnalités du Widget, cliquez sur la flèche vers le bas dans le coin supérieur droit pour développer l’interface du Widget.
- Pour enregistrer la personnalisation du Widget, cliquez sur Enregistrer.
- Pour supprimer le Widget, cliquez sur Supprimer.
Si vous voulez supprimer le widget mais enregistrer son paramètre pour une éventuelle utilisation future, il suffit de le faire glisser dans la zone des Widgets inactifs. Vous pouvez les rajouter à tout moment à partir de là. Ceci est particulièrement utile lorsque vous passez à un thème avec moins de zones de widgets ou différentes.
Lorsque vous changez de thème, il y a souvent des variations dans le nombre et la configuration des zones de widgets/barres latérales et parfois ces conflits rendent la transition un peu moins douce. Si vous avez changé de thème et qu’il semble manquer des widgets, faites défiler l’écran vers le bas jusqu’à la zone des widgets inactifs, où tous vos widgets et leurs paramètres auront été sauvegardés.
L’activation du mode d’accessibilité, via les options d’écran, vous permet d’utiliser les boutons d’ajout et de modification au lieu d’utiliser le glisser-déposer.
Top
Zones de widgets # 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, en plus des emplacements habituels de la barre latérale, le thème Twenty Seventeen dispose d’une zone de widgets dans le pied de page de chaque page.
Si vous souhaitez placer un widget quelque part sur votre thème qui ne dispose pas d’une zone de widgets prédéfinie, vous aurez besoin de quelques connaissances en programmation et devrez suivre les instructions de la section API Widgets qui se trouve ici.
Top
Utiliser les Widgets de texte # Utiliser les Widgets de texte
Le Widget de texte est l’un des Widgets WordPress les plus couramment utilisés et livré avec chaque installation WordPress. Il permet aux utilisateurs d’ajouter du texte, des vidéos, des images, des listes personnalisées et plus encore à leurs sites WordPress.
Pour utiliser le widget texte WordPress :
- Allez dans Apparence > Personnaliser dans les écrans d’administration de WordPress et cliquez sur le menu Widget dans le personnalisateur de thème. Ou Allez dans Apparence > Widgets dans les écrans d’administration de WordPress.
- Ouvrez la barre latérale à laquelle vous souhaitez ajouter le widget de texte.
- Repérez le widget de texte dans la liste des widgets.
- Cliquez et faites glisser le widget à l’endroit 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 boîte ou modifiez ce qui s’y trouve actuellement.
- Choisissez l’option Ajouter automatiquement des paragraphes pour envelopper chaque bloc de texte dans 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.
- Changer d’onglet dans votre navigateur et prévisualiser les résultats et apporter des modifications si nécessaire.
Le widget de texte peut contenir une variété de liens et de lecteurs HTML, XHTML et multimédia, tels que des embeds vidéo et d’objets.
Top
Ajouter du code au widget de texte # Ajouter du code au widget de texte
Le HTML de base, les embeds et le JavaScript sont ajoutés facilement au widget de texte WordPress. La plupart des codes d’intégration des sites de partage social pour le multimédia fonctionneront dans un widget texte WordPress. Cependant, le code actif et les langages de programmation tels que PHP ne fonctionneront pas car le Widget dépouillera le code qu’il ne peut pas afficher.
Pour ajouter du code actif au Widget Texte, utilisez l’un des nombreux plugins WordPress du répertoire de plugins WordPress qui annulent les restrictions de WordPress sur l’utilisation de PHP dans les articles. Vérifiez qu’ils fonctionneront sur les Widgets car certains ne le feront pas.
Top
Utilisation des Widgets RSS # Utilisation des Widgets RSS
Le Widget RSS vous permet d’intégrer une source de flux externe pour le contenu dans une zone Widget de votre site, comme votre compte Twitter, vos posts Facebook, vos posts Google+ ou d’autres blogs.
Le Widget RSS affiche le contenu le plus récemment publié de toute source avec un flux actif. C’est un moyen idéal d’intégrer du contenu extérieur à votre site.
Par défaut, WordPress RSS Widget affiche le titre de l’article ou les quelque 100 premiers caractères d’un Tweet ou d’un long article sans titre. Ceux-ci se présentent sous la forme d’un lien ou comportent un lien vers la source originale selon la conception et la structure du flux.
- Entrez l’URL du flux RSS dans la première case, copiée depuis la page source du contenu que vous souhaitez inclure dans votre barre latérale ou tout autre espace widgétisé.
- Donnez un titre au flux : Ceci est facultatif et vous donne la possibilité 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 posts.
- Afficher le contenu de l’article ? : Cela vous permet d’afficher un extrait du contenu et pas seulement le titre.
- Afficher l’auteur de l’article si disponible ? : Si vous souhaitez donner du crédit à l’auteur original du contenu, cochez cette case pour afficher l’auteur.
- Afficher la date de l’article ? Si disponible, la date du contenu original sera affichée.
Vous pouvez ajouter plusieurs widgets RSS pour les flux entrants à votre barre latérale WordPress et à d’autres zones widgetisées de votre site.
Top
.