Voulez-vous apprendre à utiliser les shortcodes dans vos widgets de barre latérale WordPress ?
Vous pouvez ajouter des shortcodes à n’importe quelle page ou publication à l’aide du bloc Shortcode. Cependant, si vous souhaitez utiliser le même code sur l’ensemble de votre site, il peut être plus simple de l’ajouter à un widget de barre latérale à la place.
Dans cet article, nous allons vous montrer comment utiliser les shortcodes dans la barre latérale de WordPress.
Les codes abrégés vous permettent d’ajouter du contenu et des fonctionnalités avancées à votre site Web, notamment des formulaires de contact, des tableaux, des citations aléatoires et bien plus encore. WordPress est livré avec plusieurs shortcodes intégrés, mais certains plugins ajoutent également leurs propres shortcodes.
Vous pouvez ajouter des shortcodes à n’importe quelle page ou publication à l’aide de l’éditeur WordPress et du bloc Shortcode intégré. Cependant, si vous souhaitez utiliser un shortcode sur l’ensemble de votre site, il est souvent judicieux de l’ajouter à la barre latérale.
Par exemple, vous pouvez afficher des photos Instagram dans la barre latérale WordPress en utilisant un shortcode fourni par Smash Balloon Instagram Feed.
Ce contenu apparaîtra ensuite sur l’ensemble de votre site Web WordPress, vous n’avez donc pas besoin de l’ajouter à chaque page et de le publier manuellement. Cela peut vous faire économiser une tonne de temps et d’efforts et vous aide à maintenir la cohérence de la conception de votre site.
Dans cet esprit, examinons différentes façons d’ajouter et d’utiliser des codes abrégés dans les widgets de la barre latérale WordPress. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser.
La plupart des thèmes WordPress gratuits et payants sont livrés avec des barres latérales prêtes pour les widgets. Dans cet esprit, vous pouvez souvent simplement ajouter un widget Shortcode à la barre latérale de votre site Web.
Tout d’abord, rendez-vous sur Apparence » Widgets dans votre tableau de bord. Ici, vous verrez toutes les différentes zones où vous pouvez ajouter des widgets dans WordPress, y compris la barre latérale.
Cliquez simplement sur le bouton “+” et commencez à taper “Shortcode”.
Lorsque le bon bloc apparaît, faites-le glisser sur la barre latérale de WordPress.
Vous pouvez maintenant ajouter votre shortcode au bloc.
Lorsque vous avez terminé, n’oubliez pas de cliquer sur “Mettre à jour” pour appliquer les modifications.
Vous pouvez maintenant visiter votre blog ou site Web WordPress pour voir le shortcode en action.
Si vous utilisez un thème de bloc, vous pouvez ajouter un shortcode à la barre latérale à l’aide de l’éditeur de site complet. Dans votre tableau de bord WordPress, accédez à Thèmes » Éditeur.
Cela ouvre l’éditeur de site complet, avec l’un des modèles de votre thème déjà sélectionné.
Si vous souhaitez ajouter un shortcode à un modèle différent, cliquez sur la flèche dans la barre d’outils et sélectionnez “Parcourir tous les modèles”.
Vous verrez maintenant tous les différents modèles qui composent votre thème.
Trouvez simplement le modèle où vous souhaitez ajouter le shortcode et cliquez dessus.
Après cela, cliquez sur le bouton “+” et commencez à taper “Shortcode”.
Lorsque le bon widget apparaît, faites-le simplement glisser sur la barre latérale du thème.
Vous pouvez maintenant ajouter votre shortcode au widget. Lorsque vous êtes satisfait de vos modifications, cliquez sur “Enregistrer” pour activer le shortcode.
Parfois, vous voudrez peut-être afficher d’autres contenus avec le shortcode. Par exemple, RafflePress peut ajouter un concours ou un cadeau à votre barre latérale en utilisant un shortcode. 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 Shortcode et Heading séparés, vous pouvez simplement ajouter le shortcode 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 en utilisant HTML, de sorte que vous pouvez contrôler exactement son apparence dans la barre latérale.
Le bloc HTML personnalisé ne prend pas en charge les shortcodes par défaut, mais vous pouvez facilement le modifier en ajoutant du code personnalisé à WordPress. Après avoir ajouté ce code, vous pouvez utiliser des codes abrégés dans n’importe quel bloc HTML personnalisé sur l’ensemble de votre site Web WordPress.
Souvent, vous trouverez des guides avec des instructions pour ajouter du code personnalisé au fichier functions.php de votre site. Cependant, cela n’est pas recommandé car toute erreur dans le code peut provoquer des erreurs WordPress courantes, voire même casser complètement votre site.
C’est là qu’intervient WPCode.
Ce plugin gratuit facilite l’ajout de CSS, PHP, HTML et plus personnalisés à WordPress, sans mettre votre site en danger. Mieux encore, il est livré avec une bibliothèque d’extraits de code prêts à l’emploi, y compris du code qui vous permet d’utiliser des codes abrégés dans des widgets de texte.
Pour commencer, vous devrez installer et activer WPCode. Pour plus d’informations, vous pouvez consulter notre guide étape par étape sur la façon d’installer un plugin WordPress.
Après cela, allez à Extraits de code » Ajouter un extrait dans le tableau de bord WordPress. Vous pouvez maintenant commencer à taper “shortcode”.
Lorsqu’il apparaît, passez votre souris sur l’extrait suivant : “Activer l’exécution du code court dans les widgets de texte”.
Vous pouvez ensuite continuer et cliquer sur “Utiliser un extrait”.
Cela ouvrira l’extrait de code dans l’éditeur WPCode. WPCode configure les paramètres d’extrait de code pour vous, vous pouvez donc simplement cliquer sur le commutateur “Inactif” pour qu’il devienne bleu.
Cela fait, cliquez sur “Mettre à jour” pour rendre l’extrait de code en direct.
Maintenant, vous pouvez ajouter un shortcode à n’importe quel widget de texte.
Allez simplement sur Apparence » Widgets et tapez “HTML personnalisé” dans la barre de recherche.
Lorsque le bon bloc apparaît, faites-le glisser sur la barre latérale de votre site Web.
Cela fait, vous pouvez ajouter votre code HTML et votre code court au bloc.
Lorsque vous êtes satisfait de la configuration du widget, cliquez sur “Mettre à jour”.
Maintenant, si vous visitez votre site Web, vous verrez le shortcode et le code HTML personnalisé en direct.
FAQ : Utilisation des codes courts dans les widgets de la barre latérale WordPress
Quel que soit le thème que vous utilisez, vous devriez pouvoir ajouter des codes abrégés à la barre latérale en utilisant l’une des méthodes ci-dessus. Cependant, si vous avez besoin d’une aide supplémentaire, voici quelques-unes des questions les plus fréquemment posées sur l’ajout de codes abrégés à la barre latérale.
Comment puis-je changer l’endroit où le widget de la barre latérale apparaît ?
L’emplacement de la barre latérale est contrôlé par votre thème WordPress. Si vous n’êtes pas satisfait de la position de la barre latérale, vous pourrez peut-être la modifier à l’aide des paramètres de thème.
La plupart des meilleurs thèmes WordPress vous permettent de choisir entre différentes mises en page. Souvent, cela inclut l’affichage de la barre latérale sur différents côtés de l’écran.
Pour voir si votre thème a différentes dispositions de barre latérale, accédez à Apparence » Personnaliser dans le tableau de bord WordPress. Ici, recherchez tous les paramètres étiquetés Sidebar ou similaire.
Cliquez simplement sur cette option et recherchez les paramètres qui vous permettent de modifier l’emplacement de la barre latérale sur votre site.
Par exemple, l’image suivante montre les paramètres de la barre latérale dans le thème Astra WordPress.
Après avoir effectué vos modifications, cliquez sur le bouton “Publier” pour mettre en ligne la nouvelle disposition de la barre latérale.
Si vous ne pouvez pas modifier l’emplacement de la barre latérale à l’aide des paramètres intégrés, une autre option consiste à créer un thème enfant WordPress.
Comment ajouter une barre latérale à mon thème WordPress ?
Si votre thème n’a pas de barre latérale, vous pouvez créer un thème enfant, puis ajouter une barre latérale à l’aide de code.
Si vous n’êtes pas à l’aise pour écrire du code, vous pouvez également créer un thème WordPress personnalisé à l’aide d’un plugin tel que SeedProd. Vous pouvez utiliser ce plugin de création de pages populaire pour concevoir votre propre thème et votre barre latérale à l’aide d’un simple éditeur glisser-déposer.
Pour des instructions étape par étape, veuillez consulter notre guide sur la façon de créer un thème WordPress personnalisé sans aucun code.
Comment utiliser un shortcode différent sur chaque article ou page ?
Parfois, vous souhaiterez peut-être utiliser différents codes abrégés sur certains de vos articles et pages. Par exemple, vous souhaiterez peut-être 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 la façon d’afficher différentes barres latérales pour chaque publication et page dans WordPress.
Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement des codes abrégés à vos widgets de barre latérale WordPress. Vous pouvez également consulter notre guide sur la création d’une page de destination avec WordPress ou notre sélection d’experts des meilleurs plugins de médias sociaux.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.