Comment utiliser les codes courts dans les widgets de votre colonne latérale WordPress

D’après notre expérience, l’une des choses fondamentales à apprendre sur WordPress est l’utilisation des shortcodes dans les widgets de la barre latérale.

C’est parce que de nombreuses extensions utilisent des shortcodes pour afficher leur contenu au lieu d’avoir leurs propres widgets. Savoir comment utiliser les shortcodes dans les barres latérales vous permet d’en faire plus avec votre site et de tirer le meilleur parti de différentes extensions.

Cet article vous montrera comment utiliser les shortcodes dans les widgets de votre barre latérale WordPress. Nous couvrirons les méthodes pour les thèmes classiques et les thèmes en bloc.

Pourquoi utiliser des codes courts dans les widgets de votre colonne latérale WordPress ?

Les shortcodes vous permettent d’ajouter du contenu et des fonctionnalités avancées à votre site, notamment des formulaires de contact, des tableaux, des top commentateurs, et bien plus encore. WordPress est livré avec plusieurs shortcodes intégrés, mais certaines extensions ajoutent également leurs propres shortcodes.

Par exemple, vous pouvez afficher des photos Instagram dans la colonne latérale de WordPress à l’aide d’un code court fourni par Smash Balloon Instagram Feed.

Ce contenu apparaîtra ensuite sur l’ensemble de votre site WordPress, de sorte que vous n’avez pas besoin de l’ajouter manuellement à chaque page et publication. Cela peut vous enregistrer une tonne de temps et d’efforts et aide à garder le design de votre site cohérent.

Avec cela à l’esprit, regardons quelques différentes façons d’ajouter et d’utiliser des codes courts dans les widgets de la colonne latérale de WordPress. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.

Méthode 1 : Ajout d’un code court à l’éditeur de blocs/édititrices de WordPress (thèmes classiques)

La plupart des thèmes WordPress classiques gratuits et payants sont livrés avec des colonnes latérales prêtes à accueillir des widgets. Dans cette optique, vous pouvez souvent simplement ajouter un widget Shortcode à la colonne latérale de votre site.

Tout d’abord, allez dans Apparence  » Widgets dans votre Tableau de bord. Vous consulterez cette page pour connaître les différentes zones où vous pouvez ajouter des widgets dans WordPress, y compris la colonne latérale.

Il suffit de cliquer sur le bouton « + Ajouter un module » et de taper « Code court ».

Lorsque le bloc de droite s’affiche, faites-le glisser dans la colonne latérale de WordPress.

Vous pouvez maintenant ajouter votre code court au bloc.

Lorsque vous avez terminé, n’oubliez pas de cliquer sur « Mettre à jour » pour que les modifications soient directes.

Vous pouvez maintenant visiter votre blog ou site WordPress pour voir le code court en action.

Méthode 2. Ajout d’un code court à l’éditeur du site complet (Éditeur/éditrices de blocs)

Si vous utilisez un thème bloc, alors vous pouvez ajouter un code court à la colonne latérale en utilisant l’éditeur du site complet. Dans votre Tableau de bord WordPress, allez dans Thèmes  » Éditeur.

Vous verrez maintenant quelques Réglages pour modifier votre thème de bloc.

Pour modifier la colonne latérale de votre thème, vous devez généralement cliquer sur le menu« Compositions« .

Défilez ensuite vers le bas jusqu’à « Éléments du modèle ».

C’est ici que vous trouverez les éléments de modèle par défaut de votre thème par blocs, tels que les en-têtes, les pieds de page et les colonnes latérales. Les thèmes classiques classent généralement ces éléments dans la catégorie des zones de widgets.

Tout comme les thèmes classiques, votre thème de bloc peut ou non disposer d’un élément de modèle de colonne latérale. Dans ce cas, vous devrez peut-être en créer une vous-même. Vous pouvez lire notre guide du débutant sur la modification complète d’un site WordPress pour savoir comment procéder.

Une fois que vous avez repéré votre colonne latérale, il vous suffit de cliquer dessus.

Cliquez ensuite sur le bouton « Modifier ».

Vous accéderez ainsi à l’éditeur de blocs pour modifier la colonne latérale.

Comme pour l’utilisation de l’éditeur de blocs, vous pouvez cliquer sur le bouton « + Ajouter un bloc » n’importe où.

Sélectionnez ensuite le bloc « Shortcode ».

Une fois cela fait, il suffit d’ajouter le code court comme vous le feriez normalement.

Cliquez ensuite sur « Enregistrer » pour officialiser vos modifications.

Conseil de pro : si vous êtes récemment passé d’un thème classique à un thème bloc et que vous souhaitez utiliser votre ancien widget de barre latérale comme bloc, lisez notre guide sur la façon de convertir un widget WordPress en bloc.

Méthode 3 : Utilisation du widget HTML personnalisé (plus personnalisable)

Parfois, vous pouvez vouloir afficher d’autres contenus avec le code court. Par exemple, RafflePress peut ajouter un concours ou un cadeau à votre colonne latérale à l’aide d’un code court. Pour attirer encore plus l’attention sur le concours, vous pouvez afficher un Titre au-dessus du concours.

Au lieu de créer des blocs distincts pour le code court et le Titre, vous pouvez simplement ajouter le code court et le texte à un bloc HTML personnalisé.

Cela vous aide à organiser les différents contenus dans une belle mise en page. Vous pouvez également styliser le bloc à l’aide du langage HTML, ce qui vous permet de contrôler exactement son apparence dans la colonne latérale.

Pour plus de détails, consultez notre Avis complet sur RafflePress.

Le bloc HTML personnalisé ne supporte pas les codes courts par défaut, mais vous pouvez facilement le modifier en ajoutant un code personnalisé à WordPress. Après avoir ajouté ce code, vous pouvez utiliser des codes personnalisés dans n’importe quel bloc HTML personnalisé sur l’ensemble de votre site WordPress.

Vous trouverez souvent des guides contenant des instructions pour ajouter un code personnalisé au fichier functions.php de votre site. Cette méthode n’est toutefois pas recommandée, car toute erreur dans le code peut entraîner des erreurs courantes de WordPress, voire casser complètement votre site.

C’est là que WPCode entre en jeu.

Cette extension gratuite permet d’ajouter facilement des CSS personnalisés, du PHP, du HTML et bien plus encore à WordPress, sans mettre votre site en danger. Mieux encore, il est livré avec une bibliothèque d’extraits prêts à l’emploi, y compris le code qui vous permet d’utiliser des shortcodes dans les widgets de texte.

Pour commencer, vous devrez installer et activer WPCode. En savoir plus, vous pouvez consulter notre guide étape par étape sur l’installation d’une extension WordPress.

Après cela, rendez-vous dans la rubrique  » Extraits de code  » Ajouter un extrait dans le tableau de bord WordPress. Vous pouvez maintenant commencer à taper  » code court « .

Lorsqu’il apparaît, survolez avec votre souris l’extrait suivant : ‘Activer l’exécution des codes courts dans les widgets de texte’.

Vous pouvez ensuite cliquer sur « Utiliser l’extrait ».

Cela ouvrira l’extrait dans les éditeurs/éditrices de WPCode. WPCode configure les Réglages de l’extrait pour vous, vous pouvez donc simplement cliquer sur le bouton « Inactif » pour qu’il devienne bleu.

Une fois cela fait, cliquez sur « Mettre à jour » pour rendre l’extrait direct.

Désormais, vous pouvez ajouter un code court à n’importe quel widget de texte.

Il suffit d’aller dans Apparence  » Widgets et de taper  » HTML personnalisé  » dans la barre de recherche.

Lorsque le bloc de droite apparaît, faites-le glisser dans la colonne latérale de votre site.

Ceci fait, vous pouvez ajouter votre HTML et votre code court au bloc.

Lorsque vous êtes satisfait de la façon dont le widget est configuré, cliquez sur « Mettre à jour ».

Maintenant, si vous visitez votre site, vous verrez le code court et le HTML personnalisé en direct.

FAQs : Utiliser les shortcodes dans les widgets de la barre latérale de WordPress

Aucun des thèmes que vous utilisez ne devrait vous permettre d’ajouter des codes courts à la colonne latérale à l’aide de l’une des méthodes ci-dessus.

Cependant, si vous avez besoin d’une aide supplémentaire, alors voici quelques-unes des foires aux questions les plus fréquentes sur l’ajout de codes courts dans la colonne latérale.

Comment modifier l’emplacement du widget de la colonne latérale ?

L’Emplacement de la colonne latérale est contrôlé par votre thème WordPress. Si vous n’êtes pas satisfait de la position de la colonne latérale, vous pouvez la modifier à l’aide des Réglages du thème.

De nombreux thèmes WordPress vous permettent de choisir entre différentes mises en page. Souvent, il s’agit notamment d’afficher la colonne latérale sur différents côtés de l’écran.

Vous pouvez vous rendre dans l’Outil de personnalisation du thème WordPress ou dans l’éditeur complet du site pour voir les zones de colonnes latérales disponibles.

Comment ajouter une colonne latérale à mon thème WordPress ?

Si votre thème n’a pas de colonne latérale, vous pouvez créer un thème enfant et ajouter une colonne latérale à l’aide d’un code.

Vous pouvez consulter notre guide sur l ‘ajout d’en-têtes, de pieds de page et de colonnes latérales personnalisés dans WordPress pour en savoir plus.

Si vous n’êtes pas à l’aise avec l’écriture de code, vous pouvez également créer un thème WordPress personnalisé à l’aide d’une extension telle que SeedProd. Vous pouvez utiliser cette extension de constructeur de page populaire pour concevoir votre propre thème et votre propre colonne latérale à l’aide d’un éditeur simple de type glisser/déposer.

Pour obtenir des instructions étape par étape, veuillez consulter notre guide sur la création d’un thème WordPress personnalisé sans aucun code.

Comment utiliser un code court différent sur chaque publication ou page ?

Parfois, vous pouvez vouloir utiliser différents codes courts sur certaines de vos publications et pages. Par exemple, vous pourriez vouloir afficher les publications les plus populaires sur votre page d’archives et afficher des publicités sur votre page d’accueil.

Pour en savoir plus, veuillez consulter notre guide sur l ‘affichage de colonnes latérales différentes pour chaque publication et page dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement des shortcodes à vos widgets de barre latérale WordPress. Vous pouvez également consulter notre guide sur la façon d’afficher ou de masquer les widgets sur des pages WordPress spécifiques et nos choix d’experts des meilleurs thèmes compatibles avec Gutenberg.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.