Vous souhaitez utiliser l’éditeur visuel de WordPress pour créer facilement des widgets pour votre site Web ?
L’éditeur visuel vous permet de formater facilement du texte, d’ajouter des liens, des images et des listes sans écrire de code HTML. Cela vous permet d’ajouter du texte enrichi dans vos widgets de barre latérale WordPress.
Dans cet article, nous allons vous montrer comment utiliser l’éditeur visuel pour créer des widgets dans WordPress. Nous vous montrerons également comment créer et enregistrer des blocs de widgets, puis les réutiliser avec n’importe quel thème et zone de widgets.
Pourquoi utiliser Visual Editor pour créer des widgets dans WordPress ?
Les widgets offrent un moyen simple d’ajouter des éléments non liés au contenu à votre site Web. Comme une section à propos, des publications récentes, un formulaire d’inscription à la newsletter par e-mail, des bannières publicitaires, etc.
Le constructeur de sites Web WordPress est livré avec de nombreux widgets par défaut qui vous permettent d’ajouter facilement ces éléments. Votre thème WordPress s’occupe du style et son widget s’affiche sur votre site.
Cependant, vous souhaiterez parfois ajouter du contenu qui n’est pas disponible en tant que widget par défaut. Par exemple, vous souhaiterez peut-être télécharger une photo d’auteur avec du texte enrichi à l’aide de la mise en forme et des liens.
Dans ce cas, vous pouvez utiliser le widget Texte, qui est livré avec un éditeur visuel intégré. Cet éditeur est un peu différent de l’éditeur de blocs par défaut.
Cela étant dit, voyons comment utiliser cet éditeur visuel pour créer des widgets avec du texte enrichi et des médias dans WordPress.
Utilisation de l’éditeur visuel dans le widget de texte WordPress par défaut
D’abord, vous irez à Apparence » Widgets puis faites glisser le widget « Texte » dans votre barre latérale.
En utilisant le widget de texte standard, vous pouvez ajouter du texte enrichi, des images et des liens, comme vous le feriez avec d’autres éditeurs WYSIWYG.
Il a un bouton pour ajouter des médias et une barre d’outils avec des boutons de formatage en haut. Cela vous donne un espace agréable pour ajouter tout type de contenu riche que vous souhaitez afficher dans votre barre latérale WordPress.
Une fois que vous avez terminé l’édition, n’oubliez pas de cliquer sur le bouton « Enregistrer » pour enregistrer les paramètres de votre widget.
Vous pouvez maintenant visiter votre site Web pour voir votre widget de texte enrichi en action.
Le widget de texte est idéal pour ajouter du contenu riche. Cependant, il existe d’autres façons de faire la même chose avec encore plus d’options de formatage et de style.
Créer des widgets avec le plug-in Widget Content Blocks
Le widget de texte WordPress par défaut a moins d’options de formatage. Si vous avez besoin de plus d’options de formatage et de flexibilité, vous pouvez essayer cette méthode.
Il vous permet de créer des blocs de contenu riches, puis de les utiliser comme widgets sur votre site Web.
Tout d’abord, vous devez installer et activer le Blocs de contenu de widget brancher. Voici notre guide complet sur la façon d’installer un plugin WordPress.
Lors de l’installation, le plugin ajoute un nouvel élément de menu appelé Widget Blocks dans votre barre latérale d’administration WordPress. Aller à Blocs Widget » Nouveau bloc Widget pour créer un nouveau bloc widget.
Les blocs de widgets sont en fait un type de publication personnalisé WordPress. Ainsi, lorsque vous ajoutez un nouveau bloc de widget, vous utilisez l’ancien éditeur visuel de WordPress, également appelé éditeur classique.
Vous pouvez profiter pleinement de l’éditeur visuel et ajouter des liens, des images, des listes ou tout ce que vous voulez dans le contenu. Une fois que vous avez terminé, allez-y et publiez votre bloc de widgets.
Vous pouvez maintenant ajouter ce bloc de contenu à votre barre latérale.
Allez simplement à la Apparence » Widgets page et ajoutez le ‘Widget Blocks Widget’ à votre barre latérale.
Sous le bloc de widget, cliquez sur le menu déroulant pour afficher et sélectionnez le bloc que vous avez créé précédemment. Enregistrez vos modifications et prévisualisez votre site Web.
Voici à quoi ressemblerait ce nouveau bloc de widgets sur votre site Web dans la barre latérale principale :
Une autre façon d’utiliser ce widget consiste à créer plusieurs blocs à utiliser dans d’autres zones widgetisées de votre site.
Tous les principaux thèmes WordPress sont livrés avec plusieurs zones de widgets dans l’en-tête, le pied de page, la barre latérale, etc. Vous pouvez utiliser différents blocs et créer de belles mises en page.
Pour voir tous vos blocs de widgets, accédez à la Blocs Widget » Tous les blocs Widget page.
Une fois que vous avez créé vos blocs, vous pouvez faire glisser chacun d’eux dans n’importe quelle autre zone prête pour les widgets de votre thème. Ici, nous les avons glissés dans les zones de pied de page pour créer un pied de page personnalisé.
En plus d’ajouter le widget d’image que nous avons créé précédemment, nous avons également ajouté une liste de liens et un formulaire de contact.
Voici à quoi cela ressemblait sur notre site de démonstration :
Aller plus loin dans la conception de WordPress (astuce de pro)
Si vous cherchez à créer des pages de destination entièrement personnalisées, la meilleure façon de le faire est d’utiliser Plugin SeedProdComment.
Il s’agit d’un constructeur de pages par glisser-déposer pour WordPress qui est utilisé par plus d’un million de sites Web.
Vous pouvez l’utiliser pour créer des mises en page entièrement personnalisées sans écrire de code.
Nous espérons que cet article vous a aidé à apprendre à utiliser facilement l’éditeur visuel dans les widgets WordPress. Vous pouvez également consulter notre guide sur les meilleurs plugins de bloc WordPress Gutenberg pour ajouter des éléments de contenu personnalisés, et notre liste des plugins WordPress indispensables pour tous les sites Web.