Les widgets dans WordPress ont une pléthore de capacités. Alors que la plupart viendront des plugins que vous installez, d’autres peuvent être disponibles à partir de certains thèmes. Cependant, vous pouvez également utiliser l’éditeur visuel de WordPress pour créer des widgets.

Essentiellement, vous pouvez transformer quelque chose comme un article en un élément efficace dans la barre latérale pour vos visiteurs. Cela signifie que vous aurez tous les outils disponibles dans TinyMCE pour construire le widget.

Dans ce tutoriel, je vais vous montrer comment utiliser l’éditeur visuel de WordPress pour créer des widgets qui attireront vos visiteurs. En quelques instants, vous serez en mesure de commencer à concevoir quelque chose d’unique pour votre site.

Utilisation des blocs de contenu

Aujourd’hui, nous allons utiliser le plugin Content Blocks pour WordPress. Il s’agit d’un outil simple qui comporte quelques extras tels que l’utilisation de shortcodes ainsi que l’ajout d’éléments que vous trouverez dans l’éditeur visuel TinyMCE.

Et ceci inclut les fonctions et les ajouts de quelque chose comme TinyMCE Advanced.

Installez et activez “Content Blocks”.

Ce plugin ajoute un nouveau type de post personnalisé à WordPress. Il vous permet d’utiliser l’éditeur visuel de TinyMCE pour construire des widgets.

Cliquez sur l’outil “Content Blocks” dans le panneau d’administration gauche.

Ajout d’un nouveau bloc de contenu

Il est maintenant temps d’ajouter notre premier widget de contenu dans WordPress.

Cliquez sur le bouton “Ajouter un bloc de contenu” en haut de l’écran.

En relation  Options de publication : Tout ce que vous devez savoir

Saisissez un titre pour ce widget. Faites-en sorte qu’il soit facilement identifiable.

Maintenant, ajoutez le contenu du widget dans l’éditeur visuel de tout ce que vous voulez voir dans la barre latérale.

C’est parfait pour des choses comme un bouton “Acheter maintenant”, des tableaux de données que vous voulez partager, des images et bien plus encore. Et puisque ce plugin prend en charge les shortcodes, vous pouvez ajouter tout ce à quoi vous avez accès.

Par exemple, l’utilisation du plugin Shortcodes Ultimate peut étendre considérablement ce que vous pouvez créer.

Lorsque vous avez terminé, cliquez sur le bouton “Publier” sur la droite.

Utilisation du shortcode du bloc de contenu

Avant de continuer, je tiens à souligner une caractéristique importante de Content Blocks. Ce plugin crée son propre shortcode pour chaque widget que vous créez avec l’éditeur WYSIWYG de WordPress.

Cela signifie que vous pouvez coller ce shortcode dans la plupart des endroits de votre site Web et il affichera le contenu lorsque les invités arrivent.

Vous pouvez trouver le shortcode pour ce widget sur la droite de l’éditeur.

Nous n’aurons pas besoin du shortcode pour ce tutoriel, mais je voulais m’assurer que vous saviez que vous aviez l’option pour une référence future.

Vous pouvez utiliser des shortcodes dans n’importe quel article, page et la plupart des types personnalisés de WordPress. Ce qui signifie que cette fonctionnalité peut être utile plus tard sur la route.

Ajout de votre éditeur visuel TinyMCE Widget

Après avoir créé le widget pour WordPress, il est temps de l’ajouter à la barre latérale.

En relation  Comment rechercher et remplacer les shortcodes dans WordPress.

Allez dans Apparence et cliquez sur “Widgets”.

Faites glisser et déposez le widget “Content Block” dans la barre latérale. Vous pouvez le placer où bon vous semble pour vos propres idées de design. Pour ce tutoriel, je vais le placer en haut pour pouvoir vous montrer le résultat final.

Utilisez la fenêtre déroulante pour sélectionner le bloc à afficher. Comme nous n’en avons qu’un seul de disponible pour le moment, ce sera le widget par défaut.

Sélectionnez vos options pour le widget. Vous pouvez activer des options comme l’affichage du titre de l’article, des images à la une ou empêcher l’affichage des filtres. C’est vous qui décidez de la façon dont vous voulez que le widget apparaisse dans la barre latérale.

Pour l’instant, je vais laisser les options vides.

Le widget s’enregistre automatiquement lorsque vous le déposez dans la barre latérale. Toutefois, vous devrez cliquer sur le bouton “Enregistrer” si vous avez modifié les paramètres.

Vous avez maintenant un widget WordPress WYSIWYG prêt à être affiché sur votre site Web.

Ajout de blocs de contenu aux articles et aux pages

Les blocs de contenu ne fonctionnent pas seulement pour la barre latérale. Vous pouvez également ajouter des widgets créés avec l’éditeur visuel aux articles et aux pages. Ceci est utile dans des situations telles que le marketing d’affiliation, les offres spéciales de vacances ou même le code AdSense.

Pour cela, il vous suffit d’aller dans n’importe quel article ou page de WordPress.

Au-dessus de l’éditeur WYSIWYG, vous trouverez une nouvelle fonctionnalité. Cliquez sur le bouton “Ajouter un bloc de contenu”.

En relation  Comment copier les paramètres du thème du Customizer de WordPress avec l'importation et l'exportation.

À l’aide de la liste déroulante, sélectionnez le bloc que vous souhaitez ajouter à l’article ou à la page.

Cliquez sur le bouton “Insérer le bloc de contenu”.

Le plugin placera automatiquement le shortcode du widget dans l’article ou la page.

La meilleure partie de cette fonctionnalité est que vous pouvez apporter des modifications à ce bloc de contenu particulier et cela affectera toutes les instances du site Web.

Par exemple, disons que vous souhaitez modifier des bannières ou des liens d’affiliation. Au lieu d’aller dans chaque article, page et widget de la barre latérale pour ajouter le nouveau code, vous n’avez qu’à modifier le bloc de contenu unique.

Ne pouvez-vous pas simplement utiliser l’éditeur de texte de WordPress pour créer un widget ?

L’éditeur de texte de WordPress est idéal pour certaines choses. Cependant, vous ne disposez pas de la plupart des outils de l’éditeur TinyMCE disponibles dans l’onglet Visuel. C’est un peu limité dans ce que vous pouvez ajouter en termes d’attrait visuel.

Ce plugin vous donne accès à tous les éléments visuels de l’éditeur WYSIWYG de WordPress. Cela inclut d’autres outils du plugin que vous pourriez vouloir utiliser comme l’utilisation des modèles TinyMCE.

Développez ce que vous offrez

Il ne s’agit que d’une seule méthode pour créer des widgets et afficher le contenu de la barre latérale. Vous pouvez faire beaucoup de choses avec WordPress tout en offrant une expérience totalement unique aux visiteurs.

Quels types d’éléments transformez-vous en widgets pour le site Web ? Utilisez-vous les barres latérales, les pieds de page et les en-têtes pour engager votre public ?