Bir WordPress Sitesine Video Arka Planı Nasıl Eklenir

WordPress video arka planı eklemenin en kolay yolunu mu arıyorsunuz?

İyi hazırlanmış video arka planları en başından dikkat çeker ve markaların havalı görünmesini sağlar. Ancak kötü yapıldığında video arka planı sitenizi yavaşlatır, yer kaplar ve yeni ziyaretçilerin kafasını karıştırır. Bu nedenle, tüm tuzaklardan kaçınabilmeniz ve bunun yerine bir WordPress video arka planını doğru şekilde nasıl ekleyeceğinizi öğrenebilmeniz için bu kılavuzu hazırladık.

Herhangi bir özel teknik bilgi olmadan WordPress web sitenize video arka planı eklemek için en iyi uygulamalar ve adımlar hakkında bilgi edinmek için okumaya devam edin.

WordPress video arka planı eklemek için en iyi uygulamalar

• Dosya boyutlarını düşük ama çözünürlüğü yüksek tutun: Hiçbir şey sitenizin performansını büyük videolar ve resimlerden daha fazla düşürmez; yine de sıkıştırma sırasında çözünürlüğü korumak tercih edilir.
• Aşırıya kaçmayın: Çok fazla video arayüzünüzü karıştırıyor; bunları yalnızca bir noktaya değinmek veya ilgili bir şeyi sergilemek için kullanın.
• Ek bilgiler içeren bir harekete geçirici mesaj ekleyin: İzleyicilerin daha fazlasını istemesine izin vermeyin, ardından daha fazla ayrıntıya götüren bir bağlantıyı unutun.
• Ne pahasına olursa olsun sesten kaçının: Tüm insanların web sitenizi görmek istemesi sarsıcıdır.
• Ses gerekiyorsa, otomatik oynatmaya almayın: Kullanıcıların ses çalması için bir seçenek sağlayın.
• Sesli videolar için altyazıları göz önünde bulundurun: Konumu veya işitme bozukluğu nedeniyle herkes sesinizi dinleyemez.
• Harici barındırma: Site barındırıcınız muhtemelen video sunmak için tasarlanmamıştır, bu nedenle performansı korumak için Vimeo ve YouTube gibi siteleri seçin veya özel bir video barındırma sitesi düşünün.
• En iyi formatlara/çözünürlüklere bağlı kalın: Yalnızca MP4'lerden bahsediyoruz; en az 720p; h264 kodlayıcı.

Ve unutmayın, tüm web sitelerinin videoya ihtiyacı yoktur; bazen arayüzü darmadağın, yavaş ve odaklanmamış hale getirir. Örneğin bir avukat, web sitelerini yavaşlatması gereken bayağı tokalaşma videoları yerine profesyonel fotoğraflara bağlı kalmalıdır.

WordPress video arka planı nasıl eklenir

WordPress içinde video arka plan özelliklerini etkinleştiren birkaç yöntem vardır.

Dört farklı kodsuz çözüme odaklanacağız:

1. Yerleşik Kapak bloğu
2. Bir arka plan/başlık eklentisi
3. Favori sayfa oluşturucu eklentiniz
4. Video arka planlarını veya üstbilgilerini destekleyen bir tema kullanma

Aşağıdaki her yöntem için adımları izleyin.

Seçenek 1: Yerleşik Kapak bloğu

Yerel WordPress düzenleyicisi, metin ve düğmeler gibi diğer içeriklerin arkasına arka plan resimleri eklemek için Kapak bloğu adı verilen şeyi sunar.

Birçok WordPress kullanıcısının anlamadığı şey, Kapak bloğunun video arka planlarını da desteklemesidir.

1. Adım: Kapak bloğunu ekleyin

Başlamak için, arka planı eklemek istediğiniz sayfaya gidin ve Kapak bloğunu ekleyin.

2. Adım: Videonuzu yükleyin

Kapak için, video eklemek için hangisini kullanmayı düşünüyorsanız, Yükle veya Ortam Kitaplığı düğmesini seçin.

Kapak bloğu, videoları desteklemekle ilgili hiçbir şey söylemez, bu nedenle Medya Kitaplığından bir video (MP4 gibi) seçtiğinizden emin olmanız yeterlidir. Bir videoyu işaretledikten sonra Seç düğmesini tıklayın.

3. Adım: Üst üste binen ön plan içeriğini ekleyin

Şimdi arka plan videosunun bir önizlemesini görmelisiniz. Kapak'a metin veya düğmeler gibi ön plan blokları ekleyebilirsiniz.

4. Adım: Kapak ayarlarını gerektiği gibi düzenleyin

Kapak ayarları şunları içerir:

• Renk bindirmeleri: Metni okumayı kolaylaştırmak için ideal
• Opaklık: ön plan içeriğini ortaya çıkarmak için de yararlıdır
• Minimum koruma yüksekliği: WordPress video arka planının daha fazla alan kaplamasını sağlamak için bazen gereklidir

Adım 5: WordPress video arka planınızı çalışırken görüntüleyin

İşiniz bittiğinde sayfayı kaydedin ve WordPress video arka planınızı görmek için ön uca gidin!

Bazıları tam site arka planı sunarken, diğerleri size bir video başlığı vermeye yönelik olan WordPress video arka planlarını eklemek için oldukça az sayıda eklenti mevcuttur.

Bunlar en iyi video arka plan eklentileridir:

️ En sevdiğimiz, Gelişmiş WordPress Arka Planları eklentisidir; Bu eklentiyle sadece birkaç adımda nasıl WordPress video arka planı ekleyeceğinizi göstereceğiz.

Adım 1: AWB'yi kurun ve içerik bloğunu ekleyin

Başlamak için Gelişmiş WordPress Arka Planlarını (AWB) yükleyin.

Arka plan videosunu eklemek istediğiniz sayfaya gidin.

WordPress düzenleyicisini kullanarak bir içerik bloğu eklemek için tıklayın. Arka Plan (AWB) bloğunu arayın ve seçin.

2. Adım: Videonuzu ekleyin

Bu, öğeye renk, resim veya video arka planı ekleme seçenekleri sunar.

Video öğesini seçin, ardından YouTube veya Vimeo'dan bir Video URL'si yapıştırın. Alternatif olarak, eklentinin yerel videoları yüklemek için Kendi Kendine Barındırılan bir sekmesi vardır.

3. Adım: Video arka planının yüksekliğini ve genişliğini genişletin

Varsayılan olarak, içerik bloğu sayfa alanının çoğunu kapsayacak şekilde esnemez. Düzenleyicide Tam Yükseklik düğmesini tıklamalısınız. Video arka planını tam genişliğe genişletmek için bir düğme de vardır.

Ayrıca arka plan videosunun üstüne metin, düğmeler veya resimler gibi içeriği sürükleyebilir veya ekleyebilirsiniz.

Adım 4: WordPress video arka plan ayarlarını değiştirin

Engelle sekmesinde istediğiniz ayarı yapın: başlangıç ​​zamanı, bitiş zamanı, döngü, her zaman oynatma, video opaklığı.

Opaklığı azaltılmış bir arka plan rengi katmanı eklemek akıllıca olacaktır; bu, bindirilen metnin okunmasını kolaylaştırır.

Bunu Blok sekmesine giderek ve Arka Plan Rengi altında rengi beyaz veya siyah olarak değiştirerek yapın. Arka planın görünmeye devam etmesini sağlamak için Opaklık kaydırıcısını biraz aşağı hareket ettirin.

Adım 5: Sonuçları görüntüleyin

Sonuç, ideal olarak döngüsel, sesi olmayan ve odağın çoğunu ön plan içeriğinde tutan diğer içeriğin önünde oynatılan bir videodur.

Seçenek 3: Favori sayfa oluşturucu eklentiniz

Elementor, WPBakery ve Divi gibi çoğu sayfa oluşturucu, hemen hemen her içerik modülüne bir görüntü veya video arka planı eklemek için arka plan özellikleri sunar.

️ İstediğiniz sayfa oluşturucuyu seçmekten çekinmeyin, ancak kullanım kolaylığı nedeniyle Elementor'u öneriyoruz.

Başlamadan önce Elementor'u veya kullanmayı düşündüğünüz herhangi bir oluşturucuyu kurduğunuzdan emin olun.

1. Adım: Elementor düzenleyicisiyle bir sayfa açın

WordPress'te Sayfalar'a gidin ve Ana Sayfanız olarak belirlenen sayfayı seçin. Elementor ile Düzenle düğmesini tıklayın.

2. Adım: Bir Bölüm içerik bloğu ekleyin

Elementor'daki çoğu içerik modülü arka plan ayarları sunar, ancak bir Bölüm eklemenizi öneririz. Bu şekilde, bölüme metin, resim ve düğmeler gibi birden çok öğe ekleyebilirsiniz. Ardından, ön planda her şeyin arkasında olması için bölüme bir video arka planı eklersiniz.

Eğitimimizdeki bir bölüme biraz metin ve bir düğme ekledik. Devam edin ve Bölümü Düzenle simgesini seçin, ardından Stil sekmesini seçin.

3. Adım: Video arka planınızı ekleyin

Burada, bir Arka Plan açılır alanı göreceksiniz. Arka Plan Türü'nün yanındaki Video seçeneğini belirleyin. Ardından YouTube, Vimeo veya yerel bir dosyadan bir URL'yi Video Bağlantısı alanına yapıştırın.

4. Adım: Video arka plan ayarlarını düzenleyin

Ekranın daha fazlasını kaplamak için video arka planını genişletmeniz gerekebilir. Bunu yapmak için Düzen sekmesine geçin ve Yükseklik ve Minimum Yükseklik'i ayarlayın.

Stil sekmesinin altında, arka plan videosu için ayarları değiştirmeyi düşünün:

• Başlangıç ​​saati
• Bitiş zamanı
• Bir kez oyna
• Mobilde oyna
• Gizlilik modu

Ayrıca, ön plandaki metin, düğmeler ve görüntüleri daha görünür hale getirmek için genellikle siyah veya beyaz gibi nötr bir renk ve bazı opaklık değişiklikleri olan bir Arka Plan Kaplaması eklemeyi düşünün.

Adım 5: WordPress video arka planını ön uçta görüntüleyin

İşiniz bittiğinde, bölümdeki tüm içeriğin arkasında video oynatılır!

Seçenek 4: Video arka planlarını/başlıklarını destekleyen bir WordPress teması kullanın

Çeşitli WordPress temaları, yerleşik başlık, kaydırıcı ve tam sayfa medya ayarları sunar; bunlar, ekranın tamamını kaplamak için bir resim, GIF veya video yüklemenize olanak tanır ve çoğunlukla ana sayfanıza bir başlık olarak kullanılır.

Video arka planı özelliklerine sahip temaları bulmak için popüler pazar yerlerinde "video arka planı" arayın:

️ Bir temanın video arka plan işlevine sahip olduğundan emin olmak için özellik listelerini taradığınızdan emin olun, hatta indirme/satın almadan önce geliştiriciden isteyin.

Örnek olarak, Colibri WP teması video arka planları sunar.

Adım 1: Temayı kurun ve etkinleştirin

Bir video arka planını etkinleştirmek için Colibri WP temasını yükleyin, ardından Görünüm > Colibri Ayarları > Başlayın seçeneğine gidin. Burada Colibri Sayfa Oluşturucu özelliğini etkinleştirebilirsiniz.

2. Adım: Bir demo sitesi ekleyin

Demo Siteleri sekmesine tıklayın ve seçtiğiniz demo şablonunu içe aktarın .

3. Adım: Kahraman görüntüsünü özelleştirin

Görünüm > Özelleştir'e gidin ve Kahraman modülünün yanındaki Ayarlar dişli simgesini seçin.

4. Adım: Bir video arka planı ekleyin

Stil sekmesini seçin ve Arka Planı Video olarak değiştirin.

Son olarak, bir Harici Video URL'sine yapıştırmak için YouTube'u veya yerel video yüklemek için Kendi Kendine Barındırılan'ı seçin.

Sonuç olarak, Özelleştirici önizlemesinde video arka planının hareket halinde olduğunu göreceksiniz.

Mükemmel video arka planıyla başlayın

Bu gönderide, en az biri durumunuz için çalışması gereken dört farklı yöntem öğrendiniz.

️ Sitenizi geliştirmenin diğer yolları için, başarılı bir ana sayfa tasarımının 10 öğesi içeren yayınımıza göz atın.

WordPress video arka planları hakkında herhangi bir sorunuz varsa, düşüncelerinizi aşağıdaki yorumlarda paylaşın.