WordPress Sitenizde Instagram Fotoğraflarının Gösterimi

10 2.355

WordPress sitenizde instagram fotoğraflarınızı göstermek ister misiniz? Bir okurumuz kendi WordPress siteninde, Instagram hesabında ki fotoğraflarını nasıl gösterebileceği konusunda bizden yardım istedi. Ücretsiz olarak dağıtılan, bir WordPress instagram eklentisi kullanarak sitesine entegre etmesi için ona yardımcı olduk.

Şimdi ise, Instagram fotoğraflarını WordPress sitenize nasıl otomatik olarak gösterebileceğinizi adım adım göstereceğiz. Kullanmını anlatacağımız bu eklenti, Instagram fotoğraflarını gösterimini belirli koşullar ile almanıza olanak sağlıyor:

  • Kendi hesabınız üzerinden paylaştığınız fotoğraflar
  • Herkese açık olan bir instagram hesabından paylaşılan fotoğraflar
  • Fotoğraflara eklenen Hastag etiketlerine göre fotoğraflar
  • Ülke, bölge veya konumları eklenmiş fotoğraflar

Eklenti, ücretsiz kullanımında konum ve hastag desteği vermiyor, ancak diğer tüm özelliklerini ücretsiz olarak kullanabilirsiniz.

Yazı İndeksi

Instagram Feed

wordpress eklentisi instagram feed

WordPress sitenize Instagram fotoğrafları eklemenize yardımcı olabilecek eklentiler mevcutken, Instagram Feed eklentisini öneriyoruz çünkü:

  • WordPress instagram eklentileri arasında son derece popüler olması
  • Geliştiricisi tarafından düzenli olarak güncellenmesi
  • Farklı instagram hesaplarını tek akışta gösterebilme
  • Ücretli sürümü hastag ve konumlara izin veriyor

Saydığımız özellikler sizin için yeterli değilse, farklı bir eklenti deneyebilirsiniz. Popüler ve düzenli olarak güncelleme alması ayrıca sunduğu özellikler yüzünden kullanmanız için bir şansı hak ediyor.

EKLENTİYİ İNDİR

WordPress Instagram Feed Kurulumu

Instagram Feed’i yükledikten ve etkinleştirdikten sonra, kontrol panelinin kenar çubuğundaki yeni Instagram Feed seçeneğine gidin. Yapmanız gereken ilk şey Access Token (Erişim anahtarı) eklemektir.

Daha önce WordPress eklentisi kurulumu yapmadıysanız yazımıza göz atabilirsiniz.

Access Token, eklentinin Instagram hesabınıza erişebilmesini sağlar, böylece fotoğraflarınızı kullanmak için yetkiye sahip olursunuz. Erişim sağlanmazsa, eklenti Instagram özet akışını kullanacak şekilde ayarlanamaz ve düzgün çalışamaz.

Yapmanız gereken ilk adım, access token alarak instagram hesabınıza giriş yapmak:

access token alma instagram feed

Ardından, Access Token anahtarınızın alındığını göreceksiniz. Bu değeri Access Token kutusuna kopyalamanız ve alttaki Değişiklikleri Kaydet düğmesine tıklamanız gerekir:

access token kaydetme instagram feed

Şuan bağlamış olduğunuz hesap üzerinden, fotoğrafları kolayca kullanmaya başlayabilirsiniz.

Kullanıcı Kimlikleri Üzerinden Fotoğraf Gösterimi

Kullanıcı kimlikleri(User ID) temel olarak belirli bir Instagram hesabının sayısal gösterimidir. Kendi hesaplarınızda, diğer Instagram hesaplarında olduğu gibi kişiye özeldir.

 Peki bir Instagram hesabının kullanıcı kimliğini nasıl buluyorsunuz? En kolay yol, bulunan araçlardan birini kullanmaktır. Smash Balloon, bu eklentinin arkasındaki geliştiriciler ücretsiz olarak kullanıcı kimliğinin sayısal değerini gösteren bir araç geliştirdiler. Aşağıda ki bağlantıyı kullanarak sorgulama işlemini yapabilirsiniz.

Instagram ID

Kullanıcı kimliğini almak istediğiniz hesabın kullanıcı adını girmelisiniz (kendi hesabınız veya başkasının hesabı), matematik sorusunu çözmeli ve Get Instagram User ID tıklamanız yeterlidir:

instagram user id bulma

Sorgulamanın ardından size kullanıcı bilgileri sunulacaktır. User ID kısmında yer alan sayısal değeri kopyalayın:

instagram user id gösterme

Daha sonra, User ID(s) kutusuna yapıştırın:

wordpress instagram resim hesabı gösterme

Birden fazla hesaptan fotoğraf görüntülemek istiyorsanız, her hesabı şöyle bir virgülle ayırmanız yeterlidir:

wordpress instagram çoklu fotoğraf gösterme

Sonrasında, Değişiklikleri Kaydet dediğinizden emin olun.

WordPress Instagram Akışınızı Düzenleyin

Fotoğraf kaynaklarınızı oluşturduğunuza göre, Instagram resim özet akışınızın nasıl görüneceğini ayarlamak için Customize sekmesine gidin.

Bu sekme altında özelleştirme yapabileceğiniz ayarlar:

  • Width of your feed, gösterilecek fotoğrafların yüzde yada piksel uzunluğunu ayarlamanızı sağlar.
  • Height of your feed, fotoğraflarınızın genişliğini aynı şekilde piksel yada yüzde şeklinde ayarlamanızı sağlar.
  • Background color, arka plan renk ayarı yapmanızı sağlar.
  • Sort photos by, gösterilecek fotoğraflarınızı yeniden eskiye doğru veya karışık olarak sıralamasını yapmanızı sağlar.
  • Number of photos, toplam kaç adet fotoğraf göstermek istediğinizi ayarlamanızı sağlar.
  • Number of columns. sütunlar halinde fotoğraf gösterimi için ayar yapmanızı sağlar.

wordpress instagram feed seçenekleri

Tüm seçimlerinizi yaptıktan sonra, Değişiklikleri Kaydet düğmesini tıklamayı unutma.

WordPress Sayfa veya Yazı İçerisinde Instagram Akışı Gösterimi

Görünüm ayarlarını yapılandırdıktan sonra Display your Feed sekmesine geçin, sayfa içerisinde verilen kısa kodu kopyalayın:

wordpress instagram feed kod kullanımı

Şimdi, Instagram fotoğraf akışını görüntülenmesini istediğiniz kısma geldik. Gösterim yapmak istediğiniz yere bağlı olarak, kullana bileceğiniz alanlar:

  • Sayfalar
  • Yazılar
  • Birleşenler
  • Varsa sayfa oluşturma eklentisinin içerisinde

Ardından, kısa kodu WordPress Editör’e, sayfa oluşturma eklentisinin içine veya birleşen kutunuza yapıştırın. Kullanım şekli şöyle olmalıdır:

wordpress instagram kısa kod ekleme

Ardından, sayfanızı yayımladığınızda seçtiğiniz Instagram fotoğraflarınızın akışını görmelisiniz:

wordpress instagram örnek sayfa

Artık sorunsuzca ekletiğiniz fotoğrafları WordPress siteniz üzerinde gösterimini yapabilirsiniz.

Bilinmesi Gerekenler

WordPress instagram eklentisi kullanarak fotoğraf göstermek için göstermek istediğinizin hesabın gizli olmaması gerekiyor. Göstermiş olduğunuz fotoğraflar instagram sunucularında barındırıldığı için bazen sitenizde yavaşlamalar söz konusu olabilmektedir. Ancak gösterim kendi sunucunuz üzerinden yapılmadığı için bant genişliğinden tasarruf edebilirsiniz.

Aklınıza gelen tüm soruları bize yorum olarak gönderebilir, daha farklı bir sorunuz var ise Bize Yazın sayfamız üzerinden bize iletebilirsiniz.

10 Yorum
  1. eniskorkmaz.com

    Benim gibi web sitesinden yazıkımdan vs hiç anlamayan birine öyle güzel tarif ettinizki bu feed i nasıl aktif kullanıcağımı çoook çok teşekkür ederim. harika bir eklenti ve tarif…

  2. CCAJANS

    güzel konu sitemde denemeyi düşünüyorum teşekkürler.

  3. Zuhal

    Evet eklenti güzel, fakat saate bir yenile dememe rağmen yenilemiyor, cache dosyalarını elle sileyim dedim ayarlarda da yok. Sürekli yenilemedikten sonra ne amlamı kaldı böyle bir eklentiyi kullanmanın…

    1. WpGurme

      Kullandığınız eklenti instagram api üzerinden veri alarak işlem yaptığını göz önününe almalısınız. Eğer API üzerinden veri akışı doğru olarak işlenemez ise güncel akışı alamayabilir. Örnek olarak https://www.pinarsengul.com.tr sitesinde yer alan instagram akışına bakabilirsiniz. Tema yapımcıları instagram feed eklentisini ayda 1 veya 2 kere güncelliyor (:

      1. zuhal

        cevabınız için teşekkür ederim. Çözüm öneriniz nedir? ben ne yaparsam bu sorunu çözebilirim ?

        1. WpGurme

          Farklı bir instagram eklentisi kullanabilirsiniz. Daha önce yer verdiğimiz https://wpgurme.com/wordpress-instagram-eklentileri-tamami-bedava/ yazımız içerisinde ücretsiz olarak sunulan eklentilerden bir tanesi sorununuzu çözmenizde yardımcı olacaktır.

  4. Şakir Sağlam

    Merhaba, güzel anlatımınızdan ötürü bir sorum var.
    Bu eklenti slayt gösterimi yapabilir mi?
    Kolay gelsin.

    1. WpGurme

      Slayt olarak gösterim yapma özelliği yok. Instagram eklentisi üzerinden slayt yapmak bence çok mantıklı olmaz. Görsellerin instagram üzerinden geleceği düşünülürse doğru olarak render edilemeyebilir.

  5. Selman

    Amp eklentisi kullanıyorum, sağlıklı bir görüntü çıkmıyor. Bu konuda bilginiz veya fikriniz var mı?

    1. WpGurme

      Yaşadığınız AMP sorununu daha detaylı anlatırmısınız?

Cevap Gönder

E-posta adresiniz yorumunuzda yayınlanmayacaktır.

 


Sitemizi en iyi şekilde kullanabilmeniz için çerezler kullanılmaktadır. Sitemize giriş yaparak çerez kullanımını kabul etmiş sayılmaktasınız. Tamam Detaylı bilgi için tıklayınız.