TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment ajouter et personnaliser des widgets dans le site WordPress ?

21

WordPress en tant que système de gestion de contenu permet d’ajouter différents types d’éléments sur votre site. La mise en page globale sur un site WordPress publié peut être divisée en quatre parties différentes: en-tête, zone de contenu, barre latérale et pied de page. Vous pouvez ajouter différents types d’éléments à l’une de ces parties pour obtenir la disposition et les fonctions souhaitées. Certains éléments dépendent des thèmes et certains peuvent être ajoutés à l’aide de plugins supplémentaires. Certains affectent l’ensemble du niveau du site et d’autres n’affectent que la publication ou la page en particulier.

Que sont les widgets WordPress ?

Les widgets sont des éléments ajoutés en dehors de la zone de contenu principale et affectent l’ensemble du site. Les widgets de zone pouvant être placés sur votre site sont appelés « zone de widgets ». Il existe deux zones de widgets communes sur tout site WordPress : la barre latérale et le pied de page de la mise en page de votre site. catégories ou pour ajouter un formulaire d’inscription dans la barre latérale.

Il existe trois types de widgets sur WordPress :

  • Widgets par défaut fournis avec l’installation de WordPress.
  • Les widgets sont fournis avec votre thème.
  • Widgets ajoutés avec des plugins supplémentaires.

Certains plugins proposent également des widgets spéciaux qui peuvent être utilisés pour contrôler le comportement de l’en-tête et de la zone de contenu principale de votre page.

Comment ajouter des widgets ?

Chaque thème est livré avec un ensemble de widgets spécifiques à ce thème. Supposons que vous ayez un "Thème A" actif sur votre site. Tous les widgets disponibles du «Thème A» peuvent être consultés sous «Apparences > Widgets» dans le panneau d’administration de WordPress.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Widgets WordPress

L’écran affichera les trois sections suivantes :

  • Widgets actifs sur le thème – faites simplement glisser et déposez le widget requis dans la barre latérale ou la zone de pied de page requise.
  • Zones de widgets disponibles – toutes les barres latérales et la zone de pied de page.
  • Widgets inactifs – vous pouvez ajouter le widget actif à la zone inactive en tant qu’espace réservé. Le véritable objectif est de supprimer les widgets en direct de la zone des widgets et de les conserver ici temporairement au lieu de les supprimer définitivement.

Les widgets actifs sont les vides tandis que les widgets inactifs contiennent le contenu à l’intérieur. Par exemple, le widget « Texte » dans la zone inactive aura le « Titre » et le « Contenu » utilisés auparavant sur le site en direct. Vous pouvez faire glisser et déposer les widgets de la zone des widgets vers la zone inactive pour les conserver quelque temps au lieu de les supprimer directement et définitivement.

De nos jours, un thème WordPress offre une variété de widgets avec plusieurs barres latérales et la zone de pied de page peut également être divisée en plusieurs colonnes. Dans ce cas, la zone d’écran du panneau d’administration sera regroupée avec des widgets et des zones de widgets. Cela rend le glisser-déposer difficile car la zone de widget requise peut ne pas être dans un état étendu et doit être défilée vers le bas. Pour faire simple, cliquer sur le widget vous montrera la liste des zones de widgets disponibles pour ajouter le widget. Sélectionnez la zone requise et cliquez sur le bouton « Ajouter un widget » pour ajouter le widget à cette zone.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Cliquez et ajoutez un widget à la zone de widget

Personnalisation des widgets

Le widget ajouté par défaut apparaîtra en dernier dans la zone des widgets. Vous pouvez faire glisser et réorganiser la position du widget sur la barre latérale.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Réorganisation des widgets sur la barre latérale

Le widget une fois ajouté s’affichera instantanément sur le site publié, vous pouvez donc rapidement personnaliser le widget. Par exemple, lorsque vous ajoutez un widget social follow us, assurez-vous d’ajouter rapidement tous les liens sociaux. Sinon, seul le titre comme « Suivez-nous » peut apparaître dans la barre latérale sans aucune icône sociale. Enregistrez les modifications du widget, une fois les paramètres requis ajoutés.

Supprimer et désactiver

Chaque widget des barres latérales et de la zone de pied de page peut être supprimé en cliquant sur le lien « Supprimer ».

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Supprimer le widget WordPress

Au lieu de supprimer définitivement le widget, vous pouvez vous déplacer vers la zone inactive pour le réutiliser plus tard. Les widgets disponibles dans la zone inactive ne seront pas visibles sur le site en direct.

Utiliser WordPress Live Customizer

WordPress permet également la personnalisation des widgets via un personnalisateur en direct accessible sous « Apparence > Personnaliser ».

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Personnaliser les widgets avec WordPress Customizer

Utilisation du mode d’accessibilité

Si vous éprouvez des difficultés à faire glisser et déposer le widget, cliquez sur « Options d’écran » et « activer le mode d’accessibilité ». Cela désactivera la fonction glisser/déposer et activera les boutons « Ajouter / Modifier » comme indiqué dans l’image ci-dessous.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Mode d’accessibilité pour les widgets WordPress

En cliquant sur le bouton « Ajouter » ou « Modifier », vous accéderez à un nouvel écran et vous offrira d’autres options.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Ajout d’un widget en mode d’accessibilité

Exemple de widgets WordPress

Vous trouverez ci-dessous quelques-uns des widgets proposés par défaut avec l’installation de WordPress :

  • Texte / HTML personnalisé

  • Chercher

  • Catégories

  • Les archives

  • Méta

  • Messages récents

  • Commentaires récents

  • Calendrier

  • RSS

  • Nuage de tags

Le widget texte / HTML personnalisé est le plus utilisé en raison de sa portée plus large. Vous pouvez ajouter des codes publicitaires tels que Google AdSense, du contenu texte simple, des codes courts, CSS, HTML et des scripts dans les widgets texte / HTML personnalisés.

Outre les widgets par défaut, la plupart des thèmes proposent également des widgets supplémentaires. Par exemple, les thèmes peuvent offrir des widgets pour les widgets sociaux comme Facebook comme, la chronologie Twitter et le bouton de suivi Google+. L’image ci-dessous montre l’utilisation de cinq widgets différents dans la zone de pied de page de ce site.

Comment ajouter et personnaliser des widgets dans le site WordPress ?

Exemples de widgets WordPress

Amélioration de la fonctionnalité des widgets

Les plugins sont utilisés pour ajouter de nouvelles fonctions non proposées par votre thème. Vous pouvez également utiliser des plugins pour améliorer les fonctions existantes. Les développeurs de plugins proposent un widget personnalisé, surtout si la fonction doit être ajoutée sur l’ensemble du site. Le meilleur exemple est un plugin social, offrant un widget personnalisé sous « Apparence > Widgets ». Le widget personnalisé peut ensuite être ajouté à l’endroit requis sur la barre latérale comme n’importe quel autre widget.

Ajustement de la visibilité des widgets

Un widget ajouté sur la barre latérale principale sera visible sur tous les articles, pages, archives et page d’index du blog. Ce n’est pas ce que vous voulez toujours. Parfois, vous souhaitez afficher un widget uniquement sur la page d’index des archives et du blog tout en affichant différents widgets sur les articles et les pages réguliers. La visibilité du widget peut être contrôlée à l’aide de plugins comme Jetpack. Consultez l’article sur le contrôle de la visibilité des widgets à l’aide de Jetpack.

Points à retenir sur les widgets

  • Les widgets ajoutés et enregistrés dans la zone des widgets apparaîtront instantanément sur le site en direct, pas besoin de les activer séparément.
  • Les widgets sont spécifiques à un thème. Lorsque vous changez de thème, les anciens widgets n’apparaîtront pas sur le nouveau thème. Mais WordPress se souvient des paramètres des widgets, donc si vous revenez à l’ancien thème, les widgets réapparaîtront automatiquement.
  • Des widgets supplémentaires peuvent être ajoutés via des plugins. Des plugins peuvent également être utilisés pour contrôler le comportement des widgets.
  • En général, les widgets ne peuvent être ajoutés que sur les barres latérales et les zones de pied de page. Le même widget peut être ajouté plusieurs fois.
  • Certains widgets spéciaux contrôlent les comportements de l’en-tête et de la zone de contenu principale, comme les widgets proposés par les plug-ins de gestion des publicités.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails