SmartVideo'yu Divi Builder ile WordPress Video Barındırma için Kullanma Kılavuzu
Yayınlanan: 2020-09-26Divi Builder kullanıcıları için SmartVideo, web sitenizde modern, profesyonel ve yerel video oynatma deneyimi sağlamak için ihtiyacınız olan aracı sunar.
Güneşin altında herhangi bir web sitesi oluşturmanıza yardımcı olan güçlü WordPress temaları ve sayfa oluşturucular çağında yaşıyoruz. Böyle bir tema ve görsel sayfa oluşturucu, Elegant Themes'in havalı arkadaşlarının Divi Builder'ıdır .
Yeminli bir Divi Builder kullanıcısıysanız, bugünün gönderisini seveceksiniz. Birkaç dakika içinde size Swarmify'ın SmartVideo'sunu Divi Builder ile birlikte tam olarak nasıl kullanacağınızı göstereceğiz.
Artık sitenizde Vimeo veya YouTube'un bağlantı yüklü video oynatıcılarını kullanmak zorunda değilsiniz. Size Divi destekli web sitenizde kesinlikle harika görünen, düzenli bir video oynatıcı sunuyoruz.
Doğrudan faydaları nelerdir?
- SmartVideo video oynatıcı, üçüncü taraf marka bilinci oluşturma (merhaba, YouTube) ve sitenize çekmek için çok çalıştığınız trafiği sifonlayan bağlantılar içermez. Artık video oynatıcılarınızı bu keskin ve profesyonel görünüm ve his için markalayabilirsiniz :)
- Video CDN'miz ve tescilli EdgeAI teknolojimiz, dünyanın neresinde olurlarsa olsunlar web sitenizin ziyaretçilerine süper hızlı, arabelleksiz ve hatasız videolar sunmanıza olanak tanır. Kullanıcılarınız size teşekkür edecek.
- Misyonumuza tamamen bağlı olduğumuz için Netflix ve Hulu gibi aynı altyapı akış devlerini kullanıyoruz. Sonuç olarak, daha fazla ziyaretçiyi elde tutmanıza ve gelirinizi artırmanıza yardımcı olan anında başlayan ve kesintisiz videoların keyfini çıkarırsınız.
- Video kodlama çözümümüz işe yarıyor, yani web sitenizin ziyaretçileri, kullandıkları cihazdan bağımsız olarak yüksek kaliteli video oynatmanın keyfini çıkarıyor. Farklı ekranlarda ve çözünürlüklerde berbat görünen yarım yamalak videolara veda edin.
- Ve çok daha fazlası, makalenin ilerleyen bölümlerinde öğreneceğiniz gibi :)
Şimdilik Divi Builder ve SmartVideo ile nasıl entegre edileceği hakkında daha fazla bilgi edinelim.
Spoiler Uyarısı: SmartVideo kodunu Divi Builder web sitenize manuel olarak ekleyebilirsiniz, ancak artık yeni SmartVideo WordPress eklentimizle tüm teknik konuları atlayabilirsiniz. Bu, hayatınızı kurtarmak için kod yazamasanız bile SmartVideo'yu Divi Builder ile kolayca entegre edebileceğiniz anlamına gelir.
Divi Builder nedir?
Yeniyseniz, Divi güzel ve güçlü bir WordPress teması ve görsel sayfa oluşturucudur. Gelişmiş görsel oluşturucu teknolojisi sayesinde Divi, hızlı bir şekilde harika WordPress web siteleri oluşturmanıza yardımcı olur.
Divi, WordPress kurulumunuza tek bir tıklamayla aktarabileceğiniz bir dizi önceden hazırlanmış düzen ile birlikte gelir. Bunun da ötesinde, öğeleri sürükleyip bırakarak web sitenizi özelleştirmenize olanak tanıyan Divi Visual Builder'a sahipsiniz.
Bu doğru, Divi ile dikkat çekici bir web sitesi oluşturmak için önceden kodlama bilgisine ihtiyacınız yok. Bu yeterli değilse, aynı anda iki farklı düzen bile kullanabilirsiniz, bu da size bolca tasarım özgürlüğü verir.
Divi, aşağıdakiler de dahil olmak üzere bir dizi harika özellikle birlikte gelir:
- Harekete geçirici mesaj düğmeleri, galeriler, formlar, bloglar, kaydırıcılar, referanslar vb. gibi 40'tan fazla web sitesi öğesi.
- İşletme, e-ticaret, teknoloji, sağlık vb. gibi farklı nişlerde 800'den fazla önceden yapılmış tasarım.
- Komple tasarım kontrolü
- Her tür cihaz için ek ayarlarla %100 duyarlı tasarım
- Özel CSS kontrolü
- Geniş bir efekt, geçiş ve stil kütüphanesi
- Bir milyon ve bir tasarım seçeneği
- Ve çok daha fazlası!
En iyi yanı, Divi'yi satın aldığınızda diğer WordPress temalarına ve eklentilerine erişmenizdir. Elegant Themes'in 700 binden fazla müşterisi var, bu yüzden emin ellerdesiniz.
"Web tasarımının kolaylığı söz konusu olduğunda Divi kraldır. Eskiden bir hafta süren işlem birkaç saat sürüyor ve şimdi tüm müşterilerimizin web sitelerini Divi'ye dönüştürmek için kişisel hedefimize ulaştık." - Scott Lawrence
Divi, güçlü, sezgisel ve kullanımı kolay bir görsel sayfa oluşturucu arayan serbest çalışanlar, ajanslar ve web sitesi sahipleri için mükemmeldir. Kodlamayı bilseniz de bilmeseniz de Divi inanılmaz bir web sitesi oluşturma aracıdır.
Bununla birlikte, SmartVideo nedir?
Swarmify SmartVideo nedir?
Yeni başlayanlar için Swarmify, günlerce süren titiz geliştirme ve testlerden sonra 2013'te yeniden başlattığımız birinci sınıf bir video hızlandırma hizmetidir.
Bizimki, kodlama, oynatma, video CDN, dağıtım ve dağıtım araç setleri ile eksiksiz bir video barındırma platformudur. Hayatın her kesiminden giderek artan sayıda girişimciyle çalışmaktan gurur duyuyoruz.
Yaptığımız işe tutkuyla bağlıyız ve YouTube, Wistia ve Vimeo gibi birçok video barındırma sitesinde olduğu gibi ara belleğe almadan anında yüklenen videolar sunmak için yorulmadan çalışıyoruz.
Swarmify, piyasadaki ortalama video oynatıcılardan 12 kat daha hızlı video oynatma ve 8 kat daha az ara belleğe alma garantisi verir. Videoları hızlandırmaya odaklanıyoruz ve bunda oldukça iyiyiz :)
Utanmaz fiş bir yana, Swarmify, diğerleri arasında WordPress, Shopify ve Squarespace dahil olmak üzere çeşitli web sitesi oluşturma platformlarıyla entegre edilmesi inanılmaz derecede kolaydır.
SmartVideo video oynatıcıyı WordPress sitenize manuel olarak yerleştirebilirken, devrim niteliğindeki SmartVideo WordPress eklentimizi kullanarak zaman kazanabilirsiniz.
Eklentinin WordPress + Divi Builder web sitenize kurulumu ve kurulumu gülünç derecede kolaydır. Ziyaretçilerinize 10 dakikadan daha kısa sürede hızlı ve yüksek kaliteli video deneyimleri sunacaksınız!
Bu arka plan bilgisi ile artık eğlenceli kısma hazırız. Bir sonraki bölümde, Swarmify'ı Divi Builder ile nasıl kullanacağınızı öğreneceksiniz. Başka bir deyişle, size tipik bir Divi Builder düzenine nasıl video ekleyeceğinizi gösteriyoruz.
Divi Builder ile Swarmify SmartVideo Nasıl Kullanılır
Aşağıdaki bölüm için hem SmartVideo WordPress eklentisini hem de Divi'yi yüklemeniz ve etkinleştirmeniz gerekir. SmartVideo veya Divi'yi yüklemek ve etkinleştirmek, herhangi bir sorunla karşılaşmanızı beklemediğimiz dördüncü sınıf öğrencilerinin işidir.
Divi ve SmartVideo'nuz hazırsa, işe koyulalım. Örnekleme amacıyla Divi'nin şuna benzeyen Web Ajansı düzeniyle çalışıyorum:
Oldukça temiz, değil mi? Yapacağım şey, ana başlığın hemen altına " Tam Hizmet Web Tasarım Ajansı " yazan bir SmartVideo videosu eklemek. Yukarıdaki resme bakın.
Hadi başlayalım!
WordPress yönetici kontrol panelinizde düzenlemek istediğiniz sayfaya gidin. Bizim durumumuzda, yukarıdaki ekran görüntüsünde gösterilen ana sayfayı düzenliyorum.
Sayfayı her zamanki gibi düzenleyicide açın. Yukarıdaki sayfayı Divi Builder'da düzenlemeye başlamak için, aşağıda vurguladığımız gibi, Divi Builder ile Düzenle düğmesini tıklamanız yeterlidir.
Bunu yapmak, sayfanızı ön uçta yükler. Ardından, aşağıda gösterildiği gibi Visual Builder'ı Etkinleştir düğmesini tıklayın.
Ardından, düzenlemek istediğiniz bölüme gidin. Bizim durumumuzda, sayfanın üst kısmındaki ana başlığın hemen altına bir SmartVideo ekliyoruz.
Fareyi bölümün üzerine getirdiğinizde düzenleme seçenekleri görünür. Yeni bir modül eklemek için artı (+) simgesine tıklamanız yeterlidir:
Bunu yapmak, yeni bir Divi modülü eklemenizi sağlayan bir açılır pencere açar:
Ardından, arama kutusuna "SmartVideo" yazın ve aşağıda gösterildiği gibi SmartVideo öğesini tıklayın.
Bundan sonra, SmartVideo Ayarları sekmesini kullanarak videonuzu yapılandırmanın zamanı geldi. Aşağıdaki resimde de görebileceğiniz gibi, size sunulan birçok seçenek var:
SmartVideo Ayarlarında şunları yapabilirsiniz:
- Video kaynağını seçin - WordPress medya kitaplığı, YouTube, Vimeo veya başka bir kaynak olabilir ( Not : YouTube videonuz özel olarak ayarlanmışsa bunun yerine listelenmemiş olarak değiştirin)
- Videonuzun genişliğini ve yüksekliğini değiştirin
- Videonuz için özel bir poster ayarlayın (özel bir poster resmi seçmezseniz SmartVideo varsayılan olarak videonuzun ilk karesini alır)
- Otomatik Oynat, Döngü ve Sessiz gibi seçenekleri aç/kapat
- iOS Safari tarayıcısı için video kontrolleri, duyarlı tasarım ve satır içi video oynatma gibi seçenekleri aç/kapat
- Kenarlıklar, boyutlandırma, aralık, filtreler, kutu gölgelendirme, animasyonlar ve çok daha fazlasını içeren Divi seçeneklerini kullanarak videonuzun tasarımını kontrol edin :)
İşiniz bittiğinde, aşağıda detaylandırdığımız gibi Kaydet düğmesini tıklamanız yeterlidir:
Bundan sonra Divi Visual Builder'daki değişiklikleri kaydetmeyi unutmayın:
Şimdi örnek sitemizi ön uçta görüntülersek, yeni SmartVideo video oynatıcının partiyi sallamaya hazır olduğunu görürüz:
Herhangi bir bölüme SmartVideo eklemek için işlemi tekrarlamanız yeterlidir. Divi Visual Builder'da düzenlemek istediğiniz sayfayı açın, yeni bir modül eklemek için artı (+) simgesine tıklayın, SmartVideo modülünü seçin, seçeneklerinizi ekleyin ve değişikliklerinizi kaydedin.
A, B, C kadar basit!
Divi web sitenize SmartVideo videoları eklemek hiç bu kadar kolay olmamıştı. YouTube marka bilinci oluşturma, önerilen videolar ve trafiğinizi çalan bağlantılar hakkında her şeyi unutabilirsiniz.
Ayrıca, SmartVideo video oynatıcısını web sitenizin stiline uyacak şekilde tamamen özelleştirebilirsiniz.
Daha ne?
Divi web sitenizde zaten videolarınız varsa, SmartVideo, eklentimizi yapılandırır yapılandırmaz bunları otomatik olarak dönüştürür.
SmartVideo ayarlarınızda Arka planı ve mevcut videoları optimize ettiğinizden emin olun.
Nasıl?
WordPress yönetici kontrol panelinizde SmartVideo > Ayarlar'a gidin. Ardından, Arka planı ve mevcut videoları optimize edin :
Bundan sonra, sayfanın altındaki Ayarları Kaydet düğmesini tıklayın:
İşte bu kadar - SmartVideo, mevcut tüm videolarınızı otomatik olarak dönüştürür.
Doğru; başka bir şey yapmana gerek yok :)
SmartVideo Video Oynatıcı Nasıl Özelleştirilir
Sona gelmeden önce, SmartVideo video oynatıcısını özelleştirmek için bazı seçenekleri ele alalım.
Video Oynatıcının Şeklini ve Rengini Değiştirme
Varsayılan olarak, SmartVideo video oynatıcı sarı bir altıgen oynatma düğmesi kullanır. Bununla birlikte, web sitenize uyacak şekilde şekli ve rengi değiştirebilirsiniz. İşte nasıl.
WordPress yönetici kontrol panelinizde SmartVideo'ya tıklayın:
SmartVideo panosuna girdikten sonra, aşağıda gösterildiği gibi Ayarlar sekmesine tıklayın.
Ayarlar ekranında aşağı kaydırın ve oynat düğmesinin şeklini ve rengini değiştirmeye izin veren bölümleri bulacaksınız:
İşte yukarıdaki ekran görüntüsü hakkında daha fazla not.
- Oynatıcı düğmesi şeklini değiştirmek için açılır menüden Varsayılan , Dikdörtgen veya Daire'yi seçin.
- Oynatıcı düğmeniz için özel bir renk seçin.
- Değişikliklerinizi kaydetmek için Ayarları Kaydet düğmesini tıklayın.
Artık yeni özelleştirilmiş oynatıcı düğmenizin keyfini çıkarabilirsiniz :)
Daha Gelişmiş Seçenekler
SmartVideo, YouTube kaynaklarından altyazı eklemek, yükleme hızlandırmayı açmak/kapatmak, alternatif düzenlere geçmek, özel bir filigran eklemek ve videolarınızı reklamlarla izlemek için daha fazla seçenekle birlikte gelir.
SmartVideo Ayarları sayfasında yukarıdaki seçenekleri nasıl bulacağınız aşağıda açıklanmıştır. YouTube kaynaklarından altyazı eklemek için aşağıda gösterilen kutuyu işaretleyin ve ayarlarınızı kaydetmeyi unutmayın:
Daha fazla seçenek başlatmak için aşağı kaydırın ve aşağıda vurguladığımız gibi Gelişmiş Seçenekler 'i tıklayın.
Gelişmiş Seçenekler bölümünün altında aşağıdaki seçeneklere sahipsiniz:
- Garip video boyutlandırma veya tam ekran sorunları yaşıyorsanız yardımcı olan alternatif düzen yöntemini açın veya kapatın .
- Yüklemelerle ilgili sorun yaşıyorsanız yükleme hızlandırmayı açın veya kapatın .
- Video oynatıcınızda özel bir filigran/logo ayarlayın .
- VAST Reklam URL'si ekleyin , böylece Adsense, Spotx, DFP vb. yerlerden reklam satabilirsiniz.
Profesyonel İpucu: Değişikliklerinizi kaydetmek için her zaman alttaki Ayarları Kaydet düğmesini tıklamayı unutmayın.
Son sözler
Divi harika bir WordPress teması ve görsel sayfa oluşturucudur. Sıradaki adam bir sandviçi bitirmeden önce güzel web siteleri oluşturmanıza yardımcı olur. İşlem, bir düzeni içe aktarmak ve siz düşene kadar özelleştirmek kadar basittir.
Sürükle ve bırak işlevi, herhangi bir düzeni özelleştirmeyi pasta kadar kolay hale getirir. Herhangi bir kodlama becerisine ihtiyacınız yoktur, ayrıca web sitenizi ön uçta düzenlersiniz, değişikliklerinizin gerçek zamanlı olarak etkili olduğunu görürsünüz.
Web sitenizde videolar kullanıyorsanız, SmartVideo sitenizde hızlı, arabelleksiz ve profesyonel video deneyimleri sunmanıza yardımcı olur. Videolarınızı YouTube'da veya başka bir yerde barındırsanız bile, düzenli video oynatıcımız üçüncü taraf markaları ve bağlantıları ortadan kaldırır.
Divi + SmartVideo kazanan bir kombinasyondur. Artık ellerinizde, hızlı bir şekilde web siteleri oluşturmak ve web sitenizin ziyaretçilerine veya web tasarım müşterilerinize benzersiz video deneyimleri sunmak için mükemmel bir kombinasyona sahipsiniz.
Ayrıca, diğer hizmetler gibi bant genişliği veya depolama sınırlarımız yok, yani sınırsız sayıda videoyu cep dostu fiyatlarla barındırabilirsiniz :) Divi + SmartVideo'yu bugün deneyin ve hızlı ve kaliteli videoların keyfini hiç zorlanmadan çıkarın.
Nasıl gittiğini bize bildirin. Mutlu bina!
