WordPress resminize ses eklemek için yeni bir ses hikayesi eklentisi (ücretsiz) kullanın

Bir resim bin kelimeye bedelse, sesle senkronize edilmiş görüntünün değerli olması gerekir … iyi, bin kelimeden fazla, değil mi? Yani, WordPress görüntülerine ses hikayeleri eklemek, sitenizde kullandığınız görüntülere birkaç bağlam eklemenin düzgün bir yoludur. “Ses Hikayesi” ile ne demek istiyorum? Temel olarak, WordPress sitenizdeki tek tek görüntülerle senkronize edilmiş bir ses klibi. Bu yazıda, WordPress için ses hikayesi ile ne demek istediğimi göstereceğim. Ardından, Audio Story Images adlı ücretsiz bir eklenti kullanarak kendi sitenize nasıl ekleyebileceğinizi tartışacağım.
Ses hikayesi görüntüsünün işlevi nedir? Dediğim gibi, ses hikayesi görüntüleri ses dosyalarını resminize senkronize etmenizi sağlar. Kullanıcılar ses simgesini seçilen görüntünün sol üst köşesinde göreceklerdir. Ve simgeye tıklarlarsa, ses hemen oynamaya başlar:

Kullanım potansiyeli oldukça temiz. Sanatsal ve pratik kullanım görüyorum:
Sanat cephesinde, sitenizde yayınlanan her sanat eserinin arkasındaki anlamı ve ilhamı açıklayan anlatılar ekleyebilirsiniz. Ya da, sanat eserine eşlik etmek için müzik ekleyebilir ve sürükleyici deneyimler yaratabilirsiniz.
Pratik cephede, öğretici resme ses ekleyebilirsiniz. Bu nedenle, sadece insanlara nereye tıklamaları gerektiğini söyleyen görüntüler eklemek yerine, tüm süreci açıklayan seslerin anlatımını hızlı bir şekilde ekleyebilirsiniz.
Eminim bu işlev için başka birçok özel kullanımı da düşünebilirsiniz. Listem tamamen eksik!
Başlamadan önce – bu eklentiyi nasıl kullanacağımı göstermeden önce bir uyarı, kısa bir uyarı ile liderlik etmek istiyorum: Bu eklenti oldukça yeni ve büyük bir kurulum tabanı yok. Bunu gösteriyoruz çünkü işlevinin çok havalı olduğunu düşünüyoruz ve bildiğimiz kadarıyla aynı şeyi sunan başka bir eklenti yok. Bununla söylendi, çünkü söz konusu “zil yoluyla” dahil edilmemişti, önce onu tam olarak desteklemek istemedik. Olumlu tarafta, geliştirici mevcut desteğin bazılarına yanıt veriyor gibi görünüyor. Ve eklentilerle oynarken, sorunum yok. Ses hikayesi resmi nasıl kullanılır. Önce sıradan bir WordPress editörü ile bir ses hikayesini nasıl kullanacağınızı göstereceğim. Sonra Divi ile nasıl çalıştığını tartışacağım. Başlamak için bir ses hikayesi görüntüsünü yükleyerek ve etkinleştirerek başlayın. Etkinleştirdikten sonra, doğrudan içeri girmeye hazırsınız. Yani, yapılandırılacak bir düzenleme yoktur. Eklenti şöyle çalışır: Medya kitaplığınıza resim ve ses dosyaları eklersiniz. Ardından, normal medya kitaplığı arayüzünüzdeki iki dosyayı senkronize edersiniz. Ve sonra gönderinize bir ses hikayesi eklemek için, WordPress düzenleyicisindeki Normal Medya Ekle düğmesini kullanabilirsiniz.
İşte adım adım nasıl yapılacağı aşağıda açıklanmıştır … Medya kitaplığınıza en az bir resim ve bir ses dosyası yükleyerek başlayın. Ardından, medyayı → kütüphaneyi açın. Kafes ekranını değil, liste ekranını kullandığınızdan emin olun. Yeni bir ses hikayesi sütunu göreceksiniz. Sesi eklemek istediğiniz resmin yanındaki eke tıklamanız yeterlidir:
Ardından, medya kitaplığınızdaki tüm ses dosyalarıyla birlikte bir pencere görünecektir. Seçtiğiniz ses dosyasının yanındaki radyo kutusunu seçin ve ardından Seç’i tıklayın: Görüntü ve ses dosyasını bağladıktan sonra, ses hikayesi sütunu ilişkiyi yansıtacak şekilde güncellenir:

Şimdi, tek yapmanız gereken görüntüyü normal ekle düğmesini kullanarak herhangi bir gönderi veya sayfaya eklemektir:

Ve yazınızı yayınladığınızda, resminizde ses simgesini göreceksiniz:

Oldukça basit, değil mi? Ama Divi Builder ile çalışıyor mu? Bulalım … Ses hikayesi resmi Divi ile çalışıyor mu? Evet ve hayır. Bakın, Divi ile iyi oynamak için bir ses hikayesi resmim var, ama beklediğiniz gibi değil. Tabii ki, test ettiğim ilk şey, medya kütüphanemden aynı görüntü dosyasını girmek için yalnızca sıradan bir divi görüntü modülü kullanmaktı. Ne yazık ki, bu başarısız oldu. Görüntü görünür, ancak ses yoktur.

Ama sonra eklenti desteğinin UTA’larını okudum ve eklenti üreticisinin temelde javascript kullandığını fark ettim. Ve bu bana başka bir fikir veriyor … Ya kodu ilk örneğimden alıp Divi kod modülüne koyarsam? Ve bingo, işe yarıyor! Sonra, bu yöntemi bulduktan sonra, başka bir fikrim var – Ya Sıradan Divi metin modülünü kullanır ve orada Medya Eklenen Düğmesini kullanırsam ne olur? Ve bu da başarılı oldu! Yani, sizin için daha iyi çalışırsa size her iki şekilde de göstereceğim.

İlk yöntem kolaydır – sadece normal bir metin modülü ekleyin ve görüntüleri eklemek için Medya Ekle düğmesini kullanın: Visual Builder’da ses simgesini görmezsiniz, ancak yayınlanmış sayfa sürümünüzde görünmelidir. İkinci yol daha karmaşıktır. Ama bu Chrome geliştiricisine hakim olmak için iyi bir uygulama, bu yüzden bence bu denemeye değer! Adım 1: Sıradan bir WordPress düzenleyicisi kullanarak bir taslak gönderi yapın. Görüntüyü yukarıdaki örnekte gösterdiğim gibi ekleyin, ardından taslak önizleme. Gönderinizdeki tek içeriğin bir resim olduğundan emin olun. Bir sonraki adımda HTML’yi atmayı kolaylaştıracaktır.
Adım 2: Taslak önizlemenizde, ses hikayesi resminizi sağlayın ve Chrome’u kullanıp kullanmadığınızı (veya Firefox’ta inceleyin) incelemeyi seçin. Yardıma ihtiyacınız varsa Chrome Geliştirici İnceleme özelliğini kullanma konusundaki kılavuzumuza bakın:
Adım 3: Ekranınızın sağ tarafındaki birçok kod içeren pencereyi göreceksiniz:

etiketi arayın, üzerine sağ tıklayın ve html olarak düzenle seçin:
Ardından, tüm kodları
etiketleri arasında kopyalayın:

Adım 4: Kopyaladığınız kodu sadece Divi kod modülüne yapıştırın. Görsel önizlemenizde simge yanlış yerde görünebilir. Ancak gerçekten bir gönderi yayınladığınızda, her şey her zamanki gibi çalışacaktır:

Ve hepsi bu!Bu elbette bir şey yapmanın en kolay yolu değil, ama sonunda benim için mükemmel çalışıyor.Ve bir Chrome geliştiricisi kullanmaya alışkınsanız, kodu hızlı bir şekilde alabilmeniz gerekir.İşte bu!Divi ile bir ses hikayesi görüntü işlevi yapmanın iki farklı yolu.Hangisinin ihtiyaçlarınıza uygun olduğunu seçebilirsiniz – bence sonuç oldukça benzerdir.Sıralama sadece sıradan bir WordPress düzenleyicisine sahip bir ses hikayesi görüntüsü eklemek istiyorsanız, kullanımı çok kolaydır.Divi Builder ile iyi oynamasını istiyorsanız süreç sadece biraz daha karmaşıktır. Şimdi, hepinizden haber almakla ilgileniyorum – bu ses hikayesinin kendi WordPress sitenize entegre edilmesi için işlevselliğiyle ilgileniyor musunuz?Markov / Shutterstock.com tarafından Makale Küçük Resim

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir