WordPress'te YouTube Videosunu Tam Ekran Arka Plan Olarak Ekleme

Tam ekran video arka planları anında dikkat çeker. Basit bir WordPress sitesini cilalı, modern ve profesyonelce tasarlanmış bir şeye dönüştürürler.

Genel olarak, iyi yerleştirilmiş bir video arka planının ilk izlenimleri ne kadar iyileştirebileceğini ve ziyaretçileri meşgul tutabileceğini gördük.

İyi haber şu ki, özel bir yazılıma veya özel geliştirmeye ihtiyacınız yok. Zaten sahip olduğunuz YouTube videolarını bile kullanabilirsiniz, bu da sayfalarınıza hareket ve kişilik katmanın uygun maliyetli bir yoludur.

Bu kılavuzda, başlangıç dostu araçları kullanarak WordPress arka planınıza YouTube videosu eklemenin en kolay yollarını adım adım anlatacağız.

Neden Tam Ekran Arka Plan Olarak Bir YouTube Videosu Kullanılır?

Bir YouTube videosunu tam ekran arka plan olarak kullanmak, ziyaretçilerin dikkatini hemen çekmenin ve sitenizde bağlı kalmalarını sağlamanın güçlü bir yoludur.

Faydaları şunlardır:

• Hızlı Sayfa Yükleme Sürelerini Koruyun: Kendi videonuzu yüklemek yerine bir YouTube videosu yerleştirmek, sitenizi hafif tutar; bu da kullanıcı deneyimi ve SEO için önemlidir.
• Ziyaretçileri Anında Etkileyin: Hareketli bir video arka planı, bir ziyaretteki ilk birkaç saniye içinde dikkat çekebilir.
• Rakiplerinizden Farklılaşın: Sitenizi öne çıkaran görsel olarak çekici ve modern bir görünüm oluşturur.
• Bant Genişliği ve Depolama Alanından Tasarruf Edin: WordPress'te video barındırmak çok fazla sunucu kaynağı tüketebilir ve ek depolama alanı gerektirebilir.

WPBeginner olarak, videoları doğrudan WordPress'e yüklemek yerine YouTube'dan yerleştirmeyi şiddetle tavsiye ediyoruz. Bu yaklaşım, sitenizi yavaşlatmadan veya barındırma planınıza gereksiz yük bindirmeden ilgi çekici içerikler sergilemenize olanak tanır.

Bununla birlikte, bir YouTube videosunu WordPress web sitenizde tam ekran arka plan olarak nasıl ekleyebileceğinizi görelim. İki yöntem göstereceğiz ve aralarında gezinmek için bu hızlı bağlantıları kullanabilirsiniz:

• Yöntem 1: Tam Ekran Video Arka Planı İçin Gelişmiş WordPress Arka Planlarını Kullanın (Ücretsiz)
• Yöntem 2: Tam Ekran Video Arka Planı Eklemek İçin Thrive Architect Kullanın (Önerilir)
• Alternatif: SeedProd ile WordPress'e Animasyonlu Arka Plan Ekleyin
• Video Arka Planları Hakkında Sıkça Sorulan Sorular

Yöntem 1: Tam Ekran Video Arka Planı İçin Gelişmiş WordPress Arka Planlarını Kullanın (Ücretsiz)

Ücretsiz ve kolay bir şekilde video arka planları eklemek istiyorsanız, Advanced WordPress Backgrounds'u kullanabilirsiniz.

Bu ücretsiz eklenti, YouTube videoları dahil herhangi bir renk, resim veya video kullanarak tam ekran arka plan oluşturmanıza olanak tanıyan bir Arka Plan bloğu ekler.

Öncelikle, eklentiyi WordPress kontrol panelinize kurmanız ve etkinleştirmeniz gerekecektir. Yardıma ihtiyacınız olursa, lütfen bir WordPress eklentisinin nasıl kurulacağına dair rehberimize bakın.

Etkinleştirdikten sonra, tam ekran arka plan olarak bir YouTube videosu eklemek istediğiniz sayfaya veya gönderiye gidin. Gutenberg blok düzenleyicisinde, ‘+’ blok ekle düğmesine tıklayın.

Görünen açılır pencerede, 'Background AWB' yazmaya başlayın. Doğru blok göründüğünde, sayfaya eklemek için tıklayın.

Sol taraftaki menüde, oluşturabileceğiniz farklı türde tam genişlikte arka planlar için üç sekme göreceksiniz: Renk, Görüntü ve Video.

Bir YouTube videosu eklemek istediğiniz için 'Video' sekmesine tıklayın. Ardından ' YouTube / Vimeo' sekmesini seçin.

Artık WordPress blogunuzda kullanmak istediğiniz YouTube video dosyasının URL'sini kopyalayıp yapıştırabilirsiniz.

Şimdi, WordPress blok düzenleyici bu arka planın nasıl görüneceğinin bir önizlemesini gösterecektir.

Gelişmiş WordPress Arka Planları, üzerine eklediğiniz içeriğe göre videonun boyutunu değiştirir, bu nedenle video şu anda biraz küçük görünüyorsa endişelenmeyin.

Varsayılan olarak, video arka planı mobil cihazlarda devre dışıdır.

Ancak, video arka planını mobil cihazlarda göstermek istiyorsanız, 'Mobil cihazlarda etkinleştir' geçişini etkinleştirmek için tıklayın.

Yalnızca video arka planlarının pil ömrünü tüketebileceğini ve mobil kullanıcılar için veri harcayabileceğini unutmayın.

Varsayılan olarak, blok tüm YouTube videosunu otomatik oynatma ve döngüde oynatacaktır. 

Diğer bir seçenek ise, videonun belirli bir bölümünü oynatmak için 'Başlangıç Zamanı' ve 'Bitiş Zamanı' kutularına tam zamanları (saniye cinsinden) girmektir.

Ayrıca, 'Döngü' geçişini devre dışı bırakarak videonun döngü halinde oynatılmasını durdurabilirsiniz.

Varsayılan olarak, video yalnızca ziyaretçi tarayıcısında görebildiğinde oynatılır. Bu, web sitenizin performansını korumaya yardımcı olacaktır, bu nedenle 'Her zaman oynat' geçişini devre dışı bırakmak isteyeceksiniz.

Videoyu ilk eklediğinizde, %100 opaklıkta gösterilir, bu nedenle tamamen görünür olur. YouTube videosu arka planını daha incelikli hale getirmek için 'Görüntü Opaklığı' kaydırıcısını sürüklemekten çekinmeyin.  

Opaklıkla denemeler yaparsanız, renkli bir kaplama eklemeyi de deneyebilirsiniz. 

'Kaplama Rengi' bölümünü genişletmek için tıklamanız yeterlidir ve ardından farklı renkli kaplamalar oluşturmak için ayarları kullanın.

Arka planın tam olarak istediğiniz gibi görünmesini sağlamak için paralaks efekti ve boşluk gibi diğer ayarları keşfetmekten çekinmeyin.

YouTube video arka planının nasıl ayarlandığından memnun kaldığınızda, bağlantılar, metinler ve resimler gibi içerikler eklemeye başlayabilirsiniz. 

Başlamak için Arka Plan (AWB) bloğunun ortasındaki '+' simgesine tıklayın.

Bu, eklemek istediğiniz bloğu seçebileceğiniz bir açılır pencere açar. Advanced WordPress Backgrounds eklentisi, tüm standart WordPress bloklarıyla çalışır, böylece istediğiniz içeriği ekleyebilirsiniz.

Bloğun üzerine metin eklerseniz, metnin video arka planıyla iyi uyum sağlaması için metin rengini değiştirdiğinizden emin olun.

Görünümünden memnun kaldığınızda, sayfayı yayına almak için 'Güncelle' veya 'Yayınla' düğmesine tıklamanız yeterlidir. Şimdi WordPress web sitenizi ziyaret ederseniz, video arka planının çalıştığını göreceksiniz. 

Yöntem 2: Tam Ekran Video Arka Planı Eklemek İçin Thrive Architect Kullanın (Önerilir)

Video arka planınızı tamamen özelleştirmek veya eksiksiz sayfaları kolayca tasarlamak istiyorsanız, bu yöntem tam size göre.

Bunun için Thrive Architect'e ihtiyacınız olacak.

Kapsamlı testlerden sonra, süper kullanıcı dostu bir sayfa oluşturucu eklentisi olduğunu bulduk. Video arka plan özelliğinin yanı sıra, kullanımı esnek olan ve sürükle ve bırak işlevselliğine sahiptir, böylece istediğiniz web sitesini zahmetsizce oluşturabilirsiniz.

Ek olarak, dönüşümler için optimize edilmiş akıllı açılış sayfası şablonlarıyla birlikte gelir, böylece açılış sayfanız en başından başarıya ayarlanmış olur.

Thrive Architect hakkında daha fazla bilgi için Thrive Architect incelememize göz atabilirsiniz.

Bu yöntemi kullanmak istiyorsanız, önce Thrive Architect planını satın alın. Tek başına bir ürün olarak veya Thrive Themes paketinin bir parçası olarak satın alınabilir.

Ardından, eklentiyi kurmanız yeterlidir. Daha fazla bilgi için WordPress eklentisi kurma hakkındaki kılavuzumuza göz atabilirsiniz.

Bundan sonra, WordPress yönetici alanından 'Sayfalar'a gidebilir ve düzenlemek istediğiniz bir sayfayı seçebilirsiniz. Sayfanın üzerine gelin ve 'Thrive Architect ile Düzenle'yi seçin.

Ardından, sayfanın sağ tarafındaki '+' düğmesine tıklayın ve Arka Plan Bölümü öğesini bulun.

Sayfaya eklemek için üzerine tıklamanız yeterlidir.

Bu noktada, sayfanın sol tarafına gidebilir ve Arka Plan Stili bölümüne aşağı kaydırabilirsiniz.

Burada, sadece ‘Video arka planı’ geçişini etkinleştirin ve Kaynak olarak ‘YouTube’u seçin.

Ardından, tam ekran arka plan olarak kullanmak istediğiniz YouTube videosuna gidin.

YouTube video URL'sini şu şekilde kopyalayın:

Ardından, URL'yi uygun bölüme yapıştırın.

Şimdi ekranda arka planı görmelisiniz.

Arka plan eklenmiş olsa da, henüz tam ekran değil.

Tam ekran olduğundan emin olmak için Ana Seçenekler bölümüne yukarı kaydırmanız gerekir. Ardından, 'İçerik tüm ekran genişliğini kaplar', 'Yüksekliği ekrana uyacak şekilde ayarla' ve 'Ekran genişliğine uyacak şekilde uzat' seçeneklerini etkinleştirin.

Daha fazla seçeneği keşfedelim. Arka planınıza bazı içerikler eklemek için tek yapmanız gereken, sağ taraftaki '+' düğmesine tekrar tıklamak ve bir öğeyi sürükleyip bırakmaktır.

Metinler, resimler, formlar, düğmeler, referanslar ve daha fazlasını ekleyebilirsiniz. Thrive Architect, web siteniz için kullanabileceğiniz düzinelerce dönüşüm odaklı öğeye sahiptir.

Arka plan renginin metinle yeterince iyi kontrast oluşturmadığını düşünüyorsanız, Arka Plan Bölümü ayarlarına geri dönmeniz yeterlidir.

Ardından, tekrar Arka Plan Stili'ne gidin ve Katman Ekle seçeneğinde düz bir renk seçin. Bundan sonra, arka plan filtresi olarak kullanmak üzere bir renk seçebilir ve opaklığı istediğiniz gibi ayarlayabilirsiniz.

İşiniz bittiğinde, 'Uygula'ya tıklamanız yeterlidir.

Arka Plan Bölümü ayarlarında ayarlayabileceğiniz bir diğer şey Kaydırma Davranışı'dır. Statik, yapışkan veya paralaks olmasını seçebilirsiniz.

Arka planın kullanıcı aşağı kaydırdıkça hareket etmemesi için statik tutmanızı öneririz. Aksi takdirde video çalmaya devam eder ve bu da web sitenizi yavaşlatabilir.

Yapabileceğiniz bir sonraki şey Duyarlı bölüme gitmektir. Burada, video arka planının web sitenizin mobil ve tablet sürümlerinde görünüp görünmeyeceğini seçebilirsiniz.

Size kalmış, ancak videoların yüklenmesinin biraz zaman aldığını unutmayın. Ziyaretçilerinizin küçük ekranlı bir cihazdayken videoların çalışmasını beklemesi can sıkıcı olabilir.

Tam ekran YouTube video arka planından memnun kaldığınızda, değişikliklerinizi kaydetmek için 'İşi Kaydet' düğmesine tıklamanız yeterlidir.

İşte bu kadar!

Şimdi canlı olarak nasıl göründüğünü görmek için WordPress web sitenize gidin.

Test web sayfamız böyle görünüyor.

Alternatif: SeedProd ile WordPress'e Animasyonlu Arka Plan Ekleyin

Video arka planları görsel olarak çekici olabilse de, web sitenizin yüklenme hızını da yavaşlatabilirler. Bir alternatif istiyorsanız, bunun yerine animasyonlu bir arka plan ekleyebilirsiniz.

Bunu yapmanın en iyi yolu, WordPress için güçlü bir sürükle ve bırak sayfa oluşturucu eklentisi olan SeedProd ile yapılır.

Particle.js kullanarak web sitenize kolayca çarpıcı animasyonlu arka planlar eklemenizi sağlar. Particle.js, etkileşimli parçacık animasyonları oluşturan hafif bir JavaScript kütüphanesidir.

Daha fazla bilgi için, WordPress'e animasyonlu arka plan ekleme rehberimize göz atabilirsiniz.

Bonus İpucu: WordPress'e YouTube Video Akışı Ekle 

Web sitenize daha fazla video eklemek ister misiniz? WordPress'in yerleşik video yerleştirme blokları olsa da, özellikle birden fazla videonuz varsa, videoları görüntülemenin en görsel olarak çekici yolu değillerdir.

İşte Smash Balloon YouTube Feed Pro burada devreye giriyor. 

Bize göre, piyasadaki en iyi YouTube galeri eklentisidir ve YouTube kanalınızdaki tüm en son videoları otomatik olarak gösterir, böylece ziyaretçileriniz her zaman en yeni içeriği görür.

Smash Balloon'un kolay düzenleyicisini kullanarak bir YouTube akışı oluşturun ve ardından bunu kısa kod veya eklentinin hazır bloğu aracılığıyla herhangi bir sayfaya veya gönderiye ekleyin.

Smash Balloon'u WordPress web sitenizde YouTube oynatma listelerini, favorileri ve canlı yayınları yerleştirmek için de kullanabilirsiniz.

Smash Balloon'ın en iyi yanı sitenizi yavaşlatmamasıdır. Eklentinin yerleşik YouTube önbellekleme özelliği, sitenizin her zaman hızlı yüklenmesini sağlayacaktır, bu da SEO için harikadır.

Daha fazla ayrıntı için, WordPress'te bir YouTube kanalından en son videoların nasıl gösterileceğine dair adım adım kılavuzumuza bakabilirsiniz.

Video Arka Planları Hakkında Sıkça Sorulan Sorular

WordPress'te video arka planları ekleme hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

Bir YouTube videosunu tam ekrana nasıl alırım?

Bir YouTube videosunu tam ekrana almak için, YouTube oynatıcısının sağ alt köşesindeki tam ekran simgesine tıklayın veya video aktifken klavye kısayolu f tuşunu kullanın.

WordPress'e nasıl video arka planı eklenir?

Bir eklenti veya Thrive Architect gibi bir sayfa oluşturucu aracılığıyla bir video arka planı ekleyebilirsiniz. YouTube videoları için, sitenizin yavaşlamasını önlemek amacıyla yerleştirme önerilir.

Arka plan olarak ne tür YouTube videoları seçmeliyim?

Ana içeriğinizden dikkati dağıtmayacak kadar ince, görsel olarak ilgi çekici bir video seçmenizi öneririz. Kısa kliplerin döngüye alınması ve yumuşak hareketler genellikle en iyi sonucu verir.

Umuyoruz ki bu eğitim, WordPress'te bir YouTube videosunu arka plan olarak nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, WordPress ile viral bir bekleme listesi açılış sayfası oluşturma rehberimize ve en iyi WordPress tema oluşturucuları hakkındaki uzman seçimlerimize de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.