OEMBED ile WordPress’te içeriği sabitlemek için ana kılavuz
İnternet kesinlikle sosyal bir yer. Videoları, yayınları, tweetleri, fotoğrafları, memeleri ve müzik paylaşmak her zaman yaygın bir şey gibi geliyor. Ve Oembed sayesinde, norm WordPress ile çok kolay. Harici kaynaklardan medyayı paylaştığınızda ve bunları kendi sitenize yerleştirdiğinizde, buna gömme denir ve genellikle birkaç kodla elde edilir. Oembed, gömme için en son formattır. Yangın, yalnızca kod gerekmeden gömmek istediğiniz kaynak URL’lerini ekleyerek içeriği paylaşmanıza olanak tanır. Biçimi için WordPress desteği sayesinde bu hızlı ve kullanımı kolaydır. Videoya bağlantıyı doğrudan göndermeye veya tweet’e doğrudan gönderime veya sayfaya yapıştırın, bağlantı sizin için herhangi bir zamanda iyi sonuçlarla otomatik olarak yerleştirilir ve ek CSS stillerine gerek yoktur.
Bu, medyayı WordPress yayınınıza ve sayfanıza sabitleme ve gömme işleminize daha fazla güç sağlamaya yardımcı olmak için bazı ek eklentiler hakkında bilmeniz gereken şey budur. Iframe’e veda edin, 10 yaşındayken kodu ilk öğrendiğimi hatırlıyorum, ailem nihayet DOS’ta yürümeyen iyi bir bilgisayar aldığında. Bunun yerine, Windows 95’te çalışır. O zamandan beri teknolojinin ne kadar geliştiğini gören sistemi düşünerek ürperttim ve o zamanlar gömme içeriğinin görünümünün de bana aynı etkiyi verdiğini hatırladım.
IFrame HTML (sırada), o zaman içeriği gömmek için yaygın bir yoldur ve bu bugün bile çok fazla değişmemiştir.
IFrame’nin tek amacı her zaman ideal olmayan tüm belgeleri sabitlemektir. Her şey, yayın panelinizde yayınlar> yeni veya sayfa ekle> yeni ekle aracılığıyla yeni bir gönderi veya sayfa yapmakla başlar. Metin düzenleyicisine gidin ve aşağıdaki örneğe benzer bir IFrame oluşturmak için temel kodunuzu yazın: Jennimckinnon/93906758A7B28D84AD59’un çekirdeğini içerir.
IFrame etiketine koyabileceğiniz birçok özellik olmasına rağmen, bu sadece en yaygın kullanılan üç kişidir. Genişlik ve Yükseklik Seçenekleri IFrame ve SRC boyutunu ayarlayın IFrame içeriğini URL aracılığıyla düzenler.
HTML Beşinci Sürüm’e güncellendiğinde, medyayı gömmek için de kullanılabilecek ek etiketler de eklenir. Bu, geleneksel IFrames’de hafif bir artıştır, ancak neredeyse aynı şekilde kullanılabilir.
Jennimckinnon/f480de2e0a63697ef9a7’nin çekirdeğini içerir
Sematan etiketleri kaplar yapar, o zaman CSS ile stil yapabilirsiniz. Ayrıca bir kapanış etiketi gerektirmez ve tüm ana tarayıcılar bunu destekler. Sayfanıza veya düzenleyicinize IFrame ve HTML5 etiketleri ekleyebilmenize rağmen, içeriği WordPress’e yerleştirmenin daha hızlı ve daha kolay yolları vardır: OEMBED.
OEMBED ile medyayı gönderi ve WordPress sayfasına sabitlemekle aşılamak, bu esas olarak, videolar, görüntüler, tweetler, ses ve farklı sitelerinizden diğerleri gibi içerikler getirmenizi sağlayan OEMBED’in eklenmesinden kaynaklanmadığı kadar kolay değildir. kendi site. Tüm bunlar, içeriğin URL’sini doğrudan düzenleyiciye kopyalayıp ekleyerek yapılır. İşte burada.
Oemped ile hızlı ve kolay bir şekilde medya ekleyin. Bu görsel bir editörde iyi görünüyor, ancak ön uçta daha iyi görünüyor. Belki de en iyi yanı, OEMBED’in ek bir kuvvet gerektirmemesidir.
Sitenize medya aşılamak, temanızla eşleşecek şekilde ayarlamış gibi görünüyor. Ayrıca, eklediğiniz medya türü ne olursa olsun, medya hücresel ekranda bile sürekli olarak harika görünüyor. Sitenizi duyarlı tutmak OEMBED ile ilgili bir sorun değildir. İçeriğinizin duyarlı olup olmadığı konusunda endişelenmenize gerek yoktur, çünkü OEMBED zaten temeli vardır. Ve renk şemanızı değiştirmek de bir sorun değildir. Renk şemasını da değiştirebilirsiniz ve medyanız, örneğin daha koyu bir arka planla bile iyi görünebilir.
Belgeler de OEMBED ile iyi görüntülenir. Ayrıca belgeler ve slayt şovları da dahil olmak üzere çeşitli medya türlerini de sabitleyebilirsiniz. Ziyaretçilerinizin onlarla etkileşime girebilmesi için dinamik olarak görüntülenirler. Örneğin, ISSUU’dan dergileri görüntülerseniz, kullanıcılar sayfayı kitapta olduğu gibi açmak ve daha büyük bir görünüm seçmek için tıklayabilir. URL’nin kendi satırına yerleştirilmesi ve aşağıdaki örnekte olduğu gibi hiper bağlantı olmaması sadece iki gereksinimdir: Jennimckinnon/EFE1F7D5B455D3265D27’nin çekirdeğini içerir
Görsel düzenleyiciye gömmek istediğiniz medya URL’sini koyduktan sonra, URL işlendikten sonra görünecek ve yayınınızı veya sayfanızı yayınladıktan sonra tam olarak nasıl görünmesi gerektiğini gösterecektir.
Kısa bir kod kullanılırken medya aynı görüntülenir. OEMBED’i ve basit bir kısa kodla kullanabileceğiniz başka yollar da vardır. Medya aynı şekilde görüntülenir, ancak basit bir stil seçeneği ekleyebilirsiniz. Örneğin, genişliği ve yüksekliği IFrame ile yaptığınız gibi ayarlayabilirsiniz. En büyük fark, bağlantıların etiketler arasında dahil edilmesidir, içinde değil.
Bu, diğer çoğu kısa kodla aynı işlev görür, bu nedenle kullanımı oldukça kolaydır. Oembed’in kısa kodunun bir kapanış etiketi vardır, bu nedenle medyayı sitenize sabitlediğinizde eklemeyi unutmayın. İşte kullanacağınız yapının bir örneği ve bu durumda YouTube videoları sabitleniyor: Jennimckinnon/7d718951331d2536e8cb’nin çekirdeğini içerir
Birçok kaynaktan içerik yerleştirebilirsiniz, ancak yalnızca varsayılan olarak beyaz listede bulunan sitelerden medyayı yerleştirebileceğinizi hatırlamanız gerekir.
Seçiminizin sınırlı olmasının nedeni, sabitlemeye karar verirseniz, sitenize tehlikeli içerik enjekte edildiğinde sevilmeyen kaynaklardan gelen güvenlik risklerini azaltmaktır. İçeriği yalnızca kararlaştırılan ve güvenilir kaynaklardan sabitleme izni vererek sakin hissedebilirsiniz, çünkü sitenizin güvenli kalabileceğini biliyorsunuz. İşte bu makale yazıldığında alınan her biri için medya türüne sahip beyaz listede bulunan bir site:
Animoto – Video
Cloudup – video, galeri, resim
CollegeHumor – Video
Dailymotion – Video
Flickr – Video ve Resim
Funnyordie.com – Video
Yukarı Akım – Video
İmgur – resim
Instagram – Resim
Issuu – Belge
Kickstarter – Proje
Üreticiler
Meetup.com – Çeşitli
Mixcloud – Musikphotobucket – resim
Polldaddy – Anketler ve Anket
Reddit – Yorum
Reverbnation – Müzik
Scribd – Belge
Slideshare – Ekran Slayt Sunumu
SmugMug – Çeşitli
SoundCloud – Müzik
Hoparlör Güverte – Slayt Sunumu Ekran
Spotify – Müzik
Ted – Video
Tumblr – Gönderi, bağımsız görüntüler hariç
Isnare – Çeşitli
Twitter – Sosyal Medya
VideoPress – Video
Vimeo – Video
Şarap – Video
Wordpress.tv – video
YouTube – Video, kişi olarak işaretlenenler hariç.
Bu, bu siteleri kullanmaya devam etmeniz gerektiği anlamına gelmez. Alınan OEMBED sitesini eklemek ve silmek mümkündür.
OEMBED sitesini ekleyin ve silin İçeriği sabitlemek için siteyi beyaz listeye girmek istiyorsanız, OEMBED’in etkinleştirildiğinden emin olmalısınız. Emin değilseniz, resmi OEMBED web sitesi sağlayıcıları listesini kontrol edebilirsiniz. Beyaz listeye hangi sağlayıcılara girmek istediğinizi bildikten sonra, wp-incomudes/emped.php dosyanızı açın ve bu formatta wp_oembed_provider () işlevini arayın:
Jennimckinnon/c01547348f1e1a9c57e1’in çekirdeğini içerir
Dize $ biçimi, medyanın bulunabileceği URL’nin güzel kalıcı bağlantı bölümünü temsil etmek için joker yıldızın işaretine sahip doğru URL yapısını içermelidir. String $ sağlayıcı, biçim parametrelerinin normal ifadeler kullanıp kullanmadığını ayarlayan OEMBED sağlayıcıların ve $ regex boolean’ın temel URL’sidir. True olarak ayarlanırsa, bu normal ifade anlamına gelir. Varsayılan seçenekler ve diğer yanlış, yani Regex olmadığı anlamına gelir.
Her şeyi birleştirip ihtiyacınız olan URL’yi girdiğinizde, sonuçlar şöyle görünecektir:
Jennimckinnon/d65968799dbcda58fc2e’nin çekirdeğini içerir
Kendi PHP kodunuzu yapmamayı tercih ediyorsanız, şanslısınız. GenerateWP’de mükemmel bir OEMBED kod üreticisi var. Yapmanız gereken tek şey sütunu uygun URL ile doldurmak ve daha sonra kopyalayabileceğiniz kodu görüntülemek için Kod Güncelleme düğmesini tıklatıp Embed.php dosyanıza yapıştırın. Eklemek istediğiniz site OEMBED’i etkinleştirmiyorsa, endişelenmeyin. Yine de functions.php dosyasına wp_embed_register_handler () işleviyle ekleyebilirsiniz. Sayfa denetleyicisini kaydetmek için izlemeniz gereken yapı şuna benziyor: Jennimckinnon/26D7B0D58A5650987ac4’ün çekirdeğini içeriyor
Dize $ id, dahili kullanım için benzersiz bir kimlik olmalıdır. String $ Regex, işleyicinizin URL için kullanılıp kullanılmayacağını kontrol eden normal bir ifadedir. Bu yapıdaki çağrının geri dönüş fonksiyonu – bu örnekte $ geri çağırma olarak etiketlenmiş – normal ifade uygunsa ve $ öncelik tamsayı test edildiğinde işleme sırasını ayarlamak için kullanılırsa denen şeydir. Standart 10’dur ve aynı tamsayı işleyicisi eyleme eklenirken, daha düşük sayı, işleyicinin eylemdeki diğerlerinden daha erken test edildiği anlamına gelir. CODEX WordPress ayrıca Forbes videosunu OEMBED’e kaydetmek istiyorsanız bu işlevin görüntülemesine iyi bir örneğe sahiptir. İlham olarak kullanabilirsiniz.
Jennimckinnon/995502371D58977EB8BE’nin çekirdeğini içerir
OEMPE sitesini desteklememeyi tercih ediyorsanız, wp-incomudes/media.php dosyanızdaki wp_oembed_remove_provider işleviyle silebilirsiniz. Takip etmeniz gereken yapı budur:
Jennimckkinnon/A1CE8D8FF636C1DD2B09’un çekirdeğini içerir
String $ formatı, silmek istediğiniz Basırlı Site URL’sidir. WP-incomudes/class-oembed.php dosyasından alabilirsiniz. Örneğin, WordPress.tv’yi listeden silmek istiyorsanız (ama neden bunu yapıyorsunuz?) Bunu medyaya eklemelisiniz.
Eğer dokunmamayı ve kod yapmamayı tercih ediyorsanız, uygun bir alternatif olarak yükleyebileceğiniz bir eklenti vardır. Eklentilerle OEMBED ALIN Bu eklenti oldukça sık güncellenir ve çekici bir sunum yeteneğine sahiptir. Bu listedeki tüm eklentiler Multisite için yapılmasa da, eklenti ağınızda iyi çalışmalıdır.
Sabitlenmiş
Varsayılan olarak, Google Haritalar, Dribbble, Skitch ve DeviantArt dahil olmak üzere 300’den fazla farklı siteye sunulan sağlayıcıların sunulması. Bu aynı zamanda herhangi bir koda dokunmamayı seçerseniz kullanmak isteyebileceğiniz bir eklentidir, ancak sitenize daha fazla OEMPed sağlayıcı eklemek istersiniz. Diğer eklentiler kadar kolay yükler ve isterseniz stili bile ayarlayabilirsiniz. Bunu kullanmak için, yalnızca her zamanki gibi yayınlarınıza ve sayfalarınıza URL’ler eklemeniz gerekir. Emmly ile ilgileniyor musunuz?
Detaylar
Harici Medya Ekle
Bu eklenti, sitenize yükleyen kişiymiş gibi kullanılmak üzere sitenizin medya kitaplığına gömmek istediğiniz dosyayı ekler, ancak yine de sıradan OEMBED ile yaptığınız olağan alanı kaydetmenin tüm avantajlarını elde edersiniz. Ayrıca, hızlı bir şekilde başlayabilmeniz için diğer eklentiler gibi yükler. Harici medya eklemekle ilgileniyor musunuz?
Detaylar
Bu Lugin’i çekti ve sitenizi OEMBED bir sağlayıcıya dönüştürdü, böylece diğer kişiler WordPress sitelerindeki içeriğinizi OEMBED ile kolayca paylaşabilir. Ne kadar çok içerik paylaşılırsanız, daha fazla bant genişliği kullanıldığını unutmayın, bu nedenle yeterli barındırma paketine sahip olduğunuzdan emin olun. Bu eklenti, sıradan kurulum kalıpları dışında özel talimatlar olmadan da kolayca kurulabilir. OEMBED sağlayıcılarla ilgileniyor musunuz?
Embed içeriğini WordPress yayınlarınıza ve sayfalarınıza daha kolay olacak şekilde sarma. İnternet ve WordPress basit bir başlangıçtan beri gelişti ve artık istediğiniz tüm videoları, resimleri ve projeleri paylaşırken yerden tasarruf edebilirsiniz. Siteniz için sağlayıcıyı OEMPED Beyaz Listeye eklemesine ve silmelerine rağmen, PHP’ye alışık değilseniz biraz zor olabilirsiniz, yolda yardım var. Daniel Pataki, onunla çok fazla deneyiminiz olmasa bile, PHP’yi öğrenmenize yardımcı olacak beş bölümlü bir dizi derledi. Hemen başlamak için bu serinin ilk bölümüne bakın: Yeni Başlayanlar için WordPress’in Geliştirilmesi: Başlangıç. WordPress sitenizde Oembed’i kullandınız mı? Değilse, kendinizi her zaman kullandığını görebiliyor musunuz? Hangi siteyi desteklediğini görmek istiyorsunuz? Düşüncelerinizi aşağıdaki yorumlarda paylaşmaktan çekinmeyin. Etiket:
gömme medya
