Voulez-vous afficher vos photos Instagram dans votre barre latérale ?
Instagram est une plate-forme de médias sociaux populaire, et c’est un excellent moyen de se connecter avec votre public. Lorsque vous affichez vos photos Instagram sur votre site, votre public a la possibilité de cliquer sur votre profil et de vous suivre.
Dans cet article, nous allons vous montrer comment afficher des photos Instagram dans le widget de la barre latérale WordPress.
Pourquoi ajouter un flux Instagram à votre site WordPress
Instagram a une base d’utilisateurs massive de plus d’un milliard d’utilisateurs actifs par mois. Si vous démarrez un site Web, Instagram pourrait être une excellente source de trafic et de nouveaux visiteurs.
Selon votre secteur d’activité, Instagram peut devenir un élément important de votre stratégie de médias sociaux. Il est immensément populaire parmi les blogs de mode, les sites de cuisine, de style de vie et de photographie.
C’est pourquoi nous partageons régulièrement des mises à jour sur notre compte Instagram. Assurez-vous de suivez @wpbeginner pour obtenir nos histoires et mises à jour exclusives.
L’affichage de votre flux Instagram sur votre site Web vous aide à gagner plus d’abonnés Instagram. En même temps, cela vous aide également à générer du trafic vers votre site et à augmenter les conversions.
Cela étant dit, voyons comment afficher facilement des photos Instagram dans le widget, les publications et les pages de la barre latérale WordPress.
Tout d’abord, nous allons vous montrer comment afficher des images Instagram individuelles dans WordPress. Après cela, nous vous montrerons comment afficher automatiquement vos photos Instagram récentes n’importe où sur votre site Web.
Commençons par les publications Instagram individuelles.
Afficher une photo Instagram dans le widget WordPress Sidebar
Noter: En octobre 2020, Facebook a apporté des modifications radicales à son API qui ont brisé les blocs d’intégration par défaut dans WordPress. Pour utiliser l’oEmbed par défaut, vous aurez besoin de la version gratuite de Smash Balloon Plugin de flux de photos Instagram.
Une fois que vous avez installé et activé le plugin, vous devrez configurer oEmbeds en suivant les instructions ici.
Après cela, vous pouvez facilement intégrer des photos Instagram dans la barre latérale. Allez simplement à la Apparence » Widgets page et ajoutez le widget « Texte » à votre barre latérale.
Maintenant, copiez et collez l’URL de la photo Instagram que vous souhaitez intégrer dans les paramètres du widget. 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 la photo Instagram affichée dans votre barre latérale.
Comment afficher les photos Instagram dans les publications et les pages WordPress
Semblable à la dernière étape, vous devrez utiliser gratuitement Smash Balloon Plugin de flux de photos Instagram et configurez d’abord oEmbeds.
Après cela, ajouter vos photos Instagram individuelles est facile. Vous pouvez les ajouter sur n’importe quel article, page ou widget de barre latérale.
Modifiez simplement un article ou une page ou créez-en un nouveau. Sur l’écran d’édition de publication, cliquez sur l’icône « + » et recherchez le bloc d’intégration « Instagram ».
Cliquez pour insérer le bloc Instagram dans votre zone de contenu. Après cela, vous pouvez simplement coller l’URL de votre photo Instagram dans les paramètres de blocage.
WordPress récupérera automatiquement la publication Instagram et affichera la photo et la légende dans l’éditeur de contenu.
Vous pouvez maintenant enregistrer ou publier votre message et visiter votre site Web pour le voir en action.
Le problème avec les méthodes WordPress par défaut est que vous devez intégrer manuellement une photo chaque fois que vous souhaitez partager quelque chose.
Si vous souhaitez afficher automatiquement vos publications Instagram récentes, cette méthode suivante est faite pour vous.
Ajouter un flux Instagram dans WordPress
L’ajout d’un flux Instagram vous permet d’afficher automatiquement vos publications Instagram récentes sur votre site WordPress.
Nous utiliserons le flux Instagram Smash Balloon, qui est le meilleur plugin Instagram pour WordPress. Il vous permet d’afficher magnifiquement vos photos Instagram dans WordPress.
La première chose que vous devez faire est d’installer et d’activer le Flux Instagram Smash Balloon brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, accédez à la Flux Instagram » Paramètres page et passez à l’onglet ‘Licence’. Vous devez entrer votre clé de licence de plugin ici. Vous pouvez trouver ces informations sous votre compte sur le site Web du plugin.
Après avoir activé votre clé de licence, passez à l’onglet ‘Configurer’ et cliquez sur le bouton ‘Connecter un compte Instagram’.
Cela fera apparaître une fenêtre contextuelle dans laquelle vous serez invité à choisir un compte professionnel ou personnel. Si vous n’avez pas configuré de profil d’entreprise dans Instagram, sélectionnez Personnel et cliquez sur le bouton « Se connecter ».
Le plugin va maintenant vous rediriger vers le site Web Instagram. Après la connexion, il vous sera demandé d’autoriser Smash Balloon à accéder à votre compte Instagram.
Cliquez simplement sur le bouton « Autoriser » pour continuer.
Vous allez maintenant être redirigé vers votre site Web sur la page des paramètres du plugin. Il affichera maintenant votre nom d’utilisateur dans une fenêtre contextuelle et vous devrez cliquer sur le bouton « Connecter ce compte » pour terminer la configuration.
Maintenant que vous êtes connecté, vous verrez votre compte dans l’onglet « Configurer ».
N’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres.
Affichage de vos photos Instagram récentes dans WordPress
Smash Balloon Instagram Feed facilite l’affichage de vos photos Instagram récentes n’importe où sur votre site WordPress.
Modifiez simplement la publication et la page où vous souhaitez afficher le flux Instagram et cliquez sur l’icône (+) pour ajouter un bloc. Recherchez le bloc « Flux Instagram » et cliquez pour l’ajouter dans la zone de contenu.
Le plugin va maintenant récupérer et afficher un aperçu de vos photos Instagram récentes dans l’éditeur de contenu.
Vous pouvez maintenant enregistrer votre publication et votre page et la visiter pour voir votre flux Instagram en action.
Un autre moyen rapide d’afficher vos photos Instagram consiste à utiliser le shortcode. Ajoutez simplement le bloc de shortcode, puis ajoutez [instagram-feed]
shortcode à l’intérieur.
Afficher les photos Instagram récentes dans la barre latérale WordPress
Si vous souhaitez afficher vos publications Instagram récentes dans la barre latérale de votre blog WordPress, alors Smash Balloon Instagram Feed rend cela très facile.
Allez simplement à la Apparence » Widgets page et ajoutez le widget « Instagram Feed » à votre barre latérale.
Il s’agit d’un widget en texte brut dans lequel vous pouvez fournir un titre de widget. Il inclut déjà votre shortcode de flux Instagram dans les paramètres.
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 flux en action.
Pour personnaliser le flux de votre barre latérale, vous pouvez développer le shortcode en visitant Flux Instagram » Paramètres puis en cliquant sur l’onglet « Afficher votre flux ».
À partir de là, vous aurez de nombreuses options différentes pour afficher l’apparence de votre flux dans la barre latérale. Pour cet exemple, nous utilisons le shortcode suivant : [instagram-feed num=4 cols=2]
.
le num=4
indique à votre flux d’afficher 4 photos et le cols=2
indique à votre flux d’afficher 2 colonnes.
Si vous souhaitez ajouter des flux personnalisés à n’importe quelle page, publication ou barre latérale, vous pouvez toujours vous référer à l’onglet « Afficher votre flux » et utiliser le tableau pour créer le flux de votre choix.
Personnalisez la mise en page de votre flux Instagram
Smash Balloon Instagram Feed est livré avec de belles mises en page pour afficher vos photos Instagram. Allez simplement sur Flux Instagram » Paramètres page et passez à l’onglet ‘Personnaliser’.
Vous pouvez choisir parmi les dispositions Grille, Carrousel, Maçonnerie et Surbrillance. Cliquer sur une mise en page vous montrera d’autres options de personnalisation pour chaque mise en page.
En option, vous pouvez également afficher ou masquer l’en-tête, charger plus et suivre les boutons.
N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour enregistrer vos paramètres.
Vous pouvez maintenant visiter votre flux Instagram pour l’afficher dans votre mise en page personnalisée.
Nous espérons que cet article vous a aidé à apprendre à afficher des photos Instagram dans le widget de la barre latérale WordPress. Vous pouvez également consulter notre guide sur la création d’un flux Facebook personnalisé dans WordPress et notre comparaison des meilleures plateformes de cours en ligne pour augmenter vos revenus.