Bir web sitesine yerleştirilmiş Instagram fotoğrafları veya videoları

06/06

Bir web sitesine yerleştirilmiş Instagram fotoğrafları veya videoları

Justin Sullivan / Getty Images Haberler

Hiç özel bir Instagram fotoğrafını (veya birkaçını) web sitenizde paylaşmak istedim, ancak fotoğrafı bilgisayarınıza kaydetmeniz ve sitenize yüklemeniz gerektiğinden ötürü hayal kırıklığına uğradı.

Instagram, artık web sitenizin veya blogunuzun HTML'sine kolayca fotoğraf veya video eklemek için kullanabileceğiniz bir gömme özelliğine sahiptir ve bunun nasıl yapılacağını anlamak için bir web tasarımcısı olmanız gerekmez.

Web sitenizdeki herhangi bir fotoğraf veya videoyu kolayca birkaç dakika içinde nasıl yerleştirebileceğinizi görmek için aşağıdaki adımları izleyin.

02/06

Gömmek İstediğiniz Instagram Fotoğraf veya Video Sayfasını Bul

Instagram.com/AboutDotCom ekran görüntüsü

Bir Instagram fotoğrafını veya videosunu düzgün bir şekilde yerleştirmek için ilk adım, web sitenizde sergilemek istediğiniz resmi fotoğraf / video sayfasına erişmek. Bu, URL'nin şöyle bir şey olması gerektiği anlamına gelir: instagram.com/p/xxxxxxxxxx/ .

Bu örnekte, resmi About.com Instagram hesabından bir fotoğraf çekeceğiz, ancak istediğiniz herhangi bir fotoğraf (veya video) kullanabilirsiniz.

Farenizi sağ tıklatıp “Farklı Kaydet” i seçerek veya görüntünün bir ekran görüntüsünü almak yerine, görüntü kutusunun sağ alt köşesindeki üç küçük gri noktayı, açıklamaların ve yorumların altında görebilirsiniz.

03/06

'Yerleştir' Seçeneğini Seç

Instagram.com/AboutDotCom ekran görüntüsü

Üç küçük gri noktaya tıklayın ve iki seçeneğin görünmesini sağlayın. Biri “Uygunsuz raporu bildir”, diğeri “Gömülü”.

“Yerleştir” i tıklayın.

04/06

Gömülü Kodu kopyalayın

Instagram.com/AboutDotCom ekran görüntüsü

“Embed” i tıkladıktan sonra, ekranınızın ortasında bir kod dizisi gösteren bir kutu açılır.

Fotoğraf veya videoyu sitenize yerleştirmek için bu kodun nasıl çalıştığını veya ne anlama geldiğini bilmek zorunda değilsiniz.

Tüm kod dizisini otomatik olarak kopyalamak için yeşil “Kopya Embed Kodu” düğmesine tıklayın.

Şimdi Instagram sayfası ile işimiz bitti.

Ardından, web sitenize veya blogunuza geçebilirsiniz.

05/06

Instagram Embed Kodunu Web Sitenizin HTML'sine yapıştırın

WordPress'e yapıştırılan HTML'nin görüntüsü

Kullanmakta olduğunuz web sitesi veya blog platformunun yönetici alanına veya kontrol paneline erişmeniz ve kodu eklemek için doğru alanı bulmanız size kalmıştır.

Örneğin, siteniz WordPress'te çalışıyorsa, düzenlenebilir yazı veya sayfanıza “Metin” modunda (Görsel mod yerine) erişmeniz, editöre sağ tıklayıp, kopyaladığınız gömme kodunuzu içine koymak için “Yapıştır” ı seçmeniz gerekir. kutu.

Kaydedin, isterseniz merkezleyin, yayınlayın ve işiniz bitti.

06/06

Sayfanızı Görüntüle ve Fotoğraf Ekle

Instagram'ın ekran görüntüsü WordPress sitesine gömüldü

Yeni Instagram fotoğrafını veya videosunu düzgün bir şekilde gömülü olarak görmek için yayınlanan sayfaya çevrimiçi olarak göz atın.

Fotoğrafı, kullanıcının üst kısmındaki bağlantıyı içeren bağlantıyı ve bunun altındaki beğeni ve yorumların sayısını görebilmeniz gerekir.

Bir fotoğraf yerine bir videosa, web sitenize gelen ziyaretçiler siteyi doğrudan videoda oynatabilir.

Elbette, sitenizde hiçbir şey görünmüyorsa, kodu yanlış yere yapıştırmış olabilirsiniz ya da belki de kodun tamamını kopyalamamış olabilirsiniz.

Herhangi bir sorun yaşıyorsanız bu harika HTML WordPress yardım makalesine göz atın.