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 Gutenberg blok düzenleyici güncellemeleriyle giderek daha güçlü hale geldi.
Bu, blok widget'ları oluşturmanın artık her zamankinden daha sezgisel olduğu anlamına geliyor. Kenar çubuğunuzu, altbilginizi veya herhangi bir widget alanını özelleştiriyor olun, artık tek bir satır kod yazmadan güzel, işlevsel içerikler ekleyebilirsiniz.
Bu rehberde, WordPress siteniz için widget oluşturmak üzere görsel düzenleyiciyi tam olarak nasıl kullanacağınızı göstereceğiz.

💡Hızlı Cevap: WordPress'te Widget Oluşturmak İçin Görsel Düzenleyici Nasıl Kullanılır
Widget oluşturmak için görsel düzenleyiciyi kullanmanın en kolay 2 yolu şunlardır:
- Yöntem 1 – Widget Seçenekleri Eklentisini Kullanma (Tüm temalarla çalışır): Standart düzenleyiciye güçlü bir Metin widget'ı ve ek ayarlar eklemek için bir eklenti yükleyin.
- Yöntem 2 – Tam Site Düzenleyicisini Kullanma (Blok temalar için): Ek eklentilere gerek kalmadan widget alanlarındaki blokları düzenlemek için yerleşik düzenleyiciyi kullanın.
WordPress'te Widget Oluşturmak İçin Görsel Düzenleyiciyi Neden Kullanmalısınız?
Görsel düzenleyiciyi kullanmak, kod yazmadan sitenizin herhangi bir yerine zengin içerikli özel widget'lar oluşturmayı kolaylaştırır.
Bu widget'ları temanıza bağlı olarak alt bilgi, üst bilgi veya kenar çubuğu gibi widget'a hazır alanlara ekleyebilirsiniz.
Widget'lar, hakkımızda bölümü, popüler gönderiler, bülten kayıt formları veya hatta yerleştirilmiş sosyal akışlar gibi şeyleri göstermek için mükemmeldir.
WordPress, bu alanlara blok eklemenize olanak tanır ve birçok eklenti kendi özel bloklarını sağlar.
Örneğin, Smash Balloon Twitter Feed eklentisiyle, bloğunu kullanarak en son tweetlerinizi herhangi bir yere yerleştirebilirsiniz.

Ayrıca, sitenizi daha ilgi çekici hale getirmek için fotoğraf ve sosyal profil bağlantıları içeren bir yazar biyografisi gibi tamamen özel widget'lar oluşturabilirsiniz.
Bununla birlikte, WordPress'te özel widget'lar oluşturmak için 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)
Widget alanlarınıza özel içerik eklemenin 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ını yapma 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 widget alanlarınıza zengin, özel içerikler eklemenize olanak tanır.
İlk olarak, Widget Options 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 alanlarının bir listesini göreceksiniz. Widget Seçenekleri eklentisi geliştirilmiş bir Metin widget'ı ekler.
Bu widget'ı bulun ve kenar çubuğu veya alt bilgi gibi herhangi bir widget alanına sürükleyip bırakın.

Bunu yaptıktan sonra, Widget Seçenekleri eklentisi küçük bir açılır pencere açacaktır.
Bu açılır pencere mini bir sayfa veya gönderi düzenleyicisi gibi davranır, bu yüzden tanıdık gelmelidir.

Başlamak için, widget'ın üzerinde görünecek bir başlık yazabilirsiniz.
Bundan sonra, 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 widget'ları 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.

Klasik bir WordPress teması kullanıyorsanız, WordPress Özelleştirici'yi kullanarak widget alanları için görsel olarak özel içerikler de 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.
Klasik Metin widget'ını 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.
Tema özelleştiricisini WordPress kontrol panelinizde bulamazsanız, lütfen WordPress yöneticisinde eksik tema özelleştiricisinin nasıl düzeltileceğine dair kılavuzumuza bakın.
Yöntem 2: Tam Site Düzenleyiciyi Kullanma (Blok Etkin WordPress Temalarıyla Çalışır)
Eğer blok etkinleştirilmiş bir WordPress teması kullanıyorsanız, tam site düzenleyicisini kullanarak sitenizin şablonlarının herhangi bir alanına blok ekleyebilirsiniz.
Bu şekilde, standart WordPress bloklarını doğrudan temanızın şablonlarına yerleştirerek kenar çubuğu gibi alanlar için özel içerik oluşturabilirsiniz. Ayrıca ayrı bir WordPress eklentisi yüklemenize gerek kalmaz.
Ayrıca, standart WordPress widget düzenleyicisini veya özelleştiricisini kullanarak düzenleyemediğiniz alanlara widget eklemenin bir yoludur. Ö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 işlem tamamlandıktan sonra mavi '+' simgesine tıklayın ve ardından özel içeriğiniz için 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 resmi metnin yanında güzel bir düzende 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, onu kenar çubuğu ve alt bilgi gibi şablonunuzun bir bölümüne sürükleyip bırakmanız yeterlidir.
Tam site düzenleyicisi, tüm WordPress araçlarına ve ayarlarına erişmenizi sağlar. Bu, daha geniş bir blok yelpazesine bir harekete geçirici mesaj düğmesi, metin, bağlantılar, resimler ve diğer içerikleri ekleyebileceğiniz anlamına gelir.

Bununla birlikte, tam olarak aklınızdaki özel içeriği oluşturabilmelisiniz. Görünümünden memnun kalana kadar şablonunuza 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.

Artık WordPress web sitenizi ziyaret ederseniz, şablonunuzda yeni özel içeriğin canlı olarak göründüğünü göreceksiniz.
WordPress'te Widget Oluşturmak İçin Görsel Düzenleyiciyi Kullanma Hakkında 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ğini 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ı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 WordPress içerik düzenleyicisinde ustalaşma ipuçları ve WordPress ile açılış sayfası oluşturma hakkındaki rehberimizi de görmek 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 Aşk
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.
Hidayet Mütevazı
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, üç veya dört gibi altbilgi widget'ları için sütunlar tanımlar, ardından yeni widget'lar aşağıya yerleştirilir. 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