De nombreuses raisons expliquent la popularité de WordPress, notamment sa flexibilité. Par exemple, les widgets WordPress vous permettent d’effectuer des personnalisations faciles et efficaces. Comprendre le fonctionnement de ces modules peut vous aider à optimiser et à améliorer votre site – en particulier vos barres latérales et vos pieds de page – sans avoir à toucher au code.
Dans cet article, nous allons vous présenter les widgets WordPress et expliquer leurs utilisations. Nous verrons où vous pouvez les afficher sur votre site, puis nous vous expliquerons comment les mettre en valeur, les désactiver, les importer ou les exporter.
Les widgets sont des éléments que vous pouvez utiliser pour afficher facilement différents types de contenu dans votre barre latérale et votre pied de page WordPress. Il peut s’agir de texte, de liens, d’images, etc.
Pour de nombreux utilisateurs, notamment les débutants sans grande expérience technique, les widgets sont incroyablement utiles. Vous pouvez utiliser ces modules préconstruits pour améliorer à la fois la conception et la fonctionnalité de vos pages sans avoir à coder manuellement de nouvelles fonctionnalités.
Les widgets sont de petits blocs de contenu et ne constituent généralement pas l’élément principal d’une page. Toutefois, cela ne signifie pas qu’ils ne jouent pas un rôle essentiel. Par exemple, vous pouvez les utiliser pour afficher la météo, mettre en évidence un lieu sur une carte ou fournir aux visiteurs un menu de navigation pratique.
Alors que les thèmes WordPress vous permettent de modifier l’aspect et la convivialité de votre site Web, les widgets vous permettent d’ajouter et de personnaliser des fonctionnalités spécifiques à certaines zones. WordPress est livré avec une variété d’options par défaut :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Vous pouvez utiliser ces widgets pour tout, de l’affichage de barres de recherche à la présentation d’une liste de commentaires ou d’articles récents. En plus de ces options prêtes à l’emploi, il est également possible de créer vos propres widgets.
De plus, certains thèmes et plugins sont livrés avec leurs propres widgets uniques. Par exemple, MetaSlider vous permet d’ajouter des curseurs d’images à vos zones de widgets :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Un autre exemple est notre plugin de partage social Monarch, qui vous permet de mettre en valeur vos comptes de médias sociaux :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Quel que soit le type de widget que vous recherchez, vous trouverez forcément une option adaptée.
Où vous pouvez afficher les widgets WordPress
Il y a généralement plusieurs zones de widgets sur un site WordPress. Généralement, les widgets sont placés soit dans la barre latérale, soit dans le pied de page. Cependant, ce ne sont pas les deux seules options.
Le nombre de zones de widgets dont vous disposez sera largement dicté par votre thème. Certains thèmes peuvent offrir plusieurs barres latérales ou vous permettre d’ajouter des widgets à des endroits tels que l’en-tête de votre site.
Vous trouverez ci-dessous un exemple de widgets dans une barre latérale (1) et un pied de page (2) :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Vous pouvez choisir de présenter les widgets uniquement sur des pages spécifiques, ou sur toutes les pages de votre site. Par exemple, si vous souhaitez inclure un widget Barre de recherche sur chaque page, vous pouvez ne vouloir afficher le widget Articles récents que sur votre blog.
Comment afficher les widgets WordPress
Lorsqu’il s’agit de mettre en valeur les widgets sur votre site WordPress, vous avez quelques options. Tout d’abord, il est utile de savoir quelles zones de votre site sont adaptées aux widgets.
Ajout de widgets à partir de l’écran d’administration de WordPress
Pour voir où vous pouvez afficher les widgets WordPress dans votre thème actuel, vous pouvez vous rendre dans Apparence > Widgets dans votre tableau de bord :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
WidgetThe WordPress Appearance > Widgets menu item.s menu item. » width= »971″ height= »458″>
Dans le dernier thème par défaut de WordPress, Twenty Twenty-One, vous trouverez une seule zone de widgets dans le pied de page :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Cependant, si vous utilisez notre thème Divi, vous aurez accès à une pléthore de zones de widgets, y compris une barre latérale et plusieurs pieds de page. Vous aurez également la possibilité de créer vos propres zones de widgets à utiliser dans le module de la barre latérale :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Pour afficher un widget dans l’une de ces sections, il vous suffit de glisser-déposer le module de votre choix sous la section désignée. Par exemple, si vous souhaitez ajouter un widget à votre barre latérale, vous le placerez sous le panneau Sidebar. Comme vous pouvez le voir dans l’exemple ci-dessus, nous avons actuellement des messages récents et des commentaires récents.
Vous pouvez également cliquer sur le widget, sélectionner la zone dans laquelle vous souhaitez l’ajouter, puis cliquer sur Ajouter un widget :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
L’écran Apparence > Widgets est l’une des deux méthodes que vous pouvez utiliser pour afficher des widgets. Une autre option consiste à utiliser le personnalisateur de thème de WordPress.
Ajout de widgets à partir du personnalisateur de thème
Pour commencer, accédez à Apparence > Personnaliser dans votre tableau de bord :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Customize menu item. » width= »969″ height= »462″>
Sur cette page, il y aura généralement une section Widgets:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Ensuite, vous pouvez sélectionner la zone à laquelle vous voulez ajouter le widget parmi les options disponibles. Cliquez ensuite sur Ajouter un widget:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Ensuite, dans la liste des options de widget, choisissez le module que vous voulez ajouter :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Vous pouvez donner un titre au widget si vous le souhaitez, mais ce n’est pas nécessaire. Vous pouvez donner un titre au widget si vous le souhaitez, mais ce n’est pas nécessaire. Notez que si vous entrez un titre, il sera visible sur le front-end pour vos visiteurs.
Lorsque vous avez terminé, cliquez sur Publier pour enregistrer vos modifications. Lorsque vous visitez votre site, vous devriez voir le widget s’afficher :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
C’est fait ! Vous pouvez répéter ce processus pour ajouter autant de modules que vous le souhaitez dans n’importe quelle zone de votre site adaptée aux widgets.
Comment désactiver les widgets WordPress
Lorsque vous expérimentez les widgets WordPress, vous pouvez avoir besoin de savoir comment les supprimer ou les désactiver. Heureusement, le processus pour le faire est rapide et facile, et vous avez quelques options.
Suppression manuelle des widgets
La première méthode consiste à supprimer manuellement vos widgets. Accédez à Apparence > Widgets, puis naviguez jusqu’à la zone de widgets qui contient le module que vous souhaitez supprimer. Cliquez sur la flèche pour le développer, puis cliquez sur Supprimer:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Le processus est similaire si vous souhaitez utiliser le Customizer. Accédez à Apparence > Personnalisation > Widgets. Ouvrez le panneau des widgets, localisez le module que vous souhaitez supprimer, puis cliquez sur Supprimer:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Veillez à sélectionner Publier en haut du Customizer pour enregistrer vos modifications.
Marquer les widgets comme inactifs
Vous souhaitez peut-être retirer un widget sans le supprimer définitivement. Par exemple, vous pouvez le stocker pour une utilisation ultérieure sans perdre les paramètres que vous avez personnalisés.
Dans ce cas, vous pouvez le marquer temporairement comme inactif. Pour ce faire, accédez à Apparence > Widgets. Ensuite, faites glisser et déposez le module de votre choix dans la section Widgets inactifs:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Si vous souhaitez réintégrer ces widgets sur votre site à l’avenir, il vous suffit de les faire glisser vers la section des widgets actifs ou vers la zone de widgets de votre choix. Vous pouvez également cliquer sur le bouton Effacer les widgets inactifs.
Notez également que si vous changez de thème WordPress et que votre nouveau thème offre différentes options de zones de widgets, tous les modules qui ne correspondent pas aux sections de widgets du nouveau thème seront répertoriés comme inactifs.
Utiliser un plugin pour désactiver les widgets
Une troisième option pour désactiver les widgets WordPress est d’utiliser un plugin. Il existe une poignée d’options de qualité disponibles, en fonction de ce que vous essayez d’accomplir. Jetons un coup d’œil à quelques-uns des meilleurs outils.
Désactiver les widgets
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Si vous souhaitez utiliser un plugin pour désactiver un ou plusieurs widgets, vous ne pouvez pas vous tromper avec Widget Disable. Cet outil gratuit est incroyablement facile à utiliser.
Une fois que vous l’avez installé et activé, il vous suffit de naviguer dans Apparence > Désactiver les widgets :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Sur cet écran, sélectionnez les widgets que vous souhaitez désactiver :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Lorsque vous avez terminé, cliquez sur Enregistrer les modifications. N’oubliez pas que cette option vous permet de désactiver les widgets, mais qu’elle n’est pas la solution idéale si vous cherchez uniquement à masquer les modules. Par exemple, si vous prévoyez d’utiliser à nouveau ces widgets dans un avenir proche, vous voudrez utiliser un outil différent (comme le plugin suivant).
Options des widgets
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Un autre plugin gratuit que vous pouvez utiliser pour contrôler et personnaliser vos widgets WordPress est Widget Options. Cet outil vous permet de désactiver entièrement les widgets, ou de les désactiver uniquement pour des pages individuelles.
Une fois le plugin installé et activé sur votre site, vous pouvez commencer à l’utiliser en naviguant dans Réglages > Options des widgets :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Sur l’écran suivant, vérifiez que les paramètres de visibilité de la page et de restriction des appareils sont activés :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Ensuite, vous pouvez accéder à l’écran de vos widgets pour explorer la variété des options de personnalisation :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Comme vous pouvez le voir, il vous suffit de sélectionner les pages sur lesquelles vous souhaitez masquer ou afficher un widget particulier. Lorsque vous avez terminé, cliquez sur Enregistrer.
Désactivation des widgets à l’aide de PHP
La dernière méthode que vous pouvez utiliser pour désactiver les widgets consiste à modifier manuellement le code de votre site. Bien entendu, cette stratégie ne convient pas à tout le monde. Si vous n’êtes pas à l’aise avec le langage PHP, nous vous recommandons d’utiliser un plugin.
Toutefois, si vous avez un peu d’expérience en matière de développement et que vous préférez ne pas utiliser de ressources inutiles sur votre site avec un plugin tiers, cette solution peut vous sembler préférable. Pour désenregistrer les widgets WordPress, commencez par vous rendre dans votre fichier functions.php. (Nous vous recommandons d’utiliser un thème enfant)
Dans ce fichier, ajoutez l’extrait de code pour désenregistrer le widget. Par exemple, si vous souhaitez supprimer le widget Calendrier, vous utiliserez ce qui suit :
function unregister_default_wp_widgets() { unregister_widget('WP_Widget_Calendar') ; } add_action('widgets_init', 'unregister_default_wp_widgets' ) ;
Lorsque vous avez terminé, enregistrez le fichier. Maintenant, ce module n’apparaîtra plus comme une option sur l’écran des widgets de WordPress. Si vous souhaitez l’activer à nouveau à l’avenir, vous pouvez simplement supprimer ce code.
Comment importer et exporter des widgets WordPress
Une fois que votre site WordPress est en ligne depuis un certain temps et que vous avez consacré du temps et de l’énergie à la personnalisation de vos widgets, vous pouvez vouloir les réutiliser sur un autre site web. Si c’est le cas, il est utile de savoir comment importer et exporter vos widgets WordPress.
Comme vous pouvez vous y attendre, la façon la plus simple de le faire est d’utiliser un plugin. Nous recommandons Widget Importer & Exporter:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Pour commencer, accédez à Outils > Widget Importer & Exporter :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Widget Importer& Exporter menu item in WordPress. » width= »988″ height= »454″>
Sur cet écran, vous aurez deux options : (1) Importer des widgets et (2) Exporter des widgets:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Si vous sélectionnez l’option Exporter des widgets, le plugin créera un fichier .wie pour les widgets qui sont actuellement actifs dans votre barre latérale et votre pied de page (ainsi que tout autre endroit où vous avez des widgets). C’est utile car cela signifie qu’il ne sauvegardera que vos widgets actifs, plutôt qu’une copie de tous les modules par défaut que vous n’utilisez pas. Vous pouvez télécharger et visualiser le fichier dans n’importe quel éditeur de code.
Ensuite, vous pouvez importer les widgets sur un autre site. Installez et activez Widget Importer & Exporter sur le nouveau site, puis accédez de nouveau à Outils > Widget Importer & Exporter. Cliquez sur Choose File, sélectionnez le fichier .wie que vous venez de télécharger, puis cliquez sur Import Widgets:
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
WordPress vous amènera à une page de résultats une fois le processus d’importation terminé, afin que vous sachiez qu’il a réussi. S’il y a des widgets en double, il vous le fera savoir en les marquant d’une étiquette « Widget already exists » :
https://www.facebook.com/lafactoryworld
https://twitter.com/lafactory
Gmail
https://www.linkedin.com/company/lafactory-inc
Une fois l’importation terminée, vous pouvez afficher vos widgets en naviguant dans Apparence > Widgets. Vous devriez maintenant voir vos widgets affichés sur le nouveau site, de la même manière qu’ils étaient disposés sur l’ancien.
Cependant, notez que les titres des zones de widgets sur votre nouveau site doivent correspondre aux titres des zones de widgets enregistrés dans le fichier.wie. Sinon, le plugin ne saura pas où placer les modules. Par exemple, si votre ancien thème avait une section appelée « Footer #1 », le plugin ne saura pas où placer les modules dans un thème qui nomme cette même zone « Footer A ».
Si cela se produit, vous verrez un message « Widget area does not exist in theme (using inactive) ». Vous pouvez localiser ces widgets dans la section Widgets inactifs, puis les placer manuellement dans les zones de widgets appropriées.
Conclusion
WordPress est une plateforme puissante et flexible qui peut vous permettre de créer un site magnifique rapidement et facilement. Cependant, afin de tirer le meilleur parti de votre site, il est important de savoir comment utiliser l’une des fonctionnalités les plus polyvalentes du CMS : les widgets.
Comme nous l’avons évoqué dans cet article, il existe plusieurs endroits où vous pouvez afficher ces petits modules de contenu sur votre site, notamment la barre latérale et le pied de page. WordPress offre une pléthore de widgets par défaut parmi lesquels vous pouvez choisir. Si vous utilisez un thème tel que Divi, vous pouvez même créer les vôtres. Si vous souhaitez désactiver ou supprimer des widgets spécifiques, vous pouvez le faire manuellement ou en utilisant un plugin tel que Widget Options.
Avez-vous d’autres questions sur l’utilisation des widgets WordPress ? Faites-nous en part dans la section des commentaires ci-dessous !
