WordPress Video Barındırma için Brizy Builder/Cloud + Swarmify'ı Tamamlayın
Yayınlanan: 2020-10-14Brizy WordPress sayfa oluşturucu veya Brizy Cloud kullanıyor musunuz? Öyleyse, çok daha iyi video performansı için Swarmify'ı her iki platformla nasıl entegre edeceğinizi öğrenmek için okumaya devam edin.
Web sitesi oluşturucuları, güzel web siteleri oluşturmayı inanılmaz derecede kolaylaştırdı. Geçmişte, en temel web sitelerini bile oluşturmak için kodlamayı öğrenmek zorundaydınız.
Günümüzde işler tamamen farklı. Profesyoneller gibi web siteleri oluşturmak için önceden kodlama bilgisine ihtiyacınız yoktur.
Hepsi Brizy WordPress Sayfa Oluşturucu ve bulutta barındırılan kız kardeşi Brizy Cloud gibi araçlar sayesinde. Aynı şirket her iki çözümü de sunuyor.
Brizy WordPress Sayfa Oluşturucu, WordPress web sitenize yükleyeceğiniz bir eklenti biçiminde gelir. Bilirsiniz, diğerleri arasında Elementor ve Divi gibi bir şey.
Brizy Cloud ise diğerlerinin yanı sıra Webflow, Wix ve Weebly gibi bir çevrimiçi web sitesi oluşturucu biçiminde gelir.
Hem Brizy Cloud hem de Brizy WordPress oluşturucu, çok çeşitli web siteleri oluşturmak için ihtiyaç duyduğunuz araçları hiç zorlanmadan sunar.
Temelde aynı üründürler. Tek büyük fark, birinin bir WordPress eklentisi, diğerinin ise bulutta barındırılan bir hizmet olmasıdır.
Anla?
İyi haber şu ki, Swarmify'ı Brizy Cloud veya Brizy sayfa oluşturucu kullanılarak oluşturulmuş bir WordPress web sitesi ile kolayca entegre edebilirsiniz.
Ve bugünün gönderisinde size tam olarak nasıl olduğunu gösteriyoruz!
Lafı fazla uzatmadan başlayalım, öğrenecek çok şeyimiz var :)
Brizy Oluşturucu/Bulut nedir?
Her şeyden önce, Brizy nedir? Brizy, iki çeşidi bulunan, kullanımı oldukça kolay bir web sitesi oluşturucusudur: bir WordPress eklentisi ve bir bulutta barındırılan sürüm.
Brizy WordPress eklentisi, bir WordPress web sitesine sahip kişiler için harikadır. Brizy Cloud, sıfır kodlama becerisine sahip web siteleri oluşturmak isteyen yeni başlayanlar için mükemmeldir.
Hem Brizy eklentisi hem de Brizy Cloud, size görsel olarak bir web sitesi oluşturmanıza yardımcı olan bir sürükle ve bırak düzenleyicisi sunar.
Brizy, kullanımı çok kolay olan sezgisel bir web sitesi oluşturucu ile çarpıcı web siteleri oluşturmanıza yardımcı olmak için ödüllü WordPress tema geliştiricisi Themefuse tarafından oluşturuldu.
Hem WordPress sürümünü hem de bulutu bir dönüş için aldım ve beni etkiledi. Themefuse, yolunuza çıkmayan basit ama güçlü bir web sitesi oluşturucu ile oyunu tamamen değiştirdi.
İşte keyif aldığım özelliklerin bir listesi.
Brizy Builder/Bulut Temel Özellikleri
- Sezgisel sürükle ve bırak düzenleyici
- Bir tıklamayla içe aktarabileceğiniz 40'tan fazla önceden hazırlanmış web sitesi düzeni
- 150'den fazla önceden hazırlanmış blok
- Sitenizi hızla özelleştirmek için küresel stiller
- 4000+ simge
- Formlar, aralayıcılar, metin, düğmeler gibi onlarca içerik öğesi.
- Sınırsız stil
- Özel kod enjeksiyonu
- Brizy Cloud ile ücretsiz bir alt alan adı (ör. https://cherry1993132.brizy.site/) (İsterseniz ücretsiz bir açılış sayfası barındırabilirsiniz)
- Özel alan adı
- Zapier, Mailchimp ve daha fazlası dahil olmak üzere favori uygulamalarınızla sorunsuz entegrasyon
- Bulut otomatik kaydetme
- Duyarlı ve mobil kullanıma hazır
- Ve daha fazlası!
Brizy, rekor sürede harika web siteleri oluşturmak için ihtiyacınız olan tüm özelliklerle dolu.
Bir web sitesi oluşturucu pazarındaysanız, Brizy sizi hayal kırıklığına uğratmayacaktır. Halihazırda Brizy kullanıyorsanız, Swarmify SmartVideo ve onu Brizy web sitenize nasıl entegre edebileceğiniz hakkında daha fazla bilgi edindiğimiz sonraki bölüme hazır olun.
Swarmify SmartVideo nedir?
Bu blogu bir süredir okuyorsanız, Swarmify ve SmartVideo'ya zaten oldukça aşinasınızdır.
Burada yeniyseniz...hoş geldiniz ve kendinizi evinizde hissedin :)
İlk kez kullananlar için Swarmify, tüm dünyadaki küçük işletmelere yüksek kaliteli ve hızlı video deneyimleri sunmakla ilgili bir video hızlandırma şirketidir.
Bu misyona ulaşmak için Swarmify, tescilli teknolojiye ve Netflix ve Hulu gibi yayın devlerinin kullandığı altyapıya büyük yatırım yaptı.
Şirket ayrıca dünyanın neresinde olurlarsa olsunlar videolarınızın tüm kullanıcılar için hızlı yüklenmesini sağlayan bir SmartCDN'ye yatırım yaptı.
Daha fazlasını okuyun: SmartVideo özellikleri hakkında buradan.
Artık tıknaz YouTube'a veda edebilirsiniz ve web sitenizde güzel ve profesyonel görünen düzenli video oynatıcımız sayesinde Vimeo gömülür.
Daha da iyisi, SmartVideo hizmetimiz, Brizy web sitenize kurduktan sonra tüm YouTube ve Vimeo videolarınızı otomatik olarak dönüştürür.
Videolarınızı başka bir yerde barındırıyorsanız, büyük video yükleme sitelerini ve bulut depolama hizmetlerini desteklediğimizi belirtmekten memnuniyet duyacaksınız.
SmartVideo, tüm cihazlarda arabelleksiz, durmaya karşı korumalı oynatma sunar. Uygulaması kolay çözümümüz, "...daha fazla satış yapmanızı, hemen çıkma oranlarını düşürmenizi ve ziyaretçilerin markanıza odaklanmasını sağlamanızı" sağlar.
Ayrıca, sınırsız bant genişliği ve depolama alanı elde edersiniz, böylece yüksek faturalar olmadan en iyi videolarınızı paylaşmaya devam edebilirsiniz.
Bununla birlikte, ister WordPress eklentisini ister bulutta barındırılan sürümü kullanıyor olun, SmartVideo'yu Brizy web sitenize nasıl entegre edeceğinizi öğreneceğiniz sonraki bölüm için aktif bir Swarmify hesabına ihtiyacınız var.
Bunu yapalım!
WordPress için Brizy Builder ile SmartVideo'yu Entegre Etme
WordPress için Brizy Builder ile başlayalım. SmartVideo'yu WordPress web sitenize yüklemek oldukça kolaydır.
SmartVideo WordPress eklentisini yükleyerek başlayalım.
WordPress yönetici kontrol panelinize giriş yapın ve aşağıda gösterildiği gibi Eklentiler > Yeni Ekle seçeneğine gidin.
Ardından, arama kutusuna SmartVideo yazın ve aşağıda vurguladığımız gibi Şimdi Yükle'yi tıklayın.
Bundan sonra, Etkinleştir düğmesine basın:
Ardından, WordPress yönetici menünüzde SmartVideo'ya tıklayın:
SmartVideo eklentiniz henüz hazır değil. Swarmify hesabınızda bulunan özel bir anahtar aracılığıyla Swarm CDN'mize bağlamak en iyisi olacaktır.
Ardından, zaten bir Swarmify hesabınız varsa Yapılandır düğmesine tıklayın:
Swarmify hesabınız yoksa, bir tane oluşturma seçeneğiniz vardır. Zaten bir Swarmify'ım vardı, bu yüzden beni bir sonraki sayfaya yönlendiren Yapılandır düğmesine tıkladım.
Yukarıdaki resimde görebileceğiniz gibi, SmartVideo hala devre dışı. Sayfayı aşağı kaydırdığınızda Swarm CDN anahtarınızı girmenizi sağlayan bir alan göreceksiniz:
Aşağıda kopyalamak üzere olduğunuz anahtarı yukarıdaki alana yapıştıracaksınız.
Swarmify kontrol panelinize giriş yapın ve en üstteki Swarm CDN anahtarını kopyalayın:
WordPress sitenize geri dönün, Swarm CDN anahtarını alana yapıştırın ve aşağıda gösterildiği gibi SmartVideo'yu Etkinleştir'i tıklayın.
Şimdi yukarı kaydırdığınızda SmartVideo'nun etkinleştirildiğini fark edeceksiniz:
Bu çok kolay oldu.
Artık Brizy WordPress web siteniz SmartVideo ile bağlandı :)
Bu konuda doğal değil misin?
Daha fazla seçenek için, aşağıda gösterildiği gibi üst kısımdaki Ayarlar sekmesine tıklayın.
Ayarlar sayfasında, SmartVideo deneyiminizi özelleştirmek için birçok ekstra seçeneğiniz vardır. Diğer şeylerin yanı sıra SmartVideo video oynatıcı renklerini ve oynatma düğmesi şeklini değiştirebilirsiniz:
Yukarıda gösterildiği gibi Arka plan videolarını ve mevcut videoları optimize et seçeneğini açın ve sayfanın alt kısmındaki Ayarları Kaydet'i tıklayın .
Devam etmeden önce Brizy WordPress web sitenize bir SmartVideo ekleyelim. Aşağıdaki sayfa ile çalışıyorum.
En üstte vurgulanan resmi, Newsthink YouTube kanalından ödünç aldığım SpaceX'in Starship: Journey to Mars videosuyla değiştireceğim.
Videoyu gömmek için aşağıdaki SmartVideo etiketini kullanacağız:
<smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>
path/to/my/video.mp4 dosyasını videonuzun gerçek URL'siyle değiştirmeyi unutmayın.
N/B: YouTube kullanıyorsanız, doğrudan izleme bağlantısı yerine gömme bağlantısını kullanmalısınız: https://www.youtube.com/ embed /-kU6fMGh4l4: https://www.youtube.com/ watch ?v= -kU6fMGh4l4. Doğrudan bağlantıyı kullanırsanız SmartVideo videonuzu bulamaz ve işlemez.
Bununla birlikte, hazır SmartVideo etiketim şöyle görünür:
<smartvideo src="https://www.youtube.com/embed/-kU6fMGh4l4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>
Başka bir video kaynağı kullanıyorsanız, örneğin Amazon S3, YouTube bağlantısını gerçek video URL'nizle değiştirin. 9 En İyi Video Yükleme ve Bulut Depolama Hizmetine göz atın.
Sıradaki ne?
Brizy ile düzenlemek için Devam'ı tıklayarak Brizy içinde düzenlemek istediğiniz WordPress sayfasını açın:
Bu, sayfanızı sezgisel sürükle ve bırak düzenleyicisine yüklemelidir. Resmi değiştireceğim için resmi seçeceğim ve Sil simgesine tıklayacağım:
Hiçbir şeyi değiştirmiyorsanız, İçeriği ekle öğesini videoyu eklediğiniz her yere sürükleyip bırakırsınız.
Sayfam şimdi şöyle görünüyor:
Ardından, yan paneli getirmek için Ekle (+) simgesini tıklayın, ardından Göm'ü istediğiniz yere sürükleyip bırakın. (Bizim durumumuzda, resmi değiştirdiğimiz için kahraman bölümünün içindedir):
Ardından, Göm öğesinin içine tıklayın ve aşağıda gösterildiği gibi Göm düğmesine tıklayın:
Ardından, SmartVideo etiketinizi görüntülenen kutuya kopyalayıp yapıştırın:
Şuna bakar mısın!
SmartVideo video oynatıcı zaten çalışıyor. Ardından, sayfanızı güncelleyin:
Şimdi örnek web sitemi ön uçta görüntülediğimde şunu görüyorum:
Görüntü gitti ve onun yerine güzel bir SmartVideo oynatıcımız var. Videoyu YouTube'dan ödünç aldığımızı kimse söyleyemez.
Artık Swarmify SmartVideo'yu Brizy WordPress sitenize entegre ettiğimize göre, SmartVideo'yu Brizy Cloud'a ekleyelim.
Swarmify SmartVideo'yu Brizy Cloud ile Entegre Etme
Brizy için bir eklentimiz yok ama Swarmify'ı bulut platformuna eklemek düşündüğünüzden daha kolay. SmartVideo JavaScript snippet'ini kullanacağız.
SmartVideo etiketi gibi değil çünkü sayfalarınızın <head> bölümüne giriyor, SmartVideo etiketi gibi <body> bölümüne değil. Bunun ne anlama geldiğini anlamıyorsanız endişelenmeyin, arkanızdayız.
Ancak bu JavaScript pasajını nereden edinebilirim?
Endişelenmeyin, Swarmify hesabınızın içindedir.
SmartVideo JavaScript Snippet'inizi Nasıl Elde Edersiniz
Swarmify hesabınıza giriş yapın ve Yapılandırma'ya tıklayın:
Ardından, Brizy Cloud sitenizde YouTube videolarının olup olmadığını seçin ve İleri'ye tıklayın:
Profesyonel İpucu: Gelecekte YouTube videolarını kullanmanız durumunda otomatik dönüştürmeye yardımcı olması için her zaman Evet'i seçin.
Arka plan videolarınız var mı? Bunu belirtin ve İleri'ye tıklayın:
gayet iyi gidiyorsun :)
Ardından, isterseniz video oynatıcı renklerini değiştirin ve İleri'yi tıklayın:
Bundan sonra, oynat düğmesinin şeklini değiştirme şansınız var. Aşağıdakilerden sonra İleri'ye tıklayın:
Gerekirse özel bir filigran ekleyin ve İleri'ye tıklayın:
Ardından, videolarınıza reklam eklemek isteyip istemediğinizi seçin ve Bitir'e basın :
Son olarak, Panoya Kopyala'ya basın :
Bu zor değildi, değil mi?
SmartVideo JavaScript'iniz hazır. Şimdi Brizy Cloud web sitenize ekleyelim.
JavaScript Snippet'inizi Brizy Cloud Web Sitesine Nasıl Eklersiniz?
Brizy Cloud kontrol panelinize giriş yapın (zaten bir Brizy Cloud web siteniz olduğunu varsayıyorum) ve düzenlemek istediğiniz web sitesini seçin:
Bu sizi doğrudan Brizy Cloud sürükle ve bırak web sitesi oluşturucusuna götürür:
Gördüğünüz gibi, öncekiyle aynı şablonu kullanıyorum :)
Ama kafanız karışmasın ; artık WordPress için Brizy Builder değil, Brizy Cloud'un içindeyiz. Görsel editörler, birkaç küçük istisna dışında aynı görünüyor.
Ardından, Ayarlar simgesine basın:
Bundan sonra, Ayarlar sekmesine basın:
Ardından, Kod Enjeksiyonu'nu tıklayın:
SmartVideo JavaScript snippet'inizi Başlık bölümüne yapıştırın ve aşağıda gösterildiği gibi Değişiklikleri Kaydet'e basın.
Ve bu kadar! Brizy Cloud'unuz artık Swarmify SmartVideo'ya bağlı.
Profesyonel İpucu : WordPress için Brizy Builder ile çalışırken Embed öğesini kullanarak bir SmartVideo etiketini nasıl eklediğimizi hatırlıyor musunuz? Brizy Cloud web sitenize bir SmartVideo videosu eklemek için işlemi tekrarlayın.
Bundan bahsediyorum:
Hemen hemen aynı şey olduğunda gereksiz olacağı için tüm süreci tekrar gözden geçirmek istemiyorum. Aynı süreç.
Son İpuçları
Brizy Builder ile entegrasyon, SmartVideo WordPress eklentisinin kullanılmasını içerir. Brizy Cloud ile entegrasyon, SmartVideo JavaScript snippet'inden yararlanır.
Brizy Builder'a veya Brizy Cloud'a video gömmek aynı kalır. İstediğiniz yere bir SmartVideo etiketi eklemek için Embed öğesini kullanın.
SmartVideo etiketinizdeki path/to/my/ video.mp4'ü, nerede depolanırsa depolansın videonuzun gerçek URL'si ile değiştirmeyi unutmayın.
Sorusu olan? Bilmemize izin ver :)