WordPress sitenize video arka planı nasıl eklenir
Video arka planı en şaşırtıcı web sitesi özelliklerinden biridir. Bu, web sitenizi sadece canlı ve ilginç değil, aynı zamanda daha fazla resim ve bilgi de gösterebilir. Ancak, eminim ki birçok insan web sitelerine nasıl video arka plan ekleyeceğini bilmiyor. Bu nedenle, web sitenize video arka plan eklemek istiyorsanız bu ana kılavuz çok yararlı olacaktır.
İçindekiler tablosunu gizle
1. Video arka planını destekleyen bir WordPress teması kullanın
2. Web sitesine video arka plan eklemek için bir eklenti kullanın
2.1. 1. Adım: Eklentiyi yükleyin
2.2. 2. Adım: Video Arka Plan Ekle
2.3. Adım 3: Video arka planınızı ayarlayın
3. Son Kelimeler
Videonun arka planını destekleyen WordPress temasını kullanın Bazı WordPress temaları videonun arka plan ekranını destekleyin, bu nedenle temayı yalnızca görüntülemek için ayarlamanız gerekir. Örneğin, bu temiz bloğun teması, başlığın kapak alanındaki videonun arka planını destekler. Ardından, özelleştiriciyi açarak, Medya Başlığı bölümünü bularak ve tema gereksinimlerini izleyerek videoyu eklemek için yalnızca birkaç basit adıma ihtiyacınız vardır.
Çoğu tema video yüklemenize izin verir. Buna ek olarak, birçoğu YouTube’dan gömülü bağlantıyı yukarıda yaptığım gibi destekleyecektir. Bu sadece daha hızlı, daha basit olmakla kalmayacak, aynı zamanda web sitesinin daha hafif olmasına yardımcı olacak, böylece web sitesinin hızını optimize edecektir. Her tema farklı bir şekilde ayarlanacaktır, böylece talimatları dikkatle okumanız gerekir.
Ancak, temayı kullandığınızda video arka plan alanı sınırlı olabilir, çünkü tema yalnızca belirli alanlarda çalışan videoları destekleyebilir. Başka bir alana video arka plan eklemek istiyorsanız ne olur? WordPress sitenize video arka plan eklemek için bir eklenti kullanmanın zamanı geldi. Web sitesine video arka plan eklemek için bir eklenti kullanın, bu konuda size yardımcı olabilecek birçok eklenti vardır. Araştırma yaptıktan sonra, teknoloji hakkında fazla bir şey bilmeyenler için gelişmiş WordPress arka plan (AWP) eklentisinin kullanımı çok kolay olduğunu buldum. Ayrıca video arka planınızın güzel görüntülenmesine yardımcı olur ve birçok ayar seçeneği sağlar. Bu eklentinin yalnızca WordPress 5.0 sürümünde ve Gutenberg editöründe çalıştığını unutmayın. WordPress sürümünüzü güncellemeyi ve bu editörü kullanmayı unutmayın. Adım 1: Eklentiyi yükleyin Bu eklentiyi wordpress.org adresinden indirebilirsiniz, ardından Dashboard> Eklenti> Yeni Eklenti Eklentisi’ni yükleyin, yükleyin, yükleyin ve etkinleştirin. Veya Dashboard> Eklenti> Yeni Ekle, Eklenti Bul ve Yükle> Etkinleştir’i tıklayın.
Adım 2: Videonun arka planını ekleyin Gutenberg’e bir blok eklemeye benzer video arka planını ekleyin. Eğer Gutenberg’e aşina iseniz, bu kolaydır. Değilse, Gutenberg kullanım talimatlarını okuyabilirsiniz.
Ancak, temayı kullandığınızda video arka plan alanı sınırlı olabilir, çünkü tema yalnızca belirli alanlarda çalışan videoları destekleyebilir. Başka bir alana video arka plan eklemek istiyorsanız ne olur? WordPress sitenize video arka plan eklemek için bir eklenti kullanmanın zamanı geldi. Web sitesine video arka plan eklemek için bir eklenti kullanın, bu konuda size yardımcı olabilecek birçok eklenti vardır. Araştırma yaptıktan sonra, teknoloji hakkında fazla bir şey bilmeyenler için gelişmiş WordPress arka plan (AWP) eklentisinin kullanımı çok kolay olduğunu buldum. Ayrıca video arka planınızın güzel görüntülenmesine yardımcı olur ve birçok ayar seçeneği sağlar. Bu eklentinin yalnızca WordPress 5.0 sürümünde ve Gutenberg editöründe çalıştığını unutmayın. WordPress sürümünüzü güncellemeyi ve bu editörü kullanmayı unutmayın. Adım 1: Eklentiyi yükleyin Bu eklentiyi wordpress.org adresinden indirebilirsiniz, ardından Dashboard> Eklenti> Yeni Eklenti Eklentisi’ni yükleyin, yükleyin, yükleyin ve etkinleştirin. Veya Dashboard> Eklenti> Yeni Ekle, Eklenti Bul ve Yükle> Etkinleştir’i tıklayın.
Adım 2: Videonun arka planını ekleyin Gutenberg’e bir blok eklemeye benzer video arka planını ekleyin. Eğer Gutenberg’e aşina iseniz, bu kolaydır. Değilse, Gutenberg kullanım talimatlarını okuyabilirsiniz.
Bir video arka plan eklemek, yeni bir blok eklemek istediğiniz sayfayı veya makaleyi açın ve AWB arka plan bloğunu bulmak için “AWB” anahtar kelimesini arayın.
Bu bloğa girdikten sonra, sağ tarafta ayarlamak için Blok sekmesini seçin. Arka plan için 3 seçenek vardır: görüntüler, renkler ve videolar. Bir video arka planı eklemek için bir video seçin. Ardından, 2 seçeneğiniz var: YouTube veya Vimeo URL’den videolar girin veya kendiniz gönderilen videoları yükleyin. İlk seçeneği seçerseniz, yalnızca video URL bölümüne bağlantıyı girmeniz gerekir.
Bu bloğa girdikten sonra, sağ tarafta ayarlamak için Blok sekmesini seçin. Arka plan için 3 seçenek vardır: görüntüler, renkler ve videolar. Bir video arka planı eklemek için bir video seçin. Ardından, 2 seçeneğiniz var: YouTube veya Vimeo URL’den videolar girin veya kendiniz gönderilen videoları yükleyin. İlk seçeneği seçerseniz, yalnızca video URL bölümüne bağlantıyı girmeniz gerekir.
İkinci seçenek için kendi kendine barındırılan bölümü açın. Yüklenecek 3 çeşit video formatı vardır:
İstediğiniz biçimi seçin, ardından zaten kütüphanede bulunan videoyu veya yeni bir yüklemeyi seçin. İşte burada. Adım 3: Videonuzun arka planını ayarlayın Bir videoyu tam yüksekliğe sahip bir videoyu görüntüleyin ve videoya girdikten sonra videoya bir blok ekleyin, çerçeve böyle çok küçük. Tam yüksek olan videoları görüntülemek için Block Aygıt Bıçağında tam uzun kısmı seçin.
Aşağıda metinle dolu bir yükseklikte görüntülenen videonun arka planı bulunmaktadır. Boyutu, renk, konumu vb. Metin için normal olarak yandaki blok sekmesindeki ayarlayabilirsiniz. Bu videoyu başlığın kapağına veya Yasanın davet bölümüne yerleştirmek istiyorsanız yararlıdır.
Metni bile herhangi bir blokla değiştirebilirsiniz. Bu, herhangi bir Gutenberg bloğunu eklemeye benzer. Video Ayarları Video sekmesinde, video arka planınızı kolayca görüntülemek için aşağıdaki gibi birkaç ana parça ayarlamanız gerekir:
(1): Mobil cihazlarda arka plan videolarını etkinleştirebilir veya devre dışı bırakabilirsiniz. (2) ve (3): Özellikle orijinal video çok uzunsa, istenen kısmı görüntülemek için buraya videonun başlangıç ve bitiş zamanını girin. (4): Videoyu bitirdikten sonra tekrarlayabilirsiniz. Videonun otomatik olarak oynamaya devam etmesi için bu özelliği etkinleştirmeniz gerektiğini düşünüyorum. Poster Scroll görüntü ayarları aşağı, poster görüntüsü bölümünü göreceksiniz. Burada seçtiğiniz fotoğraf, video görüntülenmeden önce 1 saniye içinde görüntülenecektir. Aşağıdaki seçenek, doğru boyutu ve görüntü stilini ayarlamanızı sağlar.
Poster görüntüleri ekledikten sonra sonuçlar aşağıdadır.
Bir streç (1) yüklemek, videonun arka planı için streç rengidir ve (2) şeffaflıktır. Örneğin, turuncu sitemin ana rengidir, bu yüzden web tasarımına uyacak şekilde video esnemesinde bu rengi seçiyorum.
Renk paleti gelince, bu video için bir alternatiftir. Başka bir deyişle, gerçekten videonun arka planından renkli arka plana geçersiniz. Bu renk arka planını silmek için Sil düğmesini seçin.
Renk paleti gelince, bu video için bir alternatiftir. Başka bir deyişle, gerçekten videonun arka planından renkli arka plana geçersiniz. Bu renk arka planını silmek için Sil düğmesini seçin.
Paralaks ve Paralaks fare efektlerini PARALAX sekmesine yükleyin, bu efekti etkinleştirebilir veya devre dışı bırakabilir ve çeşitli paralaks türlerini kolayca seçebilirsiniz. Bu çok iyi ve ilginç bir etkidir, bu yüzden onu kullanmanız ve siteniz için uygun stili seçmeniz gerekir.
Paralaks etkisi size tanıdık gelebilirken, fare paralaks etkisi olmayabilir. Fareyi videonun üzerinden hareket ettirdiğinizde kolayca görülebilir, daha sonra videodaki sahne de hareket eder. Bu efekti paralaks faresini açarak kullanabilirsiniz> Etkinleştir. Ardından boyutu ve hızı ayarlayabilirsiniz. Hız ne kadar düşük olursa, video o kadar hızlı hareket eder. Boyut ne kadar küçük olursa, o kadar çok video hareket eder, fareyi hareket ettirirken bir video “zonklama” gibi hissettirir. Aşağıda, en düşük hızı ve boyutu seçtiğimde bir örnektir.
Uzay Ayarları Alan sekmesindeki, videodan sayfa kenar boşluğuna olan mesafeyi değiştirin, mesafe parametresini kenar boşluğuna ve dolgu bölümüne ekleyin. Örneğin, videonun dört tarafı için 10 ve Margin 20’ye girdim.
Gelişmiş Ayarlar Ek CSS’de devam eden bölümden, video arka planı için özel bir kod ekleyebilirsiniz. HTML Ankraj bölümü, videodaki başlık için anahtar kelime bağlantılarını kullanmanıza olanak tanır. Kısa kod hakkında hiçbir şey bilmiyorsanız, bu bölümü geçebilirsiniz.
Ve bu nihai sonuç. Video oldukça iyi görünüyor, değil mi?
Bu süper ayrıntılı makale aracılığıyla son kelimeler, umarım ziyaretçileri çekmek için WordPress web sitenize video arka plan ekleyebilirsiniz. AWB eklentisi hakkında, Estar gibi Gutenberg’i güçlü bir şekilde destekleyen bir tema ile kullanmalısınız. Burada, başlık kapağı için ilginç bir video arka planına sahip olmak için AWB Estar ve eklenti temasını kullanıyorum.
