WordPress sitenize iframe kodu nasıl yerleştirilir (manuel ve eklentilerle)
Son zamanlarda The Line Frame (IFRames) hakkında bilgi edindiniz mi ve web sitenizde içerik paylaşmanıza nasıl yardımcı olabilirler? Bir blog çalıştırırsanız veya herhangi bir web içeriği oluşturursanız, başkalarının içeriğini paylaşmak isteyebileceğiniz çok zaman olacaktır. Iframees bunu verimli ve güvenli bir şekilde yapmayı mümkün kılar. IFrame ile, web sitenize göndermek zorunda kalmadan videolar ve resimler gibi içeriği görüntüleyebilirsiniz. Bu yazıda, ne olduğunu, ne yaptıklarını ve WordPress’te nasıl kullanılacağını açıklayacağız. Daha sonra size manuel olarak nasıl sabitleyeceğinizi ve bir eklenti kullanacağınızı göstereceğiz.
İçindekiler
WordPress’te IFrame kullanma
Iframe nedir?
Iframe kullanmaya başlamadan önce bilmeniz gereken şeyler
WordPress’te IFRames Nasıl Kullanılır (3 Yöntem)
1. IFrame’yi sabitlenmiş kodu kullanarak sabitleyin
2. Metin düzenleyicisini kullanın
3. Bir eklenti kullanarak iframe ekleyin
WordPress’te iframe kullanmaya başlamaya hazırsınız!
WordPress’te IFRames’i kullanarak, bunu yapmanın başka yolları olduğunda içeriği sabitlemek için neden IFrame kullanmanız gerektiğini merak ediyor olabilirsiniz. İlk olarak, web sitenize içerik kopyalayıp ekliyorsunuz, değil mi? Veya video açısından, yayınınıza veya medya kütüphanesine indirin ve yüklüyor musunuz?
Bu yöntem çalışırken önerilmezler. İlk olarak, diğer kişilerin içeriğinin kopyalanması ve eklenmesi telif hakkı Yasası’nın ihlali olabilir. Video gibi içerik yüklememenizin ikinci nedeni, bu dosyaların çok fazla disk ve bant genişliği boşluğu harcaması ve web sitenizi yavaşlatabilmesidir. IFrame kullanmak bu iki problemi önleyecektir. Temel olarak, bu, web sayfasının içinden harici kaynaklardan içerik görmek için bir pencere oluşturur.
Ayrıca bu koda gömülü bir harici sayfa URL’si de olmalıdır. Bu özellikler, web sitenize IFrame görüntülenirken kullanılan genişlik, yükseklik, stil vb. Gibi şeyleri söyler. IFREMES’i web sitenize sabitleyen manuel yöntem tartışırken bu konuda daha ayrıntılı olarak tartışacağız. IFRAMES, ağır içeriği içe aktarmadan görüntülemenin yollarını sağlamakta iyi olabilir, ancak sadece onunla yapabileceğiniz değil. Iframe kullanarak başarabileceğiniz çeşitli şeyler sizi şaşırtabilir. Aşağıda birkaç örnek düşünün! Diğer web sayfalarını göster
Okuyucunuzu dışarı çıkmadan başka bir sayfaya yönlendirmek ister misiniz? Iframe kullanın! Bu, okuyucuyu sayfanızda tutarken ilginç veya geniş fikirli içeriği paylaşmanın en iyi yoludur. Dinamik Sosyal Medya İçeriğini Göster Sosyal medya yayınlarını sadece ekran görüntüleri alarak görüntüleyebilirsiniz, ancak Iframe ekstra bir şey sunar. Gerçek zamanlı olarak değiştiklerinde sevinç ve paylaşım gibi dinamik içeriği yakalayabilirler.
Ev sahibi reklam çoğu reklam IFrame’de görüntülenir. Bu, reklamverenlerin reklamları üzerinde kontrolü sürdürmesini sağlar ve gerektiğinde güncellemeler yapar. Bunlar, IFRames ile yapabileceğiniz şeylerin sadece birkaç örneğidir. İhtiyaçlarınıza ve uzmanlığınıza bağlı olarak, onlarla yapabileceğiniz daha fazla şey olabilir. Başlangıç. Bunlar: HTTP/HTTP uyumluluğu sorunu, içeriği yalnızca aynı hipermetin aktarım protokolünü (HTTP) kullanan web sitelerinden veya web sayfalarından sabitleyebilir. Bu, web sitenizde HTTPS (HyperText Transfer Protokolü Güvenli) kullanıyorsa, yalnızca diğer web sitelerinden içeriği HTTPS ile yerleştirebileceğiniz anlamına gelir. Bu, Google tarafından önerilen http.https için de geçerlidir ve önde gelen web sitelerinin çoğu bunu kullanır. Mülkünüz de durum buysa, yüksek kaliteli web sayfaları kolayca yerleştirebilmelisiniz. Web sitenize iframe. IFRames başka bir sayfanın penceresi olduğundan, sayfada ne olursa olsun sayfanız üzerinde bir etkisi olabilir. Iframe, web sitenize tehlikeli kodlar enjekte etmek için de kullanılabilir. IFrame’nizin yalnızca diğer web sitelerine Windows’u açtığını ve kaynak web sitesinde tehlikeli kodların kullanılmasını hemen önleyemeyeceğinizi unutmayın. Bunun için basit iyileştirme, IFRames’i yalnızca önde gelen web sitelerinden içerik gömmek için kullanmaktır. Daha fazla güvenlik ayarları için IFrame’nizdeki Kum Kutusu özniteliğini kullanın. Bu konuda, IFrame’in nasıl yapılacağını tartıştığımızda tartışılacak. Google’ın botlarına izin vermek için aynı içerik. Bu içerik. Bu uyarı endişe verici gelse de, bu kılavuzda paylaşacağımız en iyi uygulamayı izlerseniz endişelenmek için hiçbir neden yoktur. Çoğu büyük web sitesinin, içeriklerinin IFrame’de görüntülenme olasılığını devre dışı bırakması. Eğer IFrame aracılığıyla görüntülemek istediğiniz web sayfasında varsa, bunun üstesinden gelmek için yapabileceğiniz çok şey yoktur. Önceki sedan kodunu nasıl kullanacağınızı göstererek başlayacağız, o zaman manuel IFrame yapımını ve son olarak bir eklentinin nasıl kullanılacağını tartışacağız.
Her şeyi öğrenmek ve uygulamak kolaydır!
Bu yöntem muhtemelen en kolay olanıdır, ancak genellikle sadece içerik için Sematan kodunu sağlayan web siteleri için geçerlidir. Kod verilirse, genellikle mevcut paylaşım seçenekleri altında bulacaksınız. Örneğin, YouTube’da bu kod, videonun altındaki paylaşım simgesini tıkladığınızda görülür. IFrame kodunu almak için Semat simgesini tıklayın. Yine de bu kodu kopyalayın ve HTML bloğunu kullanarak web sayfanıza sadık kalın. Block, nispeten yeni bir WordPress WordPress web sitesi oluşturmanın yeni bir yoludur. Gutenberg Binası, HTML blokları içeren bir dizi orijinal blokla birlikte geliyor. Ayrıca kesin bir YouTube bloğu var, ancak her ikisini de kullanabilirsiniz. Gutenberg eklentilerini Gutenberg için eklentiler kullanarak Gutenberg aralığını genişletebilirsiniz. WordPress için en üst sayfa yapımcılarından birinde HTML bloklarını da kullanabilirsiniz.
Yeni HTML bloğunuzda, SEMAT kodunu yukarıdaki örnekte olduğu gibi yapıştırın. Örnekteki kod gözden geçirildiğinde, elde ettiğimiz şey budur:
IFRames’i kaynak web sitesinden orijinal Seman koduna sahip olmadan kullanmak için, HTML bloğunun aşağıdaki satırlarını yapıştırın: Bu, iframe kodunun nasıl olacağının temel bir örneğidir. görülen. Önceki örnekteki kodun çok daha uzun olduğunu fark etmiş olabilirsiniz. Bunun nedeni özellikler içermesidir. Kod’a öznitelikler ekleyerek IFrame ile ilgili birçok şeyi kontrol edebilirsiniz. Örneğin, diğer özelliklerle birlikte sözde IFrame’nin yüksekliğini ve genişliğini belirleyebilirsiniz. Özellikler:
Genişlik ve Yükseklik – Windows’u ölçtüğünüz ‘genişlik =’ ve ‘yükseklik =’ göreceksiniz – örneğin genişlik = “250px” yükseklik = “300px” çerçeve – sınırı görüntüleyebilir veya ‘0’ veya ‘1 kullanamazsınız ‘ – FrameBorder = “1”
Hizala – IFrame Kodunda ‘sol’ ‘sağ’ ” sağ ” ” ” yukarıdaki ” ” ” ‘yukarıda’ kullanarak sayfadaki seviyelendirmeyi ayarlayın – örneğin, hizalama = “sol” Kaydırma – Kaydırma ile devre dışı bırakın veya etkinleştirin Scrolling = “Evet” veya Scrolling = “Hayır” İşte başka bir örnek: Her birinin yüksekliğini ve genişliğini 800 piksel ve 500 piksel olarak değiştirmek için şuna benzer yüksek ve genişlik özellikleri ekleyeceksiniz: Daha önce, kullanıcılarınızı etkileyen tehlikeli dış etkinlikleri önlemek için kum kutusu özniteliklerinin nasıl kullanılacağına söz verdik. Basitçe şuna benzer bir kum kutusu özniteliği ekleyin: Bu nedenle, daha önce paylaştığımız örnek daha makul olmalı! 2. Metin editörlerini kullanın IFrame oluşturmak için web sayfalarına küçük bir kod yazabilirsiniz. Endişelenmeyin, bu yöntem basittir ve WordPress Editor’u kullanmanıza bile gerek yoktur. Klasik WordPress düzenleyicisini hala kullanıyorsanız, bu yöntemi kullanabilirsiniz. Başlamak için sayfayı açın veya IFrame’yi gömmek istediğiniz ve ekranı görsel düzenleyiciden metin düzenleyiciye değiştirmek istediğiniz yayınlayın. IFrame’yi görüntülemek istediğiniz noktaya gidin ve size gösterdiğimiz kodda yapıştırın: Örnek.com’u hedef URL ile değiştirin. Gönderi veya sayfayı kaydedin veya güncelleyin ve bunu yapmaya hazırsınız. değerlendırmek. İşte önerdiğimiz ilk ikisi ve nasıl kullanacağımız: WebVitalyPlugin tarafından Iframe WebVitaly tarafından IFrame, sayfalarınızdaki hemen hemen tüm web sitelerinden içerik yerleştirme olanağı sunar. Başlamak için eklentiyi indirin ve etkinleştirin. Bu bittikten sonra, IFrame’yi oldukça kolaylaştırın, çünkü yapmanız gereken tek şey içeriğinize ilgili bir yerde kısa bir kod koymaktır. Bu eklenti ücretsizdir ve iyi çalışır, ancak şimdi geliştirici tarafından yönetilmez. En popüler alternatif, Michael Dempfle tarafından Advanced Iframe Pro gibi iframe eklentileri ödenir. Iframe Pro Michael Dempfle tarafından Gelişmiş SeviyeBelirtildiği gibi, gelişmiş IFrame Pro, çerçeve eklentisine kıyasla çeşitli güvenlik seçenekleri ve ek ayarlamalar sağlar. Eklenti yüklendikten ve etkinleştirildikten sonra, yapmanız gereken tek şey, IFRames’i ilgili bir yere girmek için kısa bir kod kullanmaktır. Eklentiyi WordPress Deposu’ndan başlatmak, indirmek, yüklemek ve etkinleştirmek için.