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 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 için görsel düzenleyici nasıl kullanılır

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.

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

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)

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

Widget Seçenekleri ayarlar ekranı

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.

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

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

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.

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.

Özel bir WordPress widget'ı

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.

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

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

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.

Yalnızca ‘Metin’i 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.

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.

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

Medya ve Metin WordPress bloğu

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.

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

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.

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

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

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda 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

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 isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.