WordPress Görsellerinize Ses Eklemek için Yeni (Ücretsiz) Sesli Öykü Görseli Eklentisini Kullanın

Bir resim bin kelimeye bedelse, sesle senkronize edilmiş bir resim de… bin kelimeden fazlasına bedel olmalı, değil mi? Başka bir deyişle, WordPress görselleri için sesli hikayeler eklemek, sitenizde kullandığınız görsellere bağlam eklemenin güzel bir yoludur.

“Sesli hikayeler” ile ne demek istiyorum? Temel olarak, WordPress sitenizdeki tek bir görüntü ile senkronize edilmiş bir ses klibi. Bu yazıda, WordPress için sesli hikayeler ile tam olarak ne demek istediğimi göstereceğim. Ardından, Audio Story Images adlı ücretsiz bir eklentiyi kullanarak bunları kendi sitenize nasıl ekleyebileceğinizi ele alacağım.

Sesli Hikaye Görüntüleri Ne Yapar?

Dediğim gibi, Audio Story Images, ses dosyalarını resimlerinizle senkronize etmenize olanak tanır. Kullanıcılar, seçilen resimlerin sol üst köşesinde bir ses simgesi görecektir. Simgeye tıklarlarsa, ses anında çalmaya başlar:

Potansiyel kullanımlar oldukça temiz. Hem sanatsal hem de pratik kullanımlar görüyorum:

• Sanatsal cephede, sitenizde yayınlanan her bir sanat eserinin arkasındaki anlamı ve ilhamı açıklayan anlatımlar ekleyebilirsiniz. Veya sadece müzik ekleyebilir ve sanatınıza eşlik edecek sürükleyici bir deneyim yaratabilirsiniz.
• Pratik açıdan, öğretici görüntülere seslendirmeler ekleyebilirsiniz. Bu nedenle, insanlara nereye tıklayacaklarını söyleyen bir resim eklemek yerine, tüm süreci açıklayan bir sesli anlatımı hızlı bir şekilde ekleyebilirsiniz.

Eminim bu işlevsellik için birçok başka niş kullanım da düşünebilirsiniz. Listem hiçbir şekilde kapsamlı değil!

Başlamadan Önce – Bir Uyarı

Size bu eklentiyi nasıl kullanacağınızı göstermeden önce, hızlı bir uyarı ile başlamak istiyorum:

Bu eklenti oldukça yenidir ve büyük bir kurulum tabanına sahip değildir. Bunu öne çıkarıyoruz çünkü işlevselliğin sadece harika olduğunu düşünüyoruz ve bildiğimiz kadarıyla benzer bir şey sunan başka eklenti yok.

Bununla birlikte, tabiri caizse “zil yoluyla” konmadığı için, henüz tam olarak onaylamak istemiyoruz.

Artı tarafta, geliştirici var olan birkaç destek dizisine duyarlı görünüyor. Ve eklenti ile uğraşırken herhangi bir sorun yaşamadım.

Sesli Hikaye Görüntüleri Nasıl Kullanılır

Önce size Sesli Öykü Görüntülerini normal WordPress Düzenleyici ile nasıl kullanacağınızı göstereceğim. Sonra Divi ile nasıl çalıştığına gireceğim.

Başlamak için Sesli Öykü Görüntülerini yükleyip etkinleştirerek başlayın. Etkinleştirdikten sonra hemen devreye girmeye hazırsınız. Yani, yapılandırılacak herhangi bir ayar yok.

Eklenti şu şekilde çalışır:

Medya Kitaplığınıza hem bir görüntü hem de bir ses dosyası eklersiniz. Ardından, bu iki dosyayı normal Medya Kitaplığı arayüzünüzde senkronize edersiniz. Ardından, gönderinize sesli bir hikaye eklemek için WordPress Düzenleyici'deki normal Medya Ekle düğmesini kullanmanız yeterlidir.

İşte adım adım nasıl yapacağınız…

Medya kitaplığınıza en az bir resim ve bir ses dosyası yükleyerek başlayın. Ardından Medya → Kitaplık'a gidin. Izgara görünümünü değil, Liste görünümünü kullandığınızdan emin olun. Yeni bir Sesli Öykü sütunu görmelisiniz. Sadece ses eklemek istediğiniz resmin yanındaki takın tıklayın:

Ardından, Medya Kitaplığınızdaki tüm ses dosyalarının bulunduğu bir pencere açılır. 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, Sesli Öykü sütunu bu ilişkiyi yansıtacak şekilde güncellenmelidir:

Şimdi tek yapmanız gereken, normal Medya Ekle düğmesini kullanarak bu resmi herhangi bir gönderiye veya sayfaya eklemek:

Gönderinizi yayınladığınızda, resminizde ses simgesini görmelisiniz:

Yeterince basit, değil mi? Ama Divi Builder ile çalışır mı? Hadi bulalım…

Sesli Öykü Görüntüleri Divi ile Çalışır mı?

Evet ve hayır. Bakın, Divi ile iyi oynamak için Sesli Öykü Görüntüleri aldım, ancak beklediğiniz şekilde değil.

Doğal olarak, test ettiğim ilk şey, aynı görüntü dosyasını Medya Kitaplığımdan eklemek için normal bir Divi görüntü modülü kullanmaktı. Bu maalesef işe yaramadı. Görüntü geldi ama ses yok.

Ama sonra eklentinin destek konularını okudum ve eklenti yazarının temel olarak görüntüdeki ses simgesini kaplamak için JavaScript kullandığını fark ettim. Ve bu bana başka bir fikir verdi…

İlk örneğimdeki kodu alıp Divi kod modülüne yerleştirirsem ne olur? Ve bingo, işe yaradı!

Sonra, bu yöntemi bulduktan sonra, başka bir fikrim var – ya normal bir Divi metin modülü kullanırsam ve orada Medya Ekle düğmesini kullanırsam? Ve bu da işe yaradı!

Bu yüzden, birinin sizin için daha iyi çalışması durumunda size her iki yolu da göstereceğim.

İlk yöntem kolaydır – sadece normal bir metin modülü ekleyin ve resmi eklemek için Medya Ekle düğmesini kullanın:

Görsel Oluşturucu'da ses simgesini görmezsiniz, ancak sayfanızın yayınlanan sürümünde görünmesi gerekir.

İkinci yöntem daha karmaşıktır. Ancak Chrome Geliştirici Araçları'nda uzmanlaşmak için iyi bir uygulamadır, bu yüzden denemeye değer olduğunu düşünüyorum!

Adım 1: Normal WordPress Düzenleyiciyi kullanarak bir gönderi taslağı oluşturun. Yukarıdaki örnekte size gösterdiğim gibi bir resim ekleyin ve ardından taslağı önizleyin. Gönderinizdeki tek içeriğin resim olduğundan emin olun. Bu, bir sonraki adımda HTML'yi almayı kolaylaştıracaktır.

Adım 2: Taslağınızın önizlemesinde, sesli hikaye resminize sağ tıklayın ve Chrome (veya Firefox'ta Öğeyi İncele) kullanıyorsanız Denetle'yi seçin. Yardıma ihtiyacınız olursa Chrome Geliştirici Araçları'nın İncele özelliğini kullanma kılavuzumuza göz atın:

Adım 3: Ekranınızın sağ tarafında çok sayıda vurgulanmış kod içeren bir pencere görmelisiniz:

Aramak

 < div class = "entry-content" > 

etiketleyin, üzerine sağ tıklayın ve HTML Olarak Düzenle'yi seçin: