Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Özel Instagram Fotoğraf Akışı Nasıl Oluşturulur?

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te özel bir Instagram akışı mı oluşturmak istiyorsunuz?

Bir Instagram akışı sitenizi taze ve ilgi çekici tutarken aynı zamanda size daha fazla beğeni, paylaşım ve Instagram takipçisi kazandırabilir.

Bu makalede, WordPress web siteniz için nasıl kolayca özel bir Instagram fotoğraf akışı oluşturacağınızı göstereceğiz.

How to create a custom Instagram photo feed in WordPress

WordPress Sitenize Neden Instagram Akışı Eklemelisiniz?

WordPress sitenize bir Instagram akışı yerleştirmek, ziyaretçilerinize çok fazla ekstra iş yapmadan taze içerik göstermenizi sağlar. Ayrıca okuyucuları sizi Instagram’da takip etmeye teşvik eder.

WordPress blok editörüne manuel olarak resim eklemek yerine, Instagram’a her yeni fotoğraf gönderdiğinizde otomatik olarak güncellenen bir besleme oluşturabilirsiniz. Hatta bir hashtag akışı oluşturarak başkalarının fotoğraflarını sitenizde gösterebilirsiniz.

Aşağıdaki görselde, kullanıcı tarafından oluşturulan içeriği göstermek için özel bir Instagram akışı kullanan bir marka örneği görebilirsiniz.

An example of user-generated Instagram content

Bu şekilde, değerli sosyal kanıtlar sağlamak ve çevrimiçi olarak daha fazla para kazanmak için özel bir Instagram beslemesi kullanabilirsiniz.

Bununla birlikte, WordPress’te nasıl özel bir Instagram fotoğraf akışı oluşturabileceğinizi görelim.

WordPress’te Özel Instagram Fotoğraf Akışı Nasıl Oluşturulur?

Sitenize bir Instagram fotoğraf akışı eklemenin en kolay yolu Smash Balloon Instagram Feed eklentisini kullanmaktır. WordPress için Instagram hesabınızdaki içeriği anında görüntülemenizi sağlayan en iyi Instagram eklentisidir.

Ayrıca WordPress’te Facebook ve Instagram oEmbed sorununu çözmenin en kolay yoludur.

Eğitimimizde birkaç adımı ele alacağız ve farklı bölümlere atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Instagram Hesabı WordPress’e Nasıl Bağlanır?

Öncelikle Smash Balloon Instagram Feed eklentisini yüklemeniz ve etkinleştirmeniz gerekecek. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: Bu kılavuzda Smash Balloon’un premium sürümünü kullanıyoruz, çünkü bu sürüm hashtag beslemeleri ve alışveriş yapılabilir görsellerle tamamen özel bir Instagram beslemesi oluşturmanıza olanak tanıyor. Yeni başlıyorsanız veya bütçeniz kısıtlıysa ücretsiz Smash Balloon Social Photo Feed eklentisi de mevcut.

Etkinleştirmenin ardından, WordPress kontrol panelinden Instagram Akışı ” Ayarlar sayfasına gidin

Bundan sonra, Smash Balloon lisans anahtarınızı ‘Lisans Anahtarı’ alanına girin.

Adding a license to Smash Balloon's Instagram plugin

Bu bilgileri Smash Balloon’u satın aldığınızda aldığınız onay e-postasında ve ayrıca Smash Balloon hesabınızda bulabilirsiniz.

Bunu yaptıktan sonra, devam edin ve ‘Etkinleştir’ düğmesine tıklayın.

Artık özel bir Instagram akışı oluşturmaya hazırsınız. Başlamak için Instagram Akışı ” Tüm Akışlar’ı seçin ve ardından ‘Yeni Ekle’ düğmesine tıklayın.

Creating an Instagram feed for WordPress

Smash Balloon şimdi oluşturabileceğiniz tüm farklı Instagram beslemelerini gösterecektir.

WordPress’e eklemek istediğiniz besleme türünü seçmeniz ve ‘İleri’ye tıklamanız yeterlidir.

How to add an Instagram timeline feed to WordPress

Yalnızca Instagram fotoğraflarınızı görüntülemek istiyorsanız, Kişisel Instagram hesabı kullanabilirsiniz. Ancak, bir hashtag akışı oluşturmak veya hesabınızın etiketlendiği gönderileri göstermek istiyorsanız bir İşletme Instagram hesabına ihtiyacınız olacaktır.

İpucu: İşletme Hesabınız yok mu? Kişisel Instagram hesabınızı İşletme Hesabına dönüştürmek için Smash Balloon’un adım adım talimatlarını izlemeniz yeterlidir.

‘Hashtag Yayınla’yı seçerseniz, kullanmak istediğiniz hashtag’leri yazmanız gerekecektir. Aynı akışta birden fazla hashtag göstermek için her bir hashtag’i virgülle ayırmanız yeterlidir.

Adding Instagram hashtags to your WordPress website

Bunu yaptıktan sonra, sadece ‘İleri’ye tıklayın.

Hesabınızın etiketlendiği gönderileri mi göstermek istiyorsunuz? Bunun yerine ‘Etiketlenmiş Gönderiler’i seçmeniz ve ardından ‘İleri’ye tıklamanız gerekecektir.

How to show tagged posts in a custom Instagram feed

Ne tür bir yayın oluşturuyor olursanız olun, WordPress’i Instagram hesabınıza bağlamanız gerekecektir.

Başlamak için ‘Kaynak Ekle’ düğmesine tıklayın.

Creating a custom Instagram photo feed in WordPress

Bundan sonra, görüntüleri kişisel hesaptan mı yoksa işletme hesabından mı göstermek istediğinizi seçin.

‘Kişisel’in yanındaki düğmeyi seçerseniz, Smash Balloon varsayılan olarak Instagram avatarını ve biyografisini başlığınıza dahil etmeyecektir. Ancak, Instagram avatarını ve biyografisini her zaman eklentinin ayarlarından manuel olarak ekleyebilirsiniz.

Choose between a personal and business Instagram account

İşletme ve Kişisel hesap arasında seçim yaptıktan sonra, ‘Facebook ile Giriş Yap’ seçeneğine tıklayın.

Artık WordPress web sitenizde öne çıkarmak istediğiniz Instagram hesabını seçebilir ve ‘İleri’ye tıklayabilirsiniz.

Connecting to an Instagram account

Bundan sonra, kullanmak istediğiniz Instagram hesabına bağlı Facebook sayfasının yanındaki kutuyu işaretleyin.

Bu işlem tamamlandıktan sonra, ‘İleri’ düğmesine tıklamanız gerekir.

Connecting a Facebook page to WordPress

Şimdi Instagram Feed Pro’nun erişebileceği tüm bilgileri ve gerçekleştirebileceği eylemleri içeren bir açılır pencere göreceksiniz.

Eklentinin Instagram hesabınıza erişimini kısıtlamak için, ‘Evet’ten ‘Hayır’a çevirmek üzere anahtarlardan birine tıklamanız yeterlidir. Bunun WordPress blogunuzda veya web sitenizde görünen fotoğrafları etkileyebileceğini unutmayın.

Bunu göz önünde bulundurarak, tüm anahtarları etkin bırakmanızı öneririz. Beslemenin nasıl ayarlandığından memnun olduğunuzda, devam edin ve ‘Bitti’ye tıklayın.

Giving Smash Balloon access to your Instagram account

Şimdi web sitenize yeni eklediğiniz Instagram hesabını içeren bir açılır pencere göreceksiniz.

Bu hesabın yanındaki kutuyu işaretleyin ve ardından ‘Ekle’ye tıklayın.

How to connect Instagram to WordPress using Smash Balloon

Instagram Feed Pro şimdi sizi Instagram Feeds ” Tüm Feeds ekranına geri götürecektir.

Özel bir Instagram akışı oluşturmak için, kullanmak istediğiniz Instagram hesabının yanındaki kutuyu işaretlemeniz yeterlidir. Ardından, ‘İleri’ye tıklayın.

Creating a new Instagram feed in WordPress

Eklenti artık herhangi bir sayfaya, gönderiye veya widget’a hazır alana ekleyebileceğiniz bir Instagram fotoğraf akışı oluşturacak.

Instagram Fotoğraf Akışınızı Özelleştirme

Varsayılan olarak, Smash Balloon beslemenizi düzenleyicisinde açacak ve özelleştirmeniz için hazır olacaktır.

Sağ tarafta, Instagram fotoğraf akışınızın bir önizlemesini göreceksiniz. Sol tarafta, sosyal medya akışını özelleştirmek için kullanabileceğiniz tüm ayarlar yer almaktadır.

How to create a custom Instagram feed with Smash Balloon

Bu ayarların çoğu kendi kendini açıklar, ancak bazı önemli alanları hızlıca ele alacağız.

Düzeni değiştirmek için sol taraftaki menüden ‘Besleme Düzeni’ne tıklamanız yeterlidir. Artık Izgara, Duvar veya Karusel düzenlerinden birini seçebilirsiniz.

Switching to a different Instagram layout

Varsayılan olarak her üç fotoğraftan birini vurgulayan Vurgulanmış bir düzen de vardır.

Siz farklı seçeneklere tıkladıkça, canlı önizleme yeni düzeni göstermek için otomatik olarak güncellenecektir. Bu, farklı tasarımları denemeyi ve tercih ettiğiniz tasarımı bulmayı kolaylaştırır.

Smash Balloon varsayılan olarak masaüstü bilgisayarlarda ve mobil cihazlarda aynı sayıda fotoğraf gösterir. Sağ üst köşedeki düğme sırasını kullanarak Instagram akışının masaüstü bilgisayarlarda, tabletlerde ve akıllı telefonlarda nasıl görüneceğini önizleyebilirsiniz.

Previewing an Instagram feed on desktop, mobile, and tablet

Akıllı telefonlar ve tabletler genellikle daha küçük ekranlara ve daha az işlem gücüne sahiptir, bu nedenle mobil cihazlarda daha az Instagram fotoğrafı ve videosu göstermek isteyebilirsiniz.

Bunu yapmak için, ‘Gönderi Sayısı’ altındaki ‘Mobil’ alanına farklı bir sayı yazmanız yeterlidir.

How to show a different number of Instagram posts on mobile

Smash Ballon varsayılan olarak fotoğraflarınızı masaüstünde 4 sütuna, tablet cihazlarda 2 sütuna ve mobil cihazlarda tek bir sütuna böler.

Farklı sayıda sütun mu kullanmak istiyorsunuz? O zaman sol taraftaki menüde ‘Sütunlar’ bölümüne ilerleyin.

Artık Masaüstü, Tablet veya Mobil alanlarına yeni bir numara yazabilirsiniz.

Showing a different number of columns in a custom Instagram feed

Instagram akışınızın mobil cihazlarda iyi göründüğünden emin olmak için WordPress web sitenizin mobil sürümünü görüntülemek akıllıca olacaktır.

Değişikliklerinizi yaptıktan sonra ‘Özelleştir’ bağlantısına tıklayın. Bu sizi ana Smash Balloon editörüne geri götürecek ve bir sonraki ayar ekranı olan ‘Renk Şeması’nı keşfetmeniz için hazır hale getirecektir.

Changing the Instagram feed color scheme

Smash Balloon varsayılan olarak WordPress temanızdan devralınan bir renk düzeni kullanır, ancak Instagram yayınınız için kullanmak isteyebileceğiniz ‘Açık’ ve ‘Koyu’ temaları da vardır.

Hatta ‘Özel’i seçerek ve ardından WordPress‘te bağlantı rengini, arka plan rengini, metin rengini ve daha fazlasını değiştirmek için ayarları kullanarak kendi renk düzeninizi oluşturabilirsiniz.

Changing the Instagram color scheme

Smash Balloon, varsayılan olarak Instagram akışına profil resminiz ve sayfanızın adı olan bir başlık ekler. Bu, ziyaretçilerin bu görüntülerin nereden geldiğini anlamaları için bazı yararlı ekstra bağlamlar sağlayabilir.

Bu bölümün görünümünü değiştirmek için ana ayarlar ekranına dönün ve ardından ‘Başlık’ı seçin.

Adding a header to a custom Instagram photo feed

Bu ekranda arka plan rengini değiştirebilir, Instagram biyografinizi gösterebilir, başlık boyutunu değiştirebilir ve daha fazlasını yapabilirsiniz.

Varsayılan olarak, başlık Instagram profil resminizi içerir. Ancak sitenizin özel logosu gibi farklı bir görsel göstermek isteyebilirsiniz.

Profil resmini değiştirmek için ‘Özel avatarı göster’ altındaki ‘Resim Ekle’ seçeneğine tıklayın. Daha sonra WordPress medya kütüphanesinden bir resim seçebilir veya yeni bir fotoğraf yükleyebilirsiniz.

Adding a custom Instagram avatar to your WordPress website

Farklı bir biyografi de ekleyebilirsiniz. Örneğin, insanları Instagram sayfanızı ziyaret etmeye teşvik eden bir eylem çağrısı ekleyebilirsiniz.

Benzersiz bir Instagram biyografisi oluşturmak için ‘Özel biyografi ekle’ kutusuna yazmanız yeterlidir.

Adding a custom Instagram bio to your WordPress website

Başlığın nasıl göründüğünden memnun olduğunuzda, ana ayarlar ekranına geri dönmek için ‘Özelleştir’ bağlantısına tıklayın.

Şimdi, ‘Gönderiler’e tıklamanız gerekiyor.

Creating a custom Instagram photo feed in WordPress

Başlangıç olarak, Instagram akışındaki tek tek gönderiler için kutulu ve normal düzenler arasında geçiş yapabilirsiniz.

Bunu yapmak için ‘Gönderi Stili’ni seçin.

Customizing an embedded Instagram photo feed

Artık kullanmak istediğiniz düzeni seçmek için tıklayabilirsiniz.

‘Kutulu’ seçeneğini belirlerseniz arka plan rengini değiştirebilir, kutu gölgesi ekleyebilir ve kavisli köşeler oluşturmak için kenarlık yarıçapını artırabilirsiniz.

Adding a box style to an embedded social media feed

Yaptığınız değişikliklerden memnun olduğunuzda, önceki Smash Balloon ekranına dönmek için ‘Gönderiler’ bağlantısına tıklamanız yeterlidir.

Bu kez, ‘Resimler ve Videolar’ı seçin.

Changing the resolution of an embedded Instagram feed

Smash Balloon, Instagram fotoğraflarınızı otomatik olarak analiz eder ve en iyi çözünürlükte gösterir. WordPress hızınızı ve performansınızı artırmak için tasarlandıklarından bu varsayılan ayarları kullanmanızı öneririz. Ancak, gerekirse Instagram görsellerini büyütebilir veya küçültebilirsiniz.

Görüntü boyutunu değiştirmek için ‘Çözünürlük’ açılır menüsünü açın ve listeden varsayılan WordPress görüntü boyutlarından birini seçin.

Changing the resolution for an embedded Instagram feed

Önceki ekrana dönmek için bir kez daha ‘Gönderiler’ bağlantısına tıklayın.

Bu kez, ‘Başlık’ seçeneğini seçin. Bir sonraki ekranda, ‘Etkinleştir’ kaydırıcısına tıklayarak her görüntünün yanında Instagram başlığını gösterebilirsiniz.

Showing Instagram captions on your WordPress website

Bu, metin boyutunu ve rengini değiştirebileceğiniz ve maksimum metin uzunluğunu ayarlayabileceğiniz bazı yeni özelleştirme seçeneklerini açacaktır.

Bunu yaptıktan sonra, önceki ekrana dönmek için ‘Gönderiler’ bağlantısına tıklamanız yeterlidir.

Showing social media captions on a website or blog

Bir sonraki ayar ‘Beğeni ve Yorum Özeti’dir.

Burada, her görsele toplam beğeni ve yorum sayısını ekleyebilir veya gizleyebilirsiniz. Instagram gönderileriniz iyi miktarda etkileşim alıyorsa, bu sayılar insanları Instagram sayfanızı ziyaret etmeye veya sizi sosyal medyada takip etmeye teşvik edebilir.

Showing social media comments and likes on a website or blog

Her zaman olduğu gibi, önceki ekrana dönmek için ‘Gönderiler’ üzerine tıklamanız gerekir.

Son seçenek, farenizi bir gönderinin üzerine getirdiğinizde Smash Balloon’un gönderiye eklediği kaplama olan ‘Hover State’tir.

Customizing the hover state for an embedded social media photo feed

Burada, ‘Görüntülenecek bilgiler’ altındaki ayarları kullanarak birisi bir gönderinin üzerine geldiğinde Smash Balloon’un göstereceği bilgileri seçebilirsiniz.

Fareyle üzerine gelinen kaplamanın rengini de değiştirebilirsiniz.

Adding a custom Instagram feed to WordPress

Yaptığınız değişikliklerden memnun olduğunuzda, ‘Özelleştir’ bağlantısına tıklayın.

Bu sizi ana Smash Balloon ayarları sayfasına geri götürür ve burada ‘Daha Fazla Düğme Yükle’ sekmesine tıklayabilirsiniz.

Adding a load more button to a custom Instagram photo feed in WordPress

Burada, arka plan rengini, metin rengini ve üzerine gelme durumunu değiştirerek ‘Daha Fazla Yükle’ düğmesinin öne çıkmasına yardımcı olabilirsiniz.

‘Metin’ alanına yazarak düğmeye kendi mesajınızı eklemeyi de deneyebilirsiniz.

Customizing the load more button on a custom Instagram photo feed

Bu düğmeyi etkin bırakmanızı tavsiye etsek de kaldırabilirsiniz. Örneğin, sitenizde görebilecekleri fotoğraf sayısını sınırlandırarak insanları Instagram’ınızı ziyaret etmeye teşvik edebilirsiniz.

Düğmeyi kaldırmak için ‘Etkinleştir’ kaydırıcısını griye dönecek şekilde kapatmanız yeterlidir.

Removing the 'Load More' button on a custom Instagram photo feed

Ziyaretçiler gördüklerini beğenirlerse, gömülü beslemenin altında görünen ‘Instagram’da Takip Et’ düğmesini kullanarak abone olmaya karar verebilirler.

Bu kadar önemli bir düğme olduğundan, öne çıkmasına yardımcı olmak için biraz özel stil eklemek isteyebilirsiniz. Bunu yapmak için, ana ayarlar ekranına dönmek üzere ‘Özelleştir’i seçin. Ardından, sol taraftaki menüden ‘Takip Düğmesi’ni seçin.

Burada, düğmenin arka plan rengini, üzerine gelme durumunu ve metin rengini değiştirebilirsiniz.

Customizing the Instagram follow button

Varsayılan olarak, düğme bir ‘Instagram’da Takip Et’ etiketi gösterir.

Bunu ‘Metin’ alanına yazarak kendi mesajınızla değiştirebilirsiniz.

Adding your own messaging to an Instagram CTA button

Smash Balloon, ziyaretçilerin web sitenizden ayrılmadan Instagram fotoğraflarınızı ve videolarınızı açmasına olanak tanıyan yerleşik bir ışık kutusu ile birlikte gelir.

Bu özelliği yapılandırmak için ana Smash Balloon ayarları ekranına geri dönün ve ardından ‘Lightbox’a tıklayın.

The Smash Balloon lightbox feature

Burada, Smash Balloon’un ışık kutusunda kaç yorum göstereceğini değiştirebilirsiniz.

Işık kutusu özelliğini kullanmak istemiyorsanız, ‘Etkinleştir’ kaydırıcısını kullanarak devre dışı bırakabilirsiniz.

Enabling the WordPress lightbox feature

Instagram akışının nasıl göründüğünden memnun olduğunuzda, değişikliklerinizi saklamak için ‘Kaydet’e tıklamayı unutmayın.

Artık Instagram akışını WordPress web sitenize eklemeye hazırsınız.

WordPress’te Instagram Fotoğraflarınızın Akışını Gösterme

Özel Instagram akışını web sitenize bir blok, bir widget veya bir kısa kod kullanarak ekleyebilirsiniz.

Smash Balloon kullanarak birden fazla besleme oluşturduysanız, bir widget veya blok kullanmak için beslemenin kodunu bilmeniz gerekir.

Bu kodu almak için Instagram Feed ” All Feeds bölümüne gitmeli ve ardından ‘Shortcode’ altındaki metni kopyalamalısınız.

Aşağıdaki görselde instagram-feed feed=4 kullanmamız gerekecek.

Getting a shortcode for your custom Instagram feed

Instagram akışını bir sayfaya veya gönderiye yerleştirmek istiyorsanız, Instagram Akışı bloğunu kullanabilirsiniz.

Özel Instagram akışınızı yerleştirmek istediğiniz sayfayı veya gönderiyi açmanız yeterlidir. Ardından, yeni bir blok eklemek için ‘+’ simgesine tıklayın ve ‘Instagram Feed’ yazmaya başlayın.

Doğru blok göründüğünde, sayfaya veya gönderiye eklemek için tıklayın.

Adding the Feeds for Instagram block to your WordPress website

Blok, varsayılan olarak Instagram akışlarınızdan birini gösterecektir. Farklı bir Smash Balloon yayını göstermek istiyorsanız, sağ taraftaki menüde ‘Kısa Kod Ayarları’nı bulun.

Burada, kısa kodu ekleyin ve ardından ‘Değişiklikleri Uygula’ya tıklayın.

Adding a social media feed to WordPress using shortcode

Özel Instagram akışının nasıl göründüğünden memnunsanız, devam edip sayfayı yayınlayabilir veya güncelleyebilirsiniz.

Başka bir seçenek de web sitenize Instagram Feed widget’ını eklemektir. Bu, sitenizin her sayfasında bir Instagram akışı göstermenin harika bir yoludur. Örneğin, Instagram widget’ını WordPress temasının kenar çubuğuna veya altbilgisine ekleyebilirsiniz.

Instagram Feed widget’ını sitenize eklemek için Görünüm ” Widget‘lar bölümüne gidin. Ardından ekranın üst kısmındaki mavi ‘+’ simgesine tıklayabilirsiniz.

Adding an Instagram feed to a widget-ready area

Görüntülenen panelde, doğru widget’ı bulmak için ‘Instagram Feed’ yazın.

Aşağıdaki resimde görebileceğiniz gibi, iki Instagram Akışı widget’ı vardır, bu nedenle doğru olanı kullandığınızdan emin olun.

Adding the Instagram feed widget to a WordPress sidebar

Ardından, widget’ı kenar çubuğu veya benzer bir bölüm gibi Instagram akışını göstermek istediğiniz alana sürüklemeniz yeterlidir.

Widget, Smash Balloon kullanarak oluşturduğunuz akışlardan birini otomatik olarak gösterecektir. Bu, yeni oluşturduğunuz özel Instagram yayını değilse, yayının kodunu ‘Kısa Kod Ayarları’ kutusuna yazın.

Bundan sonra, ‘Değişiklikleri Uygula’ya tıklayın.

Artık ‘Güncelle’ düğmesine tıklayarak widget’ı canlı hale getirebilirsiniz. Daha fazla bilgi için lütfen WordPress’te widget ekleme ve kullanma hakkındaki adım adım kılavuzumuza bakın.

An example of an embedded Instagram feed

Bir başka seçenek de Instagram akışını bir kısa kod kullanarak herhangi bir sayfaya, gönderiye veya widget’a hazır alana yerleştirmektir.

Instagram Feed ” All Feeds bölümüne gidin ve ‘Shortcode’ sütunundaki kodu kopyalayın. Artık bu kodu herhangi bir Kısa Kod bloğuna ekleyebilirsiniz. Kısa kodu yerleştirme konusunda yardım almak için lütfen kısa kod ekleme kılavuzumuza bakın.

Blok özellikli bir tema mı kullanıyorsunuz? O zaman Instagram Feed bloğunu WordPress web sitenizin herhangi bir yerine eklemek için tam site düzenleyicisini kullanabilirsiniz.

Gösterge tablosunda Görünüm ” Düzenleyici‘ye gidin.

How to add an Instagram feed to WordPress using the full-site editor

Varsayılan olarak, tam site düzenleyicisi temanın ana şablonunu gösterecektir.

Instagram akışını farklı bir alana eklemek istiyorsanız, ‘Şablon’ veya ‘Şablon Parçaları’na tıklayın.

Adding an Instagram feed to a WordPress template

Editör şimdi WordPress temanızı oluşturan tüm şablon parçalarının bir listesini gösterecektir.

Instagram akışını göstermek istediğiniz şablona tıklamanız yeterlidir.

A list of templates, in the WordPress full-site editor (FSE)

WordPress şimdi tasarımın bir önizlemesini gösterecektir.

Bu şablonu düzenlemek için devam edin ve küçük kalem simgesine tıklayın.

Editing the WordPress homepage template using the full-site editor

Bir şablon seçtikten sonra, farenizi Instagram fotoğraf akışını eklemek istediğiniz alanın üzerine getirmeniz yeterlidir.

Ardından, mavi ‘+’ düğmesine tıklayın.

How to add a block to a template using full-site editor (FSE)

Bunu yaptıktan sonra, ‘Instagram Feed’ yazmanız gerekir.

Doğru blok göründüğünde, şablona eklemek için tıklayın.

Adding a Instagram feeds block using the full-site editor (FSE)

Her zaman olduğu gibi, Smash Balloon varsayılan olarak bir besleme gösterecektir. Yukarıda açıklanan aynı işlemi izleyerek bir kısa kod ekleyerek bu beslemeyi değiştirebilirsiniz.

Bonus: Müşterilerinizin Ürünlerinizi Instagram Üzerinden Satın Almasına İzin Verin

Çevrimiçi bir mağazanız varsa, ürünlerinizi kolayca satmak için özel Instagram akışınızı da kullanabilirsiniz.

Smash Balloon Instagram Feed Pro, Instagram resimlerinizi ürün bağlantılarıyla etiketlemenize olanak tanır, böylece kullanıcılar ürün sayfalarınızda gezinmek yerine bunlara tıklayabilir ve doğrudan satın alabilir. Bu, satışları artırabilir ve mağazanızdaki kârı yükseltebilir.

How to add a shoppable link to an Instagram post

Daha fazla ayrıntı için, WordPress’te Instagram’da alışveriş yapılabilir görsellerin nasıl ekleneceğine ilişkin eksiksiz kılavuzumuza bakabilirsiniz.

Bu makalenin WordPress’te nasıl özel bir Instagram akışı oluşturacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca sosyal takipçilerinizi artırmak için en iyi WordPress hediye eklentileri karşılaştırmamızı görmek ve başlangıç kılavuzumuzla bir e-posta bülteninin nasıl oluşturulacağını öğrenmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

18 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I have my website as a tech blog, but it also serves as my portfolio. I have my resume, certificates, and much more there. So, on one hand, I write technical guides for people, and on the other hand, I present myself. Additionally, there’s a personal section with a different header and footer where I share my personal opinions outside the tech blog—topics like politics, life, and such. That’s why I’ve implemented an Instagram feed using Smash Balloon there. I think it’s a great combination of professional and personal life, and a potential business partner can get to know you from both angles, making it easier for them to approach you. They’ll see your interests and values beyond work.

    Regarding the display of the feed, as I mentioned, I use the Smash Balloon plugin, which is excellent. Occasionally, my only concern is that it disconnects from the feed every few months, requiring manual reconnection. Otherwise, it’s a fantastic plugin for social media feeds.

  3. Ralph says

    I used to have Instagram feed on my website in the footer to make my account more popular but as a technical blogger this was bad move. I’m using social media to bring awareness to my website where I earn money. Sending people off my website to social media was a mistake even if it looks good on the website itself.
    If this is your goal, then go for it, it is great and this method looks solid. But if your goal is to promote your website I would not recommend doing this. It’s all about what you want to achieve.

  4. Roy says

    FYI – Smash Balloon Instagram Feed Lite / Pro plugin the latest version 2022 does not have a customize section as seen / mentioned in this Post.

    • WPBeginner Support says

      Thanks for pointing that out, we will be sure to update that section when we update the article!

      Yönetici

  5. Anitha says

    I am a new blogger who is not as tech savvy as I would love to be. This article was loaded with information that I can use. Thank you

  6. James Burke says

    I agree with your Plugin choice. I tried several Insta Feed plugins but they got messed up with Facebook / Instagram API changes. Smash Balloon’s worked perfectly. If only other plugins worked as well as these ;-)

  7. Darshan Singh says

    Thanks for such a detailed description of WP website Instagram use, I was searching such informative articles from many days, You describe it in very detailed manner.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.