25-WordPress Bileşenleri

WordPress bileşenleri nedir, ne işe yarar bu yazıda bir örnek ile anlatmaya çalışacağım.

Görünüm > Bileşenler sekmesi ile giriş sağlıyoruz.

WordPress Bileşenleri

1 numaralı tarafta gördükleriniz kullanabileceğiniz bileşenler.

2 numaralı tarafta gördükleriniz ise temanızın desteklediği bileşenler kısmı. Burası mühim, bundan dolayı bileşen kullanımlarınız temanızın desteklediği seviyede olacaktır. Bunların sayısı, çeşiti ücretli/parasız temalara bakılırsa değişkenlik izah edebilir.

Buraya Lütfen Dikkat

Eğer sitenize bir demo import etmişseniz, elementor şeklinde bir eklenti ile sayfa oluşturmuş yada o demoda bulunan hazır bir sayfa kullanıyor iseniz, yukarıda bileşenler bölümünde yapacağız değişimler bu hazır sayfalar için geçerli olmayacaktır.

Elementor kullanmadan örnek bir sayfa oluşturdum.

WordPress Bileşenleri

Gördüğünüz şeklinde, Görünüm > Bileşenler kısmında yapacağınız değişimler, sitenizde bulunan hazır demo yada eklenti ile oluşturulmamış sayfalara bu şekilde yansıyacaktır.

WordPress Bileşenleri
1-Canlı Önizleme ile Bileşen Ekleme
WordPress Bileşenleri

Görünüm > Bileşenler sekmesinden Canlı önizleme ile yönet’e tıklayarak kendi oluşturduğunuz sayfalara hızlıca bileşen ekleyebilirsiniz.

2. Yöntem :
WordPress Bileşenleri

Görünüm > Özelleştir sekmesinden Bileşenler sekmesine girebilirsiniz. Her iki de aynı yere çıkacaktır.

WordPress Bileşenleri

Yukarıda gördüğünüz şeklinde, hazır kurulu sayfalara eklenebilen bileşenler bu tema için yalnız Footer bileşenleri ile sınırı olan. Sebebi azca ilkin söylediğim şeklinde sayfaları demo import ederek yüklediğimiz için.

Eğer düzgüsel bir halde sayfa oluşturursak ve Görünüm > Özelleştir > Bileşenler bölümünden kendi oluşturduğumuz sayfayı seçersek, kullanabileceğimiz bileşenlerin sayısının arttığını görebiliriz.

WordPress Bileşenleri
WordPress Bileşenleri

Isterseniz bu bileşenlerin bulunmuş olduğu kenar çubuğunu sayfanın sağ yada sol tarafına yerleştirebilirsiniz.

Görünüm > Özelleştir den Kenar çubuğu sekmesine giriyoruz.

WordPress Bileşenleri

Buradan kenar çubuğunun varsayılan olarak yerini belirleyebilir, isterseniz sayfalarda sağ blog yazılarınızda sol tarafta görünecek şekilde arzu ettiğiniz şeklinde ayarlayabilirsiniz. Temadan temaya değişebilir, kullanmış olduğumuz Astra parasız temada kenar çubuğunun genişliğini ayarlamak mümkün.

WordPress Bileşenleri
Peki Hazır Kurulu Sayfalara Iyi mi Bileşen Eklenmiş olur ?
WordPress Bİleşenleri

Astra teması için Görünüm > Özelleştir > Bileşenler sekmesinden yalnız düzgüsel sayfalara bileşen ekleyebiliyoruz. Hazır demo ile gelen kurulu sayfalara bu kısımdan bileşen ekleyemeyiz. Onun için footer builder seçeneğini kullanacağız.

Görünüm > Özelleştir > Footer Builder sekmesine giriyoruz.

WordPress Bİleşenleri
WordPress Bİleşenleri

Footer kısmında bulunan kutulardaki + işaretine tıklayıp Widget ekliyoruz.

WordPress Bİleşenleri

Örnek olarak Widget 1 e tıkladığımda bir widget oluşturduk. Fakat içinde herhangi bir bileşen olmadığı için gözükmüyor.

Bunun için sol tarafta eklemiş olduğumuz widget 1 a yada sayfa üstündeki Bileşen ekle kısmına tıklıyoruz.

WordPress Bİleşenleri

Çıkan sayfada, Add widgets here: yazan yerden bir bileşen ekle diyoruz. Oluşturulan sayfadan herhangi bir bileşen seçiyoruz. Ben örnek olarak Sayfalar bileşenini seçtim.

Isterseniz bu menüden hizalama, renk, font şeklinde ayarları yapabilirsiniz.

WordPress Bİleşenleri

WordPress Bİleşenleri

Gördüğünüz şeklinde başarı göstermiş bir halde Astra teması için footer kısmına bir bileşen ekleyebildik. Bunu istediğiniz şeklinde temanın izin verdiği seviyede çeşitlendirebilirsiniz. Isterseniz sayfanın en altına taşıyabilirsiniz.

Buradaki hazır sayfalara bileşen ekleme örneği, Astra parasız teması ve elementor eklentisi ile sınırı olan olabilir. Değişik bir sürükle bırak eklentisi ile ya da değişik bir temada bu şekilde olmayabilir. Fakat genel mantık aynıdır.

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir