Divi'de Video Transkriptleri için Özel Geçiş Oluşturma

Yayınlanan: 2021-03-26

Video dökümleriniz için özel bir geçiş eklemek, web sitenize birçok avantaj sağlayabilir. Aslında, web sitenizdeki her video için bir video dökümü eklemek, kullanıcı deneyimini, erişilebilirliği ve SEO'yu iyileştirebilir. Kullanıcılar, sağır, işitme güçlüğü çeken veya gürültülü bir kafede olanlar için harika bir erişilebilirlik özelliği olan içeriği okuma seçeneğine sahip olacaklar. Ayrıca transkriptleri videoyu (veya video altyazılarını) izlemekten daha hızlı okuyabilirsiniz. Ayrıca, eklenen içerik muhtemelen SEO'yu iyileştirecek önemli miktarda anahtar kelime içerecektir. Bir video dökümü için özel bir geçiş oluşturmak da güzeldir çünkü bu uzun biçimli içeriği ihtiyaç duyulana kadar gizli tutabilir.

Bu öğreticide, Divi'deki video transkriptleri için özel (ve kompakt) bir geçiş oluşturacağız. Bunu yapmak için Divi'nin geçiş modülünü, herhangi bir videonun altına güzel bir şekilde sığması için kısa bir makyajla özelleştireceğiz. Ardından, geçiş için içerik olarak Youtube'un otomatik olarak oluşturulan konuşma metnini nasıl kullanacağınızı göstereceğiz. Bütün bunlar bir eklenti kullanmak zorunda kalmadan.

Başlayalım!

Gizlice Bakış

İşte bu eğitimde oluşturacağımız tasarıma hızlı bir bakış.

Düzeni ÜCRETSİZ İndirin

Bu eğitimdeki tasarımlara el koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekecek. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Dosyaları İndirin
Ücretsiz İndir

Ücretsiz İndir

Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.

Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!

Bölüm düzenini Divi Kitaplığınıza aktarmak için Divi Kitaplığına gidin.

İçe Aktar düğmesini tıklayın.

Taşınabilirlik açılır penceresinde, içe aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin.

Ardından içe aktar düğmesini tıklayın.

divi bildirim kutusu

Tamamlandığında, bölüm düzeni Divi Builder'da mevcut olacaktır.

Hadi öğreticiye geçelim, olur mu?

Başlamak için Gerekenler

genişleyen köşe sekmeleri

Başlamak için aşağıdakileri yapmanız gerekir:

  1. Henüz yapmadıysanız Divi Temasını kurun ve etkinleştirin.
  2. WordPress'te yeni bir sayfa oluşturun ve sayfayı ön uçta düzenlemek için Divi Builder'ı kullanın (görsel oluşturucu).
  3. “Sıfırdan Oluştur” seçeneğini seçin.

Bundan sonra Divi'de tasarlamaya başlamak için boş bir tuvaliniz olacak.

Divi'de Video Transkriptleri için Özel Geçiş Oluşturma

Bölüm 1: Divi Video Modülü Kullanarak Sayfaya Youtube Videosu Ekleme

Eğitimimizin ilk bölümünde, Divi oluşturucudaki bir video modülünü kullanarak bir youtube videosunu bir sayfaya ekleyeceğiz/gömeceğiz. Bu işlem gerçekten oldukça basittir.

Ancak videoyu eklemeden önce bölüme tek sütunluk bir satır ekleyelim.

divi video transkripti geçişi

Ardından, satıra bir video modülü ekleyin.

divi video transkripti geçişi

“Video MP4 Dosyası Veya Youtube URL'si” seçeneğinin altındaki video artı simgesini tıklayın.

divi video transkripti geçişi

Ardından, açılır pencerenin sol kenar çubuğundaki URL'den Ekle eylemini seçin.

YouTube videosunun URL'sini giriş kutusuna yapıştırın.

Ardından Gönderiye Ekle düğmesini tıklayın.

divi video transkripti geçişi

Video eklendikten sonra, videoya özel bir bindirme görüntüsü ekleyebilirsiniz.

divi video transkripti geçişi

Bölüm 1: Transkript için Özel Geçiş Oluşturma

Artık videomuz yerinde olduğuna göre, transkript içeriğimizi tutacak özel geçişi oluşturabiliriz. Bunu yapmak için bir geçiş modülünü özelleştireceğiz.

İlk olarak, doğrudan videonun altına bir geçiş modülü ekleyin.

divi video transkripti geçişi

Geçiş Ayarlarında, Başlık metni için "Transkript" kelimesini ekleyin. (Daha sonra youtube video transkript içeriğimize yapıştırmak için daha sonra gövde içeriğine geri döneceğiz)

divi video transkripti geçişi

Tasarım sekmesi altında aşağıdakileri güncelleyin:

  • Simge Rengi: #42b3a9
  • Arka Plan Rengini Aç/Kapat: şeffaf
  • Arka Plan Rengini Kapalı Değiştir: şeffaf
  • Metin Hizalama: Merkez
  • Başlık Yazı Tipi: Roboto
  • Başlık Yazı Tipi Stili: TT

divi video transkripti geçişi

  • Maksimum Genişlik: 800 piksel
  • Modül Hizalaması: Merkez
  • Dolgu: 0 piksel üst, 20 piksel alt, 0 piksel sol, 0 piksel sağ
  • Kenar Genişliği: 0px

divi video transkripti geçişi

Gelişmiş Sekmesi altında, geçiş tasarımını sonlandırmak için birkaç CSS parçacığı eklememiz gerekiyor.

Geçiş Başlığına aşağıdaki CSS'yi ekleyin:

display:inline-block;
padding: 1em 2.5em 1em 2em !important;

Geçiş Simgesine aşağıdaki CSS'yi ekleyin:

right: 0.75em !important;

İçeriği Değiştir'e aşağıdaki CSS'yi ekleyin:

max-height: 30vh;
overflow-y: scroll;
padding: 20px 3%;
background: #ffffff;
border: 2px solid #eeeeee;
border-radius: 5px;
text-align:left;

divi video transkripti geçişi

Bölüm 3: Transkript'i Youtube'dan Alma ve Geçiş İçeriğine Ekleme

Videolar için transkript oluşturmak, manuel olarak yapmak biraz zor olabilir. Ve bunu daha profesyonel bir şekilde yapabilen hizmetler ve eklentiler var (bazıları yüksek maliyetle). Ancak bu eğitim için hızlı, kolay ve ücretsiz bir yöntem kullanacağız. Bir video için Youtube'un otomatik olarak oluşturulan transkriptini çıkaracağız ve bunu web sitemizde kullanacağız.

Bunu yapmak için Youtube'daki videonuza gidin ve şu adımları izleyin:

  1. Videonun altındaki Kaydet düğmesinin yanındaki Diğer İşlemler açılır menüsünü (3 yatay nokta) açın.
  2. Listeden Transkript Aç'ı tıklayın.
  3. Transkript kutusunun üst kısmında, Daha Fazla Eylem açılır menüsünü (3 dikey nokta) açın.
  4. Zaman damgalarını değiştir'i tıklayın. Bu, zaman damgalarının her metin bloğunun solunda gösterilmesini engeller.

divi video transkripti geçişi

Kutunun içindeki tüm konuşma metni içeriğini panonuza kopyalayın.

divi video transkripti geçişi

Şu anda metin satır sonlarıyla dolu. Bunları çıkarmak için, textfixer.com'a gidebilir ve metinden satır sonlarını kaldırmak için ücretsiz satır sonu kaldırma aracını kullanabilirsiniz.

Satır Sonlarını Kaldır bölümünün altında, "Yalnızca satır sonlarını kaldır"ı seçin.

Ardından transkript metnini kutunun içine yapıştırın.

Ve Satır Sonlarını Kaldır düğmesini tıklayın.

Metin, Satır Sonları Olmadan Yeni Metin başlıklı bölüm altında oluşturulduktan sonra, metni panoya kopyalayın.

divi video transkripti geçişi

Sitenize geri dönün, geçiş ayarlarını açın ve transkript içeriğini modüle yapıştırın.

divi video transkripti geçişi

Kabul, transkript metninde bir sürü büyük harf, noktalama işareti, paragraf vb. eksik. Ancak içerik orada ve okunabilir durumda. Ancak, okuyucularınız için metni temizlemek için birkaç dakika harcamak isteyebilirsiniz.

Bu kadar!

Son sonuç

Divi'de bir video transkripti için özel geçişimizin nihai sonucu.

Masaüstünde…

Tablette…

Ve Telefonda…

Son düşünceler

Bu eğitimde, bir Divi geçiş modülünü Divi'deki video transkriptleri için özel bir geçişe nasıl dönüştüreceğinizi gösterdik. Tek başına geçişin benzersiz özlü tasarımı, video transkriptlerinin ötesine geçen uygulamalara sahiptir. Demek istediğim, kelimenin tam anlamıyla içine istediğiniz herhangi bir metni koyabilirsiniz. Ama bir videonun altına çok yakıştığını düşünüyorum. Ayrıca, basit bir çözüme ihtiyacınız varsa, bir youtube videosu için bu otomatik oluşturulan transkriptleri kullanmak kesinlikle kullanışlı olabilir. Ancak, video içeriğinizi kopyalamak için diğer seçenekleri keşfetmekten ve/veya bazılarını bizimle paylaşmaktan çekinmeyin.

Yorumlarda sizden haber bekliyorum.

Şerefe!