Bir işletmenin ana sayfasında kısa bir açıklayıcı video yer almıyorsa, o işletmenin modası geçmiş ve yavan olduğu düşünülür. Günümüzde kısa video içermeyen bir web sitesine rastlamak çok nadirdir. Kısa videoların dahil edilmesi bu makaleye ihtiyaç duyulmasını gerektirir çünkü bu makale Elementor'da videoların nasıl yönetileceğini tartışmaktadır. Bu yazımızda video widget'ını ve video arka plan seçeneklerini genişlettik.
- Kendi kendine barındırılan ve Dailymotion video desteği
- Kendi kendine barındırılan videoların avantajları:
- Video Widget'ı ve Arka Plan için Başlangıç ve Bitiş Zamanı
- Mütevazı Markalama
- Elementor'a Video Arka Planı Ekleme
- Geliştirilmiş Mobil Düzenleme
- Mobil ve Tablet Kesme Noktalarını Değiştirin
- WP CLI Entegrasyonu
- Gutenberg'in Dahil Edilmesi
- BAE'den Sabit Video
- Bir video nasıl yapışkan hale getirilir?
- Video boyutu
- Yapışkan Hizalama
- Video Aralığı
- Arka Plan Boyutu ve Stili
- Bilgi Çubuğu
- Duyarlı Cihazlarda Yapışkan Videoyu Yönetme
- Ekranın Herhangi Bir Yerine Sürükleyin
- Kapat Düğmesi
- Çözüm
Kendi kendine barındırılan ve Dailymotion video desteği
Elementor'a yalnızca YouTube ve Vimeo'dan videolar eklemekle kalmayıp, artık kendi kendine barındırılan HTML5 ve Dailymotion videolarını da dahil edebilirsiniz.
Kendi kendine barındırılan videoların avantajları:
- Gizlilik ve kontrol: GDPR ve gizlilikle ilgili diğer sorunlar nedeniyle, kendi kendine barındırılan videolara sahip olmak daha da önemli hale geldi. Bu videoların içeriği üzerinde kontrol sahibi olabilirsiniz.
- Sahiplik: Kendi kendine barındırılan videolara sahip olmak, başkalarının oluşturduğu içeriğe güvenmenize yardımcı olur. Videonuzda telif hakkı sorunu olmayacağından %100 eminsiniz. Ayrıca videonun silinme riski de yoktur.
- Kişiselleştirme: Kendi kendine barındırma ile videonuzda herhangi bir logo veya harici bağlantı bulunmaz. Bu, daha profesyonel görünen kaliteli içerik eklemenize yardımcı olacaktır. Videolarınız sitenize gelen ziyaretçilerin ilgisini çekmede çok yararlı olabilir.
- UX: kendi kendine barındırılan videolar, ziyaretçilerinize reklamların veya önerilen videoların gösterilmemesini sağlar. Dikkatleri dağılmayacak veya rakiplerinize yönlendirilmeyecektir (önerilen/önerilen videolar yoluyla).
Video Widget'ı ve Arka Plan için Başlangıç ve Bitiş Zamanı
Desteklenen platformlarda video widget'ı için bir başlangıç ve bitiş noktası ayarlayabilirsiniz. Ayrıca videonun yalnızca seçilen bölümünün oynatılması için video arka planını da seçebilirsiniz. Bu özelliğin yardımıyla videonun ilgili bölümünü çok kolay bir şekilde döngüye alabilirsiniz. Seçilen içeriği ziyaretçilerinize döngü halinde görüntüleyebilirsiniz.
Mütevazı Markalama
Diyelim ki youtube'dan bir video yerleştirdiyseniz ancak youtube logosunu bu videodan gizlemek istiyorsanız, logoyu gömülü Youtube videosundan gizlemek için 'Mütevazı Markalama'yı seçebilirsiniz.
Elementor'a Video Arka Planı Ekleme
Bu bölümde Elementor'a nasıl video ekleyeceğiniz konusunda size rehberlik edeceğiz:
Elementor düzenleyicisine basın ve panele gidin. Buradan 'video'yu arayın ve video widget'ına sürükleyin.
- Elementor > panel > 'video'yu arayın > 'video widget'ını' sürükleyin
- Video > Kaynak altında, 'YouTube', 'Dailymotion', 'Vimeo' veya kendi kendine barındırılanlardan birini seçin.
- Daha sonra videoya bir bağlantı ekleyin. Video kendi kendine barındırılıyorsa, onu medya kitaplığına göz atarak veya harici bir URL kullanarak yükleyebilirsiniz.
- Videonun belirli bir bölümünün oynatılmasını istiyorsanız bir başlangıç ve bitiş zamanı seçebilirsiniz.
- Ayrıca bir görüntü yer paylaşımı ekleyerek seçtiğiniz bir küçük resmi de ekleyebilirsiniz.
Geliştirilmiş Mobil Düzenleme
Mobil ve Tablet Kesme Noktalarını Değiştirin
Uzun zamandır insanlar, mobil cihazlardaki ve tabletlerdeki videolar için kesme noktası değerlerine sahip olma özgürlüğüne sahip olmak istiyordu. İyi haberler!! Çözüm burada.
Videoyu ekledikten sonra yukarıdaki bölümde gösterildiği gibi Elementor için tablet ve mobil kesme noktalarının değerlerini değiştirebilirsiniz. Devrim niteliğindeki kesme noktaları özelliğinin yardımıyla sitenizi geniş ekranlı bilgisayarlara, dizüstü bilgisayarlara, tabletlere veya küçük mobil ekranlara uyum sağlayacak şekilde özelleştirebilirsiniz.
Kesme noktası değerlerini değiştirmek için şuraya gidin:
Elementor Kontrol Paneli > Ayarlar > Stil'e gidin ve 'Tablet Kesme Noktası' ve 'Mobil Kesme Noktası' için yeni değerleri girin.
Ve işte!!!
Bunu çok kısa sürede başardınız.
WP CLI Entegrasyonu
WordPress için Komut Satırı Arayüzü, WP-CLI, WordPress yöneticisinde gerçekleştirebileceğiniz çeşitli eylemler için bir komut satırı arayüzü sağlayan açık kaynaklı bir projedir. Geliştiriciler buna oldukça aşinadır.
Yani WP-CLI ile rastgele bir terminalden uzun bir görev listesi gerçekleştirebilirsiniz. Bu şekilde yönetici terminaline giriş yapmanıza gerek kalmayacaktır.
Elementor artık entegre WP-CLI ile birlikte geliyor. WP-CLI'nin bu entegrasyonu, komut satırı aracılığıyla aşağıdaki görevleri gerçekleştirmenize olanak tanır:
- flush_css – Elementor Sayfa Oluşturucu CSS Önbelleğini temizler
- senkronizasyon kitaplığı – Elementor Kitaplığını Eşitle
- URL'leri değiştir - Tüm Elementor sayfalarında eski URL'leri yeni URL'lerle değiştirin
- Lisansı etkinleştirin veya devre dışı bırakın – Pro lisansınızı etkinleştirin veya devre dışı bırakın
- import-library – Şablon dosyalarını Kütüphaneye aktarın
Gelecekte Elementor'a daha fazla CLI komutu eklenmeye devam edecek.
Gutenberg'in Dahil Edilmesi
Önümüzdeki aylarda Gutenberg de çekirdeğe eklenecek ve bu da Elementor'u tam bir paket haline getiriyor.
Gutenberg'in piyasaya sürülmesiyle Elementor, tüm elementor kullanıcıları için daha da sorunsuz çalışacak.
Sürüm 2.1 ile Gutenberg ve Elementor arasında geçiş yapmak kolaydır çünkü Gutenberg'deki her zaman aşina olduğunuz 'Elementor ile Düzenle' düğmesini kullanacaksınız.
BAE'den Sabit Video
Bir sayfayı kaydırdığınızı ve video içeriğinin sola veya sağa uçtuğunu veya hareketsiz kaldığını hayal edin.
Sinir bozucu bir manzara olsa gerek.
Ama artık değil. BAE'nin Yapışkan Videosunun şaşırtıcı özelliği, siz kaydırırken videonun sayfaya yapışmasını sağladığından, bu, videonuzun tarayıcı penceresinin sol veya sağ tarafında kayacağı anlamına gelir. Yapışkan video özelliği sayesinde ziyaretçi içeriği okumak için sayfayı kaydırdıkça metin içeriğiyle birlikte video da odakta kalacaktır.
Bir video nasıl yapışkan hale getirilir?
BAE'nin özelliği bu işlevselliği zarif ve basit hale getirdi. Videoyu yapışkan hale getirmek için içerik (sekme) > Yapışkan Video ayarı altında Yapışkan Videonun geçiş yapmasını sağlayabilirsiniz.
Yapışkan video özelliğinde video için çeşitli hizalama seçenekleri vardır. Yapışkan videonun her yönünü kontrol etmek için Eylem Çubuğuna ve ayarlara gidin. Temel özellikler aşağıda verilmiştir:
- Video boyutu
- Kenarlarda yapışkan video için çeşitli hizalama seçenekleri
- Video aralığını ve stilini yönetin.
- Video için bir arka plan ekleyin
- Bilgi çubuğu yardımıyla videonun açıklamasını görüntüleyin
- Duyarlı destek
- Yapışkan videoyu ön uçtaki pencere boyunca sürükleyin
- Düğme özelleştirmelerini kapat
Video boyutu
Videonun genişliğini px cinsinden belirterek videonun yüksekliğini ve genişliğini ayarlayabilirsiniz. Video ekranı, video için ayarlanan En Boy Oranına göre uygulanacaktır. Videonun en boy oranını İçerik (sekme) > Video'dan kontrol edebilirsiniz.
örn. – 16:9 oranını ayarladıysanız, yapışkan video boyutları seçilen orana göre uygulanacaktır.
Yapışkan Hizalama
Hizalamayı , yani yapışkan videonun pencerenin kenarları boyunca konumunu yönetebilirsiniz Video şu şekilde konumlandırılabilir:
- Sağ üst
- Sol üst
- Sağ alt
- Sol alt
- Merkez Sağ
- Orta Sol
Video Aralığı
Videonun etrafındaki boşluğu kontrol etmek için kenardaki boşluğu değiştirebilirsiniz Aralık, seçilen yapışkan hizalamaya göre uygulanacaktır.
örneğin, Sol Alt hizalama için aralık, videonun yalnızca alt ve sol kenarlarından itibaren geçerli olacaktır.
Arka Plan Boyutu ve Stili
BAE en iyi yanı, seçtiğiniz arka planı videoya ekleyebilmenizdir. Ayrıca arka planın boyutunu ve rengini de seçebilirsiniz.
Bilgi Çubuğu
Her video-meta veri türü hakkında küçük bir açıklama verilmiştir. BAE ile yapışkan videonun altına bilgilendirici metin ekleyebilirsiniz. Şu anda oynatılan videoyla ilgili bilgileri görüntüleyecek olan her yapışkan videoyu tanımlayabilirsiniz.
Bilgi çubuğuyla videonun rengini, arka plan rengini, tipografisini ve dolgusunu da kontrol edebilirsiniz. Metin alanı HTML içeriğini destekler. Özel stili Bilgi Çubuğu içeriğine de uygulayabilirsiniz.
Duyarlı Cihazlarda Yapışkan Videoyu Yönetme
Duyarlı cihazlarda Yapışkan Videoyu Gizleme seçeneği vardır Yapışkan videoyu gizlemek istediğiniz farklı cihazları seçebilirsiniz.
Ekranın Herhangi Bir Yerine Sürükleyin
Bu özelliği kullanarak video ekranını istediğiniz yere sürükleyebilirsiniz. Videoyu tıklayıp görünüm alanında herhangi bir yere yerleştirmek için basitçe sürükleyebilirsiniz. BAE , varsayılan olarak herhangi bir yere sürükleme işlevini destekler.
Not : Mobil cihazlar ve Elementor'un arka uç düzenleyicisi sürükleme işlevini desteklemez.
Kapat Düğmesi
Yapışkan video için kapat düğmesini Etkinleştirebilir/Devre Dışı Bırakabilirsiniz. Kapat düğmesinin stilini yönetmek için kontroller de mevcuttur.
Çözüm
BAE yardımıyla yapışkan videolarınızı tercihinize göre şekillendirebilir ve değiştirebilirsiniz. Eklenti plugin kolaylaştırıyor. Sitenizin grafik içeriğini zenginleştirmek için oldukça şık bir çözümdür. Web sitenizde harika yapışkan videolar oluşturmaya devam edin ve ziyaretçilerinizin, sayfalarınızı kaydırırken bile web sayfanızla etkileşime geçmesini sağlayın.
