WordPress’te Widget Oluşturmak için Görsel Düzenleyici Nasıl Kullanılır

750 425 KreatifAjans

Web siteniz için kolayca widget oluşturmak için WordPress görsel düzenleyiciyi kullanmak ister misiniz?

Görsel düzenleyici, HTML kodu yazmadan metni kolayca biçimlendirmenize, bağlantılar, resimler ve listeler eklemenize olanak tanır. Bu, WordPress kenar çubuğu widget’larınıza zengin metin eklemenizi sağlar.

Bu yazıda, WordPress’te widget oluşturmak için görsel düzenleyiciyi nasıl kullanacağınızı göstereceğiz. Ayrıca widget bloklarını nasıl oluşturup kaydedeceğinizi ve ardından bunları herhangi bir tema ve widget alanıyla nasıl yeniden kullanacağınızı göstereceğiz.

How to use visual editor to create widgets in WordPress

WordPress’te Widget Oluşturmak için Neden Görsel Editör Kullanılmalı?

Widget’lar, web sitenize içerikle ilgili olmayan öğeler eklemenin kolay bir yolunu sunar. Bir hakkında bölümü, son gönderiler, e-posta bülteni kayıt formu, reklam başlıkları ve daha fazlası gibi.

WordPress web sitesi oluşturucu, bunları kolayca eklemenize izin veren birçok varsayılan widget ile birlikte gelir. WordPress temanız stil ile ilgilenir ve sitenizde widget görünür.

WordPress widgets

Bununla birlikte, bazen varsayılan bir pencere öğesi olarak bulunmayan içeriği eklemek isteyebilirsiniz. Örneğin, biçimlendirme ve bağlantılar kullanarak biraz zengin metin içeren yazar fotoğrafı yüklemek isteyebilirsiniz.

Bu durumda, yerleşik bir görsel düzenleyiciyle birlikte gelen Metin widget’ını kullanabilirsiniz. Bu düzenleyici, varsayılan blok düzenleyiciden biraz farklıdır.

Bununla birlikte, WordPress’te zengin metin ve medya içeren widget’lar oluşturmak için bu görsel düzenleyicinin nasıl kullanılacağına bir göz atalım.

Varsayılan WordPress Metin Widget’ında Görsel Düzenleyiciyi Kullanma

Önce, Görünüm »Pencere Öğeleri’ne gidip ‘Metin’ pencere öğesini kenar çubuğunuza sürükleyeceksiniz.

Drag and drop text widget to WordPress sidebar

Standart metin widget’ını kullanarak, diğer WYSIWYG düzenleyicilerini kullanırken yaptığınız gibi zengin metin, resimler ve bağlantılar ekleyebilirsiniz.

Standard WordPress text widget

Ortam eklemek için bir düğme ve üstte biçimlendirme düğmeleri olan bir araç çubuğu vardır. Bu, WordPress kenar çubuğunuzda görüntülemek istediğiniz her türden zengin içeriği eklemek için size güzel bir alan sağlar.

Düzenlemeyi bitirdikten sonra, widget ayarlarınızı saklamak için ‘Kaydet’ düğmesine tıklamayı unutmayın.

Artık zengin metin widget’ınızı çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Standard widget on your site

Metin widget’ı, zengin içerik eklemek için harikadır. Ancak, aynı şeyi daha fazla biçimlendirme ve stil seçeneği ile yapmanın başka yolları da vardır.

Widget İçerik Blokları Eklentisiyle Widget Oluşturun

Varsayılan WordPress metin widget’ının daha az biçimlendirme seçeneği vardır. Daha fazla biçimlendirme seçeneğine ve esnekliğe ihtiyacınız varsa, bu yöntemi deneyebilirsiniz.

Zengin içerik blokları oluşturmanıza ve ardından bunları web sitenizde widget olarak kullanmanıza olanak tanır.

Öncelikle, Widget İçerik Blokları eklentisini kurmanız ve etkinleştirmeniz gerekir. İşte bir WordPress eklentisinin nasıl kurulacağına dair tam kılavuzumuz.

Kurulumun ardından eklenti, WordPress yönetici kenar çubuğunuza Widget Blocks adlı yeni bir menü öğesi ekler. Yeni bir widget bloğu oluşturmak için Widget Blocks »Yeni Widget Bloğu’na gidin.

Create widget block

Widget blokları aslında bir WordPress özel gönderi türüdür. Dolayısıyla, yeni bir widget bloğu eklediğinizde, aynı zamanda klasik düzenleyici olarak da adlandırılan eski WordPress görsel düzenleyiciyi kullanıyorsunuz.

Görsel düzenleyiciden tam olarak yararlanabilir ve içeriğe bağlantılar, resimler, listeler veya istediğiniz herhangi bir şeyi ekleyebilirsiniz. İşiniz bittiğinde devam edin ve widget bloğunuzu yayınlayın.

Artık bu içerik bloğunu kenar çubuğunuza ekleyebilirsiniz.

Görünüş »Widget’lar sayfasına gidin ve kenar çubuğunuza ‘Widget Blokları Widget’ı’ ekleyin.

Widget block

Widget bloğunun altında, daha önce oluşturduğunuz bloğu göstermek ve seçmek için açılır menüye tıklayın. Değişikliklerinizi kaydedin ve web sitenizi önizleyin.

Bu yeni pencere öğesi bloğunun web sitenizde ana kenar çubuğunda nasıl görüneceği aşağıda açıklanmıştır:

Widget content blocks

Bu pencere aracını kullanmanın başka bir yolu, sitenizdeki diğer pencere öğeli alanlarda kullanmak için birden çok blok oluşturmaktır.

Tüm üst WordPress temaları, üstbilgi, altbilgi, kenar çubuğu ve daha fazlasında birden çok pencere öğesi alanıyla birlikte gelir. Farklı bloklar kullanabilir ve güzel düzenler oluşturabilirsiniz.

Tüm widget bloklarınızı görmek için Widget Blokları »Tüm Widget Blokları sayfasına gidin.

All widget blocks

Bloklarınızı yaptıktan sonra, her birini temanızın diğer widget hazır alanına sürükleyebilirsiniz. Burada, özel bir altbilgi oluşturmak için bunları altbilgi alanlarına sürükledik.

Daha önce oluşturduğumuz görsel widget’ı eklemenin yanı sıra, bir bağlantı listesi ve bir iletişim formu da ekledik.

İşte demo sitemizde nasıl göründüğü:

Footer widgets

WordPress Tasarımını Daha İleriye Taşımak (Profesyonel İpucu)

Tamamen özel açılış sayfaları oluşturmak istiyorsanız, bunu yapmanın en iyi yolu SeedProd eklentisini kullanmaktır.

1 milyondan fazla web sitesi tarafından kullanılan WordPress için sürükle ve bırak sayfa oluşturucusudur.

Herhangi bir kod yazmadan tamamen özel sayfa düzenleri oluşturmak için kullanabilirsiniz.

Bu makalenin, WordPress widget’larında görsel düzenleyiciyi nasıl kolayca kullanacağınızı öğrenmenize yardımcı olacağını umuyoruz. Özel içerik öğeleri eklemek için en iyi Gutenberg WordPress blok eklentileri ve tüm web siteleri için mutlaka WordPress eklentileri listemiz hakkındaki kılavuzumuzu görmek isteyebilirsiniz.

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