WordPress İframe Kodu Ekleme

WordPress, kullanıcılarına birçok özelleştirme ve genişletme seçeneği sunan popüler bir içerik yönetim sistemidir. İçerik oluşturma ve paylaşma sürecini kolaylaştırırken, bazen daha karmaşık işlevler eklemek isteyebilirsiniz. İframe, web sayfalarınızda harici içeriğe erişim sağlamak için kullanılan bir HTML öğesidir ve WordPress’te bu özelliği eklemek oldukça basit bir işlemdir.

Adım 1: İframe Kodunun Hazırlanması

İlk adım olarak, eklemek istediğiniz iframe kodunu hazırlamanız gerekmektedir. İframe kodu, genellikle harici bir web sitesinin veya içeriğin URL’sini içeren bir HTML etiketi içerir. Örneğin, aşağıdaki gibi bir iframe kodu kullanarak YouTube videosunu gömebilirsiniz:

“`html

“`

Burada “src” özelliği, iframe’in hangi içeriği göstereceğini belirtir. “video-id” kısmını kendi YouTube video kimliğinizle değiştirmeniz gerekmektedir.

Adım 2: İframe Kodunun WordPress’e Eklenmesi

İframe kodunu WordPress’e eklemek için birkaç farklı yöntem bulunmaktadır. İşte en yaygın kullanılan iki yöntem:

Sayfa veya Yazı Düzenleyicisi ile İframe Ekleme

WordPress’in sayfa veya yazı düzenleyicisini kullanarak iframe eklemek oldukça kolaydır. İframe’i eklemek istediğiniz içeriği düzenlemek için ilgili sayfayı veya yazıyı açın. Ardından, düzenleme araç çubuğunda yer alan “HTML” sekmesine tıklayın. HTML sekmesine geçtikten sonra, iframe kodunu uygun yere yapıştırabilirsiniz. Son olarak, değişiklikleri kaydedin ve sayfayı veya yazıyı yayınlayın.

İframe Ekleme Eklentisi Kullanma

WordPress’te iframe eklemek için birçok ücretsiz ve ücretli eklenti bulunmaktadır. Bu eklentiler, iframe kodunu kolayca eklemenizi sağlar ve daha fazla özelleştirme seçeneği sunabilir. WordPress’in resmi eklenti pazarında “Iframe” veya “Embed Iframe” gibi aramalar yaparak farklı seçenekleri inceleyebilirsiniz. Eklentiyi kurduktan sonra, yönergeleri izleyerek iframe kodunu ekleyebilirsiniz.

Bu şekilde, WordPress sitenize istediğiniz içeriği gömmek için iframe kodunu kolayca ekleyebilirsiniz. İframe kullanırken dikkat etmeniz gereken bazı noktalar da vardır. Güvenlik açısından, güvendiğiniz ve kontrol ettiğiniz kaynaklardan gelen iframe kodlarını tercih etmeniz önemlidir. Ayrıca, iframe’in mobil uyumluluğunu kontrol etmek ve sitenizin yavaşlamasına neden olabilecek çok fazla iframe kullanmamak da önemlidir.

Bu konuda daha fazla ayrıntı ve özelleştirme seçenekleri için WordPress’in resmi dokümantasyonunu ve yardım forumlarını da kullanabilirsiniz. İkinci parçayı okumak için “İkinci parça” yazabilirsiniz.

WordPress İframe Kodu Ekleme – Devamı

Adım 3: İframe Boyutunu Ayarlama

İframe’in boyutunu ayarlamak, gömülen içeriğin düzgün bir şekilde görüntülenmesini sağlamak için önemlidir. Varsayılan olarak, iframe boyutu içeriğin orijinal boyutuna göre ayarlanır. Ancak, bazen iframe’in boyutunu özelleştirmek isteyebilirsiniz.

İframe’in genişliğini ve yüksekliğini piksel cinsinden belirleyebilir veya yüzde cinsinden orantılı bir şekilde ayarlayabilirsiniz. Örneğin, iframe’in genişliğini 500 piksel olarak ayarlamak için aşağıdaki gibi bir kod kullanabilirsiniz:

“`html

“`

Aynı şekilde, yükseklik için de aynı yöntemi kullanabilirsiniz. İframe’in boyutunu yüzde cinsinden belirlemek isterseniz, aşağıdaki gibi bir kod kullanabilirsiniz:

“`html

“`

Bu durumda, iframe’in genişliği sayfanın genişliğine göre otomatik olarak ayarlanacak ve yüksekliği 300 piksel olacaktır. Boyutları kendi ihtiyaçlarınıza göre özelleştirebilirsiniz.

Adım 4: İframe Özelliklerini Ayarlama

İframe’i daha da özelleştirmek için birkaç özellik ekleyebilirsiniz. Örneğin, iframe’in kenarlıklarını gizlemek veya bir başlık eklemek isteyebilirsiniz.

Kenarlıkları gizlemek için “frameborder” özelliğini kullanabilirsiniz. Aşağıdaki gibi bir kod kullanarak kenarlıkları gizleyebilirsiniz:

“`html

“`

Bu durumda, iframe’in kenarlıkları görünmez olacaktır. Başlık eklemek için ise “title” özelliğini kullanabilirsiniz. Aşağıdaki gibi bir kod kullanarak başlık ekleyebilirsiniz:

“`html

“`

Başlığı kendi içeriğinize göre özelleştirebilirsiniz.

Adım 5: İframe’i Önizleme ve Kaydetme

İframe’i ekledikten sonra, değişiklikleri önizleyebilir ve kaydedebilirsiniz. WordPress’in sayfa veya yazı düzenleyicisinde, yapmış olduğunuz değişiklikleri görüntülemek için “Önizleme” düğmesine tıklayabilirsiniz. Önizleme işleminden sonra, iframe’in nasıl görüneceğini kontrol edebilir ve gerekirse düzenlemeler yapabilirsiniz.

Tüm ayarları tamamladıktan sonra, değişiklikleri kaydedebilir ve sayfayı veya yazıyı yayınlayabilirsiniz. Artık WordPress sitenizde iframe kullanarak harici içerikleri gösterebilirsiniz.

Sonuç

WordPress’e iframe kodu eklemek oldukça basit bir işlemdir. İframe, sitenize harici içerikleri entegre etmenin etkili bir yoludur. İframe’i eklerken içeriğin güvenliğine dikkat etmek, boyutlarını ve özelliklerini ayarlamak önemlidir. WordPress’in sunduğu farklı yöntemlerle iframe ekleme işlemini kolayca gerçekleştirebilirsiniz.

İframe kodunu düz