Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Doğru görsel düzenleyici ile bağlantılar, resimler, metinler ve daha fazlasını içeren özel widget’lar oluşturabilirsiniz. Daha sonra bu widget’ları temanızın farklı alanlarına ekleyebilir ve WordPress web sitenizin tamamında görüntüleyebilirsiniz.

WPBeginner’da kendi sitelerimizde farklı amaçlar için çok sayıda widget oluşturduk. Bazı widget’lar şirket içinde geliştirilmiş olsa da, tek bir kod satırına dokunmadan aynı şeyi yapabileceğiniz başka bir yol daha var.

Örneğin, Widgets Option eklentisini test ettik ve tüm web sitesi türleri için en iyi seçenek olduğunu gördük. Öte yandan, widget oluşturmak için WordPress’teki en son tam site editörünü de kullanabilirsiniz.

Bu makalede, WordPress’te widget oluşturmak için görsel bir düzenleyicinin nasıl kullanılacağını göstereceğiz.

How to use visual editor to create widgets in WordPress

WordPress’te Widget Oluşturmak için Neden Görsel Düzenleyici Kullanılmalı?

Widget’lar ana sayfa ve yazı alanı dışında zengin içerik eklemenize olanak tanır. Her WordPress teması farklıdır, ancak genellikle altbilgi, üstbilgi ve kenar çubuğu gibi alanlara widget ekleyebilirsiniz.

Birçok web sitesi bu alanları hakkında bölümünü göstermek, en popüler gönderilerini görüntülemek, e-posta bülteni kayıt formu eklemek ve daha fazlası için kullanır.

WordPress, widget’a hazır herhangi bir alana çok çeşitli bloklar eklemenize olanak tanır ve birçok WordPress eklentisi de kendi bloklarını ekler.

Örneğin, Smash Balloon Twitter Feed kullanıyorsanız, eklentinin Twitter Feed bloğunu kullanarak son tweetleri widget’a hazır herhangi bir alana yerleştirebilirsiniz.

An example of a custom block provided by a WordPress plugin

Ancak bazen ziyaretçilerinize zengin multimedya içeriği gösteren özel bir widget oluşturmak isteyebilirsiniz. Örneğin, yazar fotoğrafınızı yüklemek ve ardından bunu farklı sosyal medya profillerinize bağlantılar içeren bir yazar biyografisi widget’ı oluşturmak için kullanmak isteyebilirsiniz.

Bununla birlikte, WordPress’te özel widget’lar oluşturmak için bir görsel düzenleyiciyi nasıl kullanabileceğinizi görelim. Temanız için doğru olan yönteme geçmek için aşağıdaki bağlantıları kullanmanız yeterlidir:

Yöntem 1: Widget Seçenekleri Eklentisini Kullanma (Tüm WordPress Temalarıyla Çalışır)

Özel bir widget oluşturmanın en kolay yolu Widget Seçenekleri eklentisini kullanmaktır. Standart WordPress görsel widget düzenleyicisine, kullanıcının rolüne bağlı olarak farklı widget’lar gösterme, mobil cihazlarda WordPress widget’larını gizleme ve daha fazlası dahil olmak üzere birçok ekstra ayar ekler.

Ayrıca kendi bağlantılarınız, resimleriniz, biçimlendirmeniz ve daha fazlasıyla özelleştirebileceğiniz bir Metin widget’ı ekler. Bu, herhangi bir kod yazmanıza gerek kalmadan özel bir widget oluşturmanıza olanak tanır.

Öncelikle Widget Options eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından WordPress panonuzdaki Görünüm ” Widget ‘lar sayfasına gidin.

The Widget Options settings screen

Şimdi WordPress temanızdaki tüm widget’a hazır alanların bir listesini göreceksiniz. Gördüğünüz seçenekler temanıza bağlı olarak değişebilir.

Ayrıca sitenize ekleyebileceğiniz tüm widget’ları da göreceksiniz. Bu kılavuz için Metin widget’ını kullanacağız, bu nedenle widget’a hazır herhangi bir alana sürükleyip bırakmanız yeterlidir.

How to use the visual editor to create widgets in WordPress

Şimdi küçük bir açılır pencere göreceksiniz.

Bu açılır pencere aslında bir mini sayfa veya yazı düzenleyicisidir, bu nedenle tanıdık gelmelidir.

Creating a custom widget using a visual editor

Başlamak için, widget’ın üzerinde görünecek bir başlık yazabilirsiniz.

Bundan sonra, metni doğrudan küçük düzenleyiciye yazabilir, bağlantılar ve resimler ekleyebilir, biçimlendirmeyi değiştirebilir, madde işaretleri ve numaralı listeler ekleyebilir ve daha fazlasını yapabilirsiniz.

A custom WordPress widget

Ayrıca belirli WordPress sayfalarında widget’ları gösterebilir veya gizleyebilir ve WordPress widget’ına özel stiller ekleyebilirsiniz.

Widget’ın kurulumundan memnun olduğunuzda, ayarları kaydetmek için ‘Bitti’ bağlantısını tıklayın.

Şimdi, web sitenizi ziyaret ederseniz, yeni zengin metin widget’ını canlı olarak göreceksiniz.

An example of a custom author bio widget, created using a free WordPress plugin

Tercih ederseniz, WordPress Özelleştirici’yi kullanarak görsel olarak özel bir widget oluşturabilirsiniz.

Basitçe Görünüm ” Widget‘lar bölümüne gidin, ancak bu kez ‘Canlı Önizleme ile Yönet’e tıklayın.

Creating a custom widget using the WordPress visual editor

Bu, widget ayarlarının zaten seçili olduğu Özelleştirici’yi açacaktır.

Şimdi özel widget’ı eklemek istediğiniz alana tıklayabilirsiniz.

Create a custom widget using the WordPress Customizer

Bundan sonra, tüm farklı widget’ları gösteren bir panel açan ‘Widget Ekle’ seçeneğine tıklayın.

Sadece ‘Metin’i bulun ve web sitenize eklemek için bir tıklama yapın.

Adding a custom text widget to a WordPress blog

Bu, metin, bağlantı, medya ve daha fazlasını ekleyebileceğiniz küçük bir düzenleyici açar.

Siz editörde değişiklik yaptıkça canlı önizleme otomatik olarak güncellenecektir.

Adding a custom text widget to WordPress

Widget’ın nasıl göründüğünden memnun olduğunuzda, WordPress blogunuzda veya web sitenizde canlı hale getirmek için ‘Yayınla’ düğmesine tıklayın.

WordPress panonuzda tema özelleştiriciyi bulamıyorsanız, lütfen WordPress yöneticisindeki eksik tema özelleştiriciyi nasıl düzelteceğinize ilişkin kılavuzumuza bakın.

Yöntem 2: Tam Site Düzenleyicisini Kullanma (Blok Özellikli WordPress Temalarıyla Çalışır)

Blok özellikli bir WordPress teması kullanıyorsanız, tam site düzenleyicisini kullanarak herhangi bir widget’a hazır alana bloklar ekleyebilirsiniz.

Bu sayede standart WordPress bloklarını kenar çubuğu gibi widget’a hazır bir alanda düzenleyerek özel widget’lar oluşturabilirsiniz. Ayrıca ayrı bir WordPress eklentisi kurmanıza da gerek yok.

Ayrıca, standart WordPress widget düzenleyicisini veya özelleştiricisini kullanarak düzenleyemediğiniz alanlara widget eklemenin bir yoludur. Örneğin, 404 sayfa şablonunuza widget ekleyebilirsiniz.

Başlamak için WordPress panosundaki Görünüm ” Düzenleyici bölümüne gidin.

Opening the full-site editor (FSE) in WordPress

Varsayılan olarak, tam site düzenleyicisi temanızın ana şablonunu gösterir, ancak herhangi bir alana widget’lar ve bloklar ekleyebilirsiniz.

Mevcut tüm seçenekleri görmek için ‘Şablonlar’ veya ‘Şablon Parçaları’nı seçmeniz yeterlidir.

Choosing a block-enabled template or template part

Şimdi düzenlemek istediğiniz şablon veya şablon parçasına tıklayabilirsiniz.

WordPress şimdi tasarımın bir önizlemesini gösterecektir. Devam etmek ve bu şablonu düzenlemek için küçük kalem simgesine tıklayın.

Editing the footer template in WordPress using the full-site editor (FSE)

Bunu yaptıktan sonra, mavi ‘+’ simgesine tıklayın ve ardından özel widget’ınızda kullanmak istediğiniz ilk bloğu bulun.

İstediğiniz blok kombinasyonunu kullanabilirsiniz, ancak bir resim ve metin kullanmayı planlıyorsanız, Medya ve Metin bloğuyla başlamanızı öneririz.

Bu, güzel bir düzende bazı metinlerin yanında bir görüntüyü kolayca düzenlemenizi sağlar. Bunu akılda tutarak, Medya ve Metin bloğu, aşağıdaki resimde görebileceğiniz gibi bir yazar bilgi kutusu oluşturmak için mükemmeldir.

The Media & Text WordPress block

Kullanmak istediğiniz bloğu seçtikten sonra, kenar çubuğu veya altbilgi gibi widget için hazır bir alana sürükleyip bırakmanız yeterlidir.

Tam site editörü, WordPress araçlarının ve ayarlarının tamamına erişmenizi sağlar. Bu, daha geniş bir blok yelpazesine harekete geçirici mesaj düğmesi, metin, bağlantı, resim ve diğer içerikleri ekleyebileceğiniz anlamına gelir.

Creating a custom widget using the full-site editor (FSE)

Bununla birlikte, tam olarak aklınızdaki widget’ı oluşturabilmeniz gerekir. Görünüşünden memnun kalana kadar widget’a hazır alana daha fazla blok ve içerik eklemeniz yeterlidir.

Temanızın widget’a hazır alanlarını nasıl kullanacağınıza ilişkin daha fazla fikir için lütfen WordPress sitenizin altbilgisine eklenecek şeylere ilişkin kontrol listemize bakın.

Yaptığınız değişikliklerden memnun olduğunuzda ‘Kaydet’e tıklayın.

Publishing custom widgets in WordPress using FSE

Şimdi, WordPress web sitenizi ziyaret ederseniz, yeni özel widget’ı canlı olarak göreceksiniz.

Umarız bu makale WordPress widget’ları için görsel düzenleyiciyi nasıl kolayca kullanacağınızı öğrenmenize yardımcı olmuştur. Ayrıca en iyi sürükle ve bırak sayfa oluşturucular ve WordPress ile açılış sayfası oluşturma hakkındaki rehberimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

8 yorumBir Cevap Bırakın

  1. Max

    Thanks for this.

    This is particularly useful for certain premium theme developers like StudioPress. The entire theme home page is built on Widgets. So this technique would work really well.

  2. Hidayat Mundana

    How can so I can add footer widgets in the other just below the footer ( footer widget should Fullwidth )
    Is there a plugin that can be used ?

    • WPBeginner Support

      Most themes have columns defined for footer widgets like three or four after that new widgets are placed below. If this is not the case with your theme, then you may need to define a new widget area.

      Yönetici

  3. Your Real Name

    Andor and WPBeginner, thanks so much for these tips. I’ve often seen widgets that looked great and figured that I’d have to know how to code to do something similar. With these tips (don’t know whether I’l use the plugin or Andor’s tip) I now know how to create some nice widgets without coding.

    Thanks!
    Martin

  4. Karen

    Awesome!!! You guys always give me the best info at right, just when I need it, time!! xx

  5. Andor Nagy

    Hi,
    Nice tutorial, but there’s a much easier way to do this. You simply make the look in the post editor, then you choose the text tab instead of the visual, and copy the html code into a text widget. And it requires no plugin. :P

    Regards,
    Andor Nagy

    • WPBeginner Support

      Yes Andor you are right this would work. But it is basically for users who are developing for clients. Now if you told the clients that you can use visual editor in posts it would confuse them. This plugin provides a user interface with different labeling to do exactly what you suggested above.

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.