WordPress Sitenizde Instagram Fotoğraflarının Gösterimi
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 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.
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:
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:
Ş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.
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:
Sorgulamanın ardından size kullanıcı bilgileri sunulacaktır. User ID kısmında yer alan sayısal değeri kopyalayın:
Daha sonra, User ID(s) kutusuna yapıştırın:
Birden fazla hesaptan fotoğraf görüntülemek istiyorsanız, her hesabı şöyle bir virgülle ayırmanız yeterlidir:
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.
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:
Ş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:
Ardından, sayfanızı yayımladığınızda seçtiğiniz Instagram fotoğraflarınızın akışını görmelisiniz:
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.
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…
güzel konu sitemde denemeyi düşünüyorum teşekkürler.
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…
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 (:
cevabınız için teşekkür ederim. Çözüm öneriniz nedir? ben ne yaparsam bu sorunu çözebilirim ?
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.
Merhaba, güzel anlatımınızdan ötürü bir sorum var.
Bu eklenti slayt gösterimi yapabilir mi?
Kolay gelsin.
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.
Amp eklentisi kullanıyorum, sağlıklı bir görüntü çıkmıyor. Bu konuda bilginiz veya fikriniz var mı?
Yaşadığınız AMP sorununu daha detaylı anlatırmısınız?