En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

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

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.

WordPress'te widget oluşturmak için görsel düzenleyici nasıl kullanılır

💡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.

Bir WordPress eklentisi tarafından sağlanan özel bir bloğun örneği

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.

Widget Seçenekleri ayarlar ekranı

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.

WordPress'te widget oluşturmak için görsel düzenleyiciyi kullanma

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.

Görsel bir düzenleyici kullanarak özel bir widget oluşturma

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.

Özel bir WordPress widget'ı

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.

Ücretsiz bir WordPress eklentisi kullanılarak oluşturulmuş özel bir yazar biyografisi widget'ının bir örneği

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.

WordPress görsel düzenleyicisini kullanarak özel bir widget oluşturma

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

Özel widget'ı eklemek istediğiniz alana tıklayabilirsiniz.

WordPress Özelleştirici'yi kullanarak özel bir widget oluşturun

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.

Bir WordPress bloguna özel bir metin widget'ı ekleme

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.

WordPress'e özel bir metin widget'ı ekleme

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.

WordPress'te tam site düzenleyicisini (FSE) açma

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.

Blok etkin bir şablon veya şablon bölümü seçme

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.

WordPress'te tam site düzenleyicisini (FSE) kullanarak altbilgi şablonunu düzenleme

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.

Medya ve Metin WordPress bloğu

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.

Tam site düzenleyicisini (FSE) kullanarak özel bir widget oluşturma

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.

FSE kullanarak WordPress'te özel widget'lar yayınlama

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.

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

Nihai WordPress Araç Seti

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

Okuyucu Etkileşimleri

8 CommentsLeave a Reply

  1. 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.

  2. 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ı?

  3. 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

  4. Harika!!! Bana her zaman en iyi bilgiyi tam zamanında, tam ihtiyacım olduğunda veriyorsunuz!! xx

  5. 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

    Saygılarımla,
    Andor Nagy

    • 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

Bir Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.