Görsel düzenleme, widget oluşturma şeklimizi dönüştürdü.
Eskiden özel kod gerektiren şeyler artık sadece birkaç tıklamayla yapılabiliyor, bu da widget oluşturmayı herkes için erişilebilir hale getiriyor.
WordPress'teki görsel düzenleyici, özellikle en son blok düzenleyici güncellemeleriyle giderek daha güçlü hale geldi. Kenar çubuğunuzu, altbilginizi veya herhangi bir widget alanını özelleştiriyor olun, artık tek bir kod satırına dokunmadan güzel, işlevsel widget'lar oluşturabilirsiniz.
Bu rehberde, WordPress siteniz için widget oluşturmak üzere görsel düzenleyiciyi tam olarak nasıl kullanacağınızı göstereceğiz.

WordPress'te Widget Oluşturmak İçin Görsel Düzenleyiciyi Neden Kullanmalısınız?
Widget'lar, ana sayfa ve gönderi alanının dışına zengin içerik eklemenizi sağlar. Her WordPress teması farklıdır, ancak tipik olarak altbilgi, üstbilgi ve kenar çubuğu gibi alanlara widget ekleyebilirsiniz.
Birçok web sitesi bu alanları bir hakkımızda bölümü göstermek, en popüler gönderilerini görüntülemek, bir e-posta bülteni kayıt formu eklemek ve daha fazlası için kullanır.
WordPress, herhangi bir widget'a hazır alana geniş bir blok yelpazesi 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 herhangi bir widget'a hazır alana son tweetleri yerleştirebilirsiniz.

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 farklı sosyal medya profillerinize bağlantılar içeren bir yazar biyografisi widget'ı oluşturmak 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 atlamak 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)
- Yöntem 2: Tam Site Düzenleyiciyi Kullanma (Blok Etkin WordPress Temalarıyla Çalışır)
- Sıkça Sorulan Sorular
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, WordPress widget'larını mobilde gizleme ve daha fazlasını ekleme yeteneği dahil olmak üzere birçok ek ayar ekler.
Ayrıca kendi bağlantılarınız, resimleriniz, biçimlendirmeleriniz ve daha fazlasıyla özelleştirebileceğiniz bir Metin widget'ı ekler. Bu, kod yazmak zorunda kalmadan özel bir widget oluşturmanıza olanak tanır.
Öncelikle Widget Seçenekleri eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.
Etkinleştirdikten sonra, WordPress kontrol panelinizdeki Görünüm » Widget'lar sayfasına gidin.

Artık WordPress temanızdaki tüm widget'a hazır alanların bir listesini göreceksiniz. Gördüğünüz seçenekler temanıza göre değişiklik gösterebilir.
Sitenize ekleyebileceğiniz tüm widget'ları da göreceksiniz. Bu kılavuz için Metin widget'ını kullanacağız, bu yüzden onu herhangi bir widget'a hazır alana sürükleyip bırakın.

Şimdi küçük bir açılır pencere göreceksiniz.
Bu açılır pencere aslında mini bir sayfa veya gönderi düzenleyicisidir, bu yüzden tanıdık gelmelidir.

Başlamak için, widget'ın üzerinde görünecek bir başlık yazabilirsiniz.
Ardından, küçük düzenleyiciye doğrudan metin yazabilir, bağlantılar ve resimler ekleyebilir, biçimlendirmeyi değiştirebilir, madde işaretleri ve numaralı listeler ekleyebilir ve daha fazlasını yapabilirsiniz.

Ayrıca widgetları belirli WordPress sayfalarında gösterebilir veya gizleyebilir ve WordPress widget'ına özel stiller ekleyebilirsiniz.
Widget'ın kurulumundan memnun kaldığınızda, ayarlarını kaydetmek için ‘Bitti’ bağlantısına tıklayın.
Şimdi web sitenizi ziyaret ederseniz, yeni zengin metin widget'ının canlı olduğunu göreceksiniz.

İsterseniz, WordPress Özelleştirici'yi kullanarak özel bir widget'ı görsel olarak oluşturabilirsiniz.
Yalnızca Görünüm » Widget'lar bölümüne gidin, ancak bu sefer 'Canlı Önizleme ile Yönet' seçeneğine tıklayın.

Bu, widget ayarlarının zaten seçili olduğu Özelleştirici'yi açacaktır.
Özel widget'ı eklemek istediğiniz alana tıklayabilirsiniz.

Bundan sonra, tüm farklı widget'ları gösteren bir panel açan 'Bir Widget Ekle'ye tıklayın.
Yalnızca ‘Metin’i bulun ve web sitenize eklemek için tıklayın.

Bu, metin, bağlantılar, medya ve daha fazlasını ekleyebileceğiniz küçük bir düzenleyici açar.
Düzenleyicide değişiklik yaptıkça, canlı önizleme otomatik olarak güncellenecektir.

Widget'in görünümünden memnun kaldığınızda, WordPress blogunuzda veya web sitenizde yayına almak için 'Yayınla' düğmesine tıklayın.
WordPress kontrol panelinizde tema özelleştiriciyi bulamazsanız, lütfen WordPress yöneticisinde eksik tema özelleştiricisini düzeltme kılavuzumuza bakın.
Yöntem 2: Tam Site Düzenleyiciyi Kullanma (Blok Etkin WordPress Temalarıyla Çalışır)
Blok etkinleştirilmiş bir WordPress teması kullanıyorsanız, tam site düzenleyicisini kullanarak herhangi bir widget'a hazır alana blok ekleyebilirsiniz.
Bu şekilde, kenar çubuğu gibi widget'a hazır bir alana standart WordPress bloklarını yerleştirerek özel widget'lar oluşturabilirsiniz. Ayrıca ayrı bir WordPress eklentisi yüklemenize gerek kalmaz.
Standart WordPress widget düzenleyicisi veya özelleştiricisi kullanarak düzenleyemediğiniz alanlara widget eklemenin bir yolu aynı zamanda budur. Örneğin, widget'ları 404 sayfa şablonunuza ekleyebilirsiniz.
Başlamak için WordPress kontrol panelinde Görünüm » Düzenleyici bölümüne gidin.

Varsayılan olarak, tam site düzenleyicisi temanızın ana sayfa şablonunu gösterir, ancak herhangi bir alana widget ve blok ekleyebilirsiniz.
Mevcut tüm seçenekleri görmek için yalnızca ‘Şablonlar’ veya ‘Şablon Parçaları’nı seçin.

Artık düzenlemek istediğiniz şablona veya şablon parçasına tıklayabilirsiniz.
WordPress şimdi tasarımın bir önizlemesini gösterecektir. Bu şablonu düzenlemeye devam etmek için küçük kalem simgesine tıklayın.

Bu yapıldıktan sonra, mavi '+' simgesine tıklayın ve ardından özel widget'ınızda kullanmak istediğiniz ilk bloğu bulun.
İstediğiniz herhangi bir blok kombinasyonunu kullanabilirsiniz, ancak bir resim ve metin kullanmayı planlıyorsanız, Medya ve Metin bloğu ile başlamanızı öneririz.
Bu, bir görüntüyü güzel bir düzende metnin yanına kolayca yerleştirmenizi 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.

Kullanmak istediğiniz bloğu seçtikten sonra, kenar çubuğu ve altbilgi gibi widget'a hazır bir alana sürükleyip bırakmanız yeterlidir.
Tam site düzenleyicisi, WordPress araçlarının ve ayarlarının tamamına erişmenizi sağlar. Bu, daha geniş bir blok yelpazesine bir harekete geçirici mesaj düğmesi, metin, bağlantı, resim ve diğer içerikleri ekleyebileceğiniz anlamına gelir.

Bununla birlikte, aklınızdaki widget'ı tam olarak oluşturabilmelisiniz. Görünümü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 dair daha fazla fikir için lütfen WordPress sitenizin altbilgisine ekleyeceğiniz şeylerin kontrol listemize bakın.
Yaptığınız değişikliklerden memnun kaldığınızda, 'Kaydet'e tıklayın.

Şimdi WordPress web sitenizi ziyaret ederseniz, yeni özel widget'ın yayında olduğunu göreceksiniz.
Sıkça Sorulan Sorular
Görsel düzenleyiciyi kullanarak widget oluşturma hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:
Widget'ları görsel olarak oluşturmak için bir eklenti yüklemem gerekiyor mu?
Her zaman değil. Bir blok teması kullanıyorsanız, ek eklentilere gerek kalmadan Tam Site Düzenleyicisini kullanarak widget ekleyebilirsiniz.
Ancak temanız tam site düzenleyicisini desteklemiyorsa, Widget Options gibi bir eklenti kullanmak, widget'larınızın nerede ve nasıl görüneceği konusunda size daha fazla kontrol sağlar.
Widget değişikliklerimi neden hemen göremiyorum?
Widget'ınız anında güncellenmezse, site önbelleğinizi ve tarayıcı önbelleğinizi temizlemeyi deneyin. Bazı önbellekleme eklentileri veya CDN'ler değişiklikleri geciktirebilir.
Canlı Önizleme seçeneğini kullanmak, yayınlamadan önce widget güncellemelerinizi onaylamak için iyi bir yoldur.
Widget alanlarına eklentilerin özel bloklarını (Smash Balloon veya WPForms gibi) ekleyebilir miyim?
Kesinlikle. Smash Balloon, WPForms veya MonsterInsights gibi çoğu modern eklenti, herhangi bir widget'a hazır alana yerleştirilebilen kendi bloklarını içerir.
Bu blokları kenar çubuğunuza, altbilginize veya üstbilginize diğer bloklar gibi sürükleyebilirsiniz.
Widget Seçenekleri eklentisini kullanmak ile Tam Site Düzenleyicisini kullanmak arasındaki fark nedir?
Widget Seçenekleri eklentisi, FSE'yi desteklemeyen eski sürümler de dahil olmak üzere tüm temalarla çalışır.
Tam Site Düzenleyicisi yalnızca blok etkin temalarla çalışır ve üstbilgileri, altbilgileri ve şablonları görsel olarak düzenleyebildiğiniz için daha derin tasarım esnekliği sunar.
Umarım bu makale, WordPress widget'ları için görsel düzenleyiciyi nasıl kolayca kullanacağınızı öğrenmenize yardımcı olmuştur. Ayrıca, WordPress içerik düzenleyicisinde ustalaşma ipuçları ve WordPress ile bir açılış sayfası oluşturma rehberimize de göz atmak isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Max
Bunun için teşekkürler.
Bu, özellikle StudioPress gibi bazı premium tema geliştiricileri için kullanışlıdır. Tema ana sayfasının tamamı Widget'lar üzerine kuruludur. Bu nedenle bu teknik gerçekten iyi çalışacaktır.
Ryan Love
Black Studio TinyMCE widget'ını da kullanabilirsiniz – http://wordpress.org/plugins/black-studio-tinymce-widget/
Aynı şeyi yapar ancak bunu widget alanında yapmanıza olanak tanır ve kenar çubuğunuzda başka bir öğe olmaması anlamına gelir.
Hidayat Mundana
Altbilgi widget'larını diğerlerinin hemen altındaki altbilginin altına nasıl ekleyebilirim (altbilgi widget'ı Tam Genişlikte olmalı)
Kullanılabilecek bir eklenti var mı?
WPBeginner Desteği
Çoğu tema, ardından yeni widget'lar yerleştirilen üç veya dört gibi altbilgi widget'ları için tanımlanmış sütunlara sahiptir. Temanızda durum böyle değilse, yeni bir widget alanı tanımlamanız gerekebilir.
Yönetici
Gerçek Adınız
Andor ve WPBeginner, bu ipuçları için çok teşekkürler. Genellikle harika görünen widget'lar gördüm ve benzer bir şey yapmak için kodlama bilmem gerektiğini düşündüm. Bu ipuçlarıyla (eklentiyi mi yoksa Andor'un ipucunu mu kullanacağımı bilmiyorum) artık kodlama yapmadan bazı güzel widget'lar oluşturabileceğimi biliyorum.
Teşekkürler!
Martin
Karen
Harika!!! Bana her zaman en iyi bilgiyi tam zamanında, tam ihtiyacım olduğunda veriyorsunuz!! xx
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.
Saygılarımla,
Andor Nagy
WPBeginner Desteği
Evet Ve haklısınız, bu işe yarayacaktır. Ancak bu temel olarak müşteriler için geliştirme yapan kullanıcılar içindir. Şimdi müşterilere gönderilerde görsel düzenleyiciyi kullanabileceğinizi söylerseniz, bu onları kafalarını karıştıracaktır. Bu eklenti, yukarıda önerdiğiniz şeyi tam olarak yapmak için farklı etiketlemeye sahip bir kullanıcı arayüzü sağlar.
Yönetici