WordPress’te Video Nasıl Ortalanır

Bir blog gönderisi oluşturmak için birçok düşünce vardır: içerik sadece başlangıçtır. Eklemek istiyorsanız, metin dışındaki medya içeriğini de düşünmelisiniz ve medya açısından zengin içerik, günümüzde hemen hemen norm haline geldi. Metin duvarları itici: web sitesi tasarımındaki en iyi uygulamalar, metnin resimlerle serpiştirilmesi gerektiğini belirtir. Peki ya hareketli resimler?

Görüntüler veya diğer gömülü içerik içeren bir metni biçimlendirmeyi denediyseniz, tüm farklı öğelerin istediğiniz gibi davranmasını sağlamanın ne kadar zor olabileceğini bilirsiniz. Ve çok yönlü olmasına rağmen WordPress’in bazı sınırlamaları vardır. Neyse ki, kullandığınız düzenleyiciden bağımsız olarak çok çeşitli yararlı biçimlendirme seçenekleri de var. Nasıl yapılır konusuna girmeden önce, WordPress’te bir videoyu ortalamak için neden uğraşmanız gerektiğinin nedenlerini tartışmak istiyoruz.

Tartışacağımız şey bu:

  • Neden WordPress’te Videoları Ortalamalısınız?

  • Gutenberg’de Bir Video Nasıl Ortalanır

  • Klasik Düzenleyicide Bir Video Nasıl Ortalanır

  • Elementor’da Video Nasıl Ortalanır?

Neden WordPress’te Videoları Ortalamalısınız?

İçeriğiniz birinci sınıf olabilir, fakat ilk bakışta profesyonelce görünmüyorsa, ziyaretçileriniz, hatta bazıları muhtemelen daha konuya girmeden, ertelenecektir. Ve yüksek bir hemen çıkma oranı veya kötü bir kullanıcı deneyimi istemezsiniz, değil mi?

İçeriğinize bir video katıştırırsanız ve video, içeriğinize ayrılan alandan daha az genişse, WordPress bazen onu varsayılan olarak sola hizalar ve kullanılmayan boş alanı sağ tarafta bırakır. Bu durum tamamen estetik olmayan nedenlerle iyi görünmüyor: bu, web sitenizin kaba, amatörce görünmesine ve kötü sunulmasına neden oluyor. Bir videoyu ortalamak ise web sitenizin en azından düşünülmüş görünmesini sağlar. Büyük bir boşluk, temel olarak kaçınmanız gereken tek şeydir.

Gutenberg’de Bir Video Nasıl Ortalanır

WordPress’in varsayılan düzenleyicisi, bir videoyu ortalamayı gerçekten kolaylaştırır: bunu tek bir tıklamayla yapabilirsiniz.

Herhangi bir video eklemek için, bir blok eklemek için artı işaretini tıklamanız ve bir video bloğu seçmeniz yeterlidir.

Video Bloğu Ekle

Gutenberg video bloğu birkaç olası video kaynağına sahiptir. Medya kitaplığınıza bir video yükleyebilir, Medya Kitaplığınızda bulunan bir videoyu kullanabilir veya URL’den ekleyebilirsiniz. URL’den ekle’yi seçeceğiz, URL’yi yapıştıracağız ve Uygula’yı tıklayacağız.

Video Ekle Uygula

Videonuz gömüldükten sonra, varsayılan olarak ortalanmalıdır. Emin olmak için Hizalamayı değiştir açılır menüsünü tıklayın ve Ortayı hizala’yı seçin.

Merkezi hizalama

Ve videonuz şimdi ortalanacak. Diğer hizalamaların mevcut olduğunu ve farklı biçimlendirme sonuçları sağladığını unutmayın. Sola veya sağa hizalama, metnin videonun etrafına sarılmasına da izin verir, böylece çirkin bir boşluk kalmaz.

Sağa Hizala

Oynamak için daha fazla parametre istiyorsanız, videoyu bir video yerine bir HTML bloğu kullanarak da gömebilirsiniz. Bunu yapmak için artı işaretine tıklayarak bir blok ekleyin ve Özel HTML bloğunu seçin.

Özel HTML Bloğu

Bir videoyu gömmek için yapıştırmanız gereken kod şudur:

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
URL
</div></figure>

Elbette, yukarıdaki koddaki URL harflerini gömmek istediğiniz videonun URL’si ile değiştirmeniz gerekir. Bu kod ayrıca yalnızca YouTube videoları için çalışacaktır.

Kod Ekle

Bu kod yöntemi ayrıca varsayılan olarak ortalanmış bir videoyla sonuçlanmalıdır. Değilse, aşağıdaki parametreyi eklemeniz gerekir:

style="text-align: center;"

İlk div etiketine şu şekilde:

Parametre Ekle

Klasik Düzenleyicide Bir Video Nasıl Ortalanır

Elbette, herhangi bir nedenle Gutenberg’i devre dışı bırakmayı seçmiş olabilirsiniz. Bu durumda, muhtemelen Klasik düzenleyiciyi kullanıyorsunuzdur. Sorun değil, videolarınızı ortalamak için Klasik düzenleyiciyi de kullanabilirsiniz.

Görsel modda başlayarak, bağlantıyı yapıştırarak bir videoyu gömebilirsiniz. URL’mizi paragraflar arasına sıkıştıracağız.

Video Bağlantısını Yapıştır

Videonuz otomatik olarak gömülecektir.

Gömülü Video

Bir videoyu ortalamak için Metin modunda bir gönderiyi veya sayfayı düzenlemeniz gerekir.

Metin modundayken, gömülü videonuzu bulun. URL’sini tanıyabilmelisiniz.

Videonuzu ortalamak için video URL’sinin üzerine şu kodu ekleyin:

<div style="text-align: center;">

Bu aşağıda:

</div>

Klasik Düzenleyici Metin Modu Kod Ekle

Ve videonuz, gönderinin yayınlanan sürümünde ortalanacak. Editörünüzün Görsel sekmesine bakarsanız, kodunuzun iş başında olduğunu görebilirsiniz.

Ortalanmış Video

Ve herhangi bir nedenle videoyu gömmek için kod kullansanız bile, yerleştirme kodunuzun üstüne ve altına div etiketlerini yapıştırmak yine de çalışır.

Elementor’da Video Nasıl Ortalanır?

Bir videoyu Elementor ile ortalamak, Gutenberg’de olduğu gibi, çoğunlukla varsayılan bir işlevdir. Bir video eklemek için sol taraftaki menüden bir Video öğesini gönderide istediğiniz yere sürüklemeniz yeterlidir.

Video Öğesi Ekle

Öğeyi yerleştirdikten sonra video URL’sini Bağlantı alanına yapıştırın.

Video bağlantısı

Videonuz varsayılan olarak ortalanmalıdır. Değilse, yeni video bölümünüzün Sütunu Düzenle menüsünde hizalama kontrollerini bulacaksınız.

Sütunu Düzenle

Dikey ve yatay hizalama, Düzen sekmesinde değiştirilebilir.

Ortalanmış Düzen

Çözüm Yolu

Bu kadar kolay, bir videoyu WordPress’te ortalamanın birkaç yolu olduğunu ve farklılıkların temel olarak kullandığınız düzenleyiciden kaynaklandığını gösterdik. Tabii ki, bu WordPress’te biçimlendirmeye yalnızca hafifçe dokunuyor. Fakat elbette, gömülü videoların kullanıcılarınıza sunulma şeklini etkileyebilecek pek çok başka seçenek (örneğin, biçimlendirme için sütunları kullanma) vardır. Keşfetmenizi şiddetle tavsiye ederiz.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Birlikte Büyüyen Bir İş Kurma Fırsatı!

İş birliği yaparak, işinizi yalnızca bir adım öteye taşıyoruz. Daha detaylı bilgi isterseniz mail adresinizi bize iletebilirsiniz.