WordPress ve H5P: Zengin içeriğin geleceği?
H5P, ortalama WordPress içerik eklentiniz değildir: Bu, WordPress siteniz aracılığıyla zengin olan HTML5 içeriğini oluşturmak, sabitlemek ve paylaşmak için gerçekten yenilikçi bir yoldur. Her ne kadar eğitim içeriğine daha fazla yönelik olsa da, görüntü sıcak noktaları, sunumlar ve herhangi bir WordPress site sahibini çekecek zaman çizgileri gibi içerik türleri vardır. Yani, zengin HTML5 içeriğinin geleceğine bir göz atın. Zengin içerik nedir? Zengin içerik sadece statik bir metin veya görüntüden daha fazlasıdır ve kayar bıçağı ve Lightbox galerisini aşar. Pasif içeriğin çoğu, aktif -zengin içerik, tam değerini elde etmek için etkileşim gerektirir.
H5P sitesindeki H5P sitesindeki sıcak noktaların örneklerini görmek için tıklayın Zengin içeriğin yorumlanması, aynı zamanda bağımsızdır, sadece bunu yapmak için içerik göndermek için ana bilgisayar uygulamasına bağımlılık yoktur. Diğer sitelerde H5P içerik öğelerini kullanmak ister misiniz? H5P dosyasını (gerçekten ZIP HTML, CSS ve JavaScript) indirin ve H5P’yi destekleyen diğer sitelere (şu anda WordPress, Drupal ve Joomla için bir çözüm var) uyuyor. Ve gömme işleminin aksine, içerik değişiklik için kullanılabilir. Bu sadece steroidlerde özel bir yazı türü değil, bu Mandiri HTML5 uygulamalarının teslimatıdır.İçeriği H5P H5P ile zenginleştirmek, çeşitli içerik türleri oluşturmanıza olanak tanır: Zaman içinde artacak oldukça geniş olan içerik türlerinin listesi, çoğunlukla eğitime eğilimindedir, ancak küresel çekiciliğe sahip, özellikle de sıcak nokta görüntüsü, sunum ve zaman çizelgesi türü vardır. Şüphesiz parçaya yeni içerik türleri eklenecektir. Eklentiyi ilk yüklediğinizde biraz kafa karıştırıcı, daha önce yayınlanan bir içerik türü yoktur. Belirli türlerin oluşturulmasını etkinleştirmek için, biraz garip görünen ancak belki de eklenti dosyasının boyutunu hala küçük tutmak için mevcut örneği (h5p> yeni eklendi) yüklemeniz gerekir – sunum içeriği türü 40MB’dir. Birçok örnek İndirilebilir, çeşitli içerik türleri (örneğin sunum) içerir, bu nedenle her şeyi indirmeniz gerekmez. Özel türleri içe aktarma seçeneği çok fazla zaman ve enerji tasarrufu sağlayacaktır. H5P nasıl çalışıyor? Eklentiyi test etmek için, hepsi Dünya Kupası’nın temasıyla 3 içerik öğesi yaptım:
Alman Dünya Kupası maç programı
Alman kadrosundan bir sıcak nokta görüntüsü
Basit “Boş İçerik” sınavı
Ne yazık ki, nedenini bilmiyorum, bu makalede H5P’nin gerçek örneğini sabitlememi engelleyen bazı sorunlar var gibi görünüyor. Kuşkusuz bu sadece her yeni ürünün yaşadığı sıradan bir diş problemidir.
Örnek 1-7 Bu Dünya Kupası’nın ihtişamı için, Haziran ve Temmuz 2014’te Almanya’nın 5 maçta mücadele ettiği ve 20. baskıyı kazanmak için 2 maçta ilerlediği 32 günlük parlak (Alman iseniz) içeren bir zaman çizgisidir. Dördüncü kez Dünya Kupası. İlgili Zaman Çizelgesinin Oluşturulması:
Her maç için bir skor (başlık) ve rakibin bayrağı artı çok kısa bir özet (içerik) ile yeni bir tarih öğesi oluşturun. Her yarışma aşaması için dönemde öğeler yapın (grup aşaması, 16. tur, çeyrek finaller, yarı finaller, finaller ).
Burada hiçbir şey çok karmaşık değil ve sonuç oldukça ilginç:
Bu ilginç zaman çizgisi hızlı ve yapılması kolaydır. Sitenize eklemek için H5P dosyasını indirin! Bu zaman çizgisinin ayrıntılarını görmek veya kendiniz yapmak için H5P (ZIP, 2MB) örneğini indirin. Bir eklenti yüklediyseniz, H5P dosyasını indirip sitenize yükleyebilmeniz ve değişiklik yapmadan kullanabilmeniz gerekir. Örnek 2 – Alman Dünya Kupası Kazanan Ekibi Bu örnek, Alman Dünya Kupası kazanan takımını oyuncular hakkında bir dizi bilgi görüntüleyen bir sıcak nokta ile kaplamak için bir tür görüntü sıcak nokta içeriği kullanıyor:
Hotspot görüntüsünün bir araya getirilmesi kolaydır – bindirmeye daha kapsamlı HTML girme yeteneği daha iyi olacaktır, bu sadece bir sorundur: ana resmi içerir Her oyuncuya sıcak noktalar ekleyin
Konum, sıcak nokta koordinatlarının yüzde deneylerini ve hatalarını yüzde olarak gerektirir (bu, sayfa değişen ekran boyutuna veya farklı cihazlara yanıt verdiğinde sıcak nokta konumunun korunmasını sağlar) ve bunları düzeltmek için bazı deneyler ve hatalar gerektirir. Sıcak noktalar için gerçek koordinatları almak ve daha sonra görüntünün görünümünün ve yüksekliğinin genişliğine göre bir yüzdeye dönüştürmek için Chrome için kuralın uzantısını kullanıyorum. Bu özellik hakkındaki tek şikayetim, yer paylaşımı tarafından desteklenen HTML’nin oldukça sınırlı olmasıdır-Örneğin, resim almanın yollarını bulamıyorum ve masaya destek yok. Metin alanına kesip taksanız bile, depolama işlemi HTML’yi siler. Değilse, sıcak nokta görüntüleri yapmanın hızlı ve kolay yolu. Bu sıcak nokta hakkında daha fazla bilgi edinmek veya kendi sıcak noktanızı oluşturmak için H5P (ZIP, 2MB) örneğini indirin. Örnek 3 Bilgi Testi Dünya Kupası Hakkında Daha önce de belirtildiği gibi, çoğu içerik türü gerçekten eğitim içeriğine eğilimlidir, bu nedenle küçük bir Dünya Kupası sınavı yapmak için daha basit görünen bir tür test içeriği seçiyorum ( Ama kötülük):
Etkileşimler yaratmanın basit ama etkili bir yolu – cevabı görmeyin! Ek açıklama metnine sorular eklenir – cevap bir yıldız işareti (*) ile kaydedilir ve alternatif bir cevap bir eğik çizgi (/) ile ayrılır.
Bu, tarayıcı sınırlarından içeriği serbest bırakan Flash gibi ekosistemlere çok benzemeye başladı. H5P, nakliye uygulama sınırlarının içeriğini serbest bırakır, ancak Flash’ın aksine, HTML, CSS ve JavaScript üzerine inşa edilmiş açık kaynaklı bir projedir ve sahip olunan yazılım sorunu içermez. İhtiyaç duyulan şey momentum ve topluluktur. Daha fazla zengin içerik türü alır; Daha fazla içerik yönetim sistemi tarafından desteklenmesi gerekir (WordPress kullanmak iyi bir başlangıç olmasına rağmen); Yalnız çalışabilmelidir; ve özel bir yazma aracı gerektirebilir. Geliştirme için birçok alan, ancak mevcut H5P işlevi ve içerik yazarlarının zengin ve etkileşimli içerik oluşturmasına yardımcı olma yeteneği, her WordPress site sahibinin dikkatlice düşünmesi gerektiği anlamına gelir. Zengin HTML5 içeriğine H5P yaklaşımı hakkında ne düşünüyorsunuz? WordPress’ten bağımsız bir içerik oluşturma fikri ve size kolayca aktarılması fikri mi? Etiket: İçindekiler Html5
