WordPress'e Özel Bir Widget Nasıl Eklenir

WordPress widget'ları orijinal olarak kenar çubuğunuza içerik ve özellik eklemenin basit ve kolay bir yolunu sağlamak için oluşturulmuştur. Ancak zaman geçtikçe, widget'lar çok daha çok yönlü hale geldi. Günümüzde, içeriği üstbilgi, altbilgi ve hatta yazılarınızda ve sayfalarınızda görüntülemek için widget'ları kullanabilirsiniz. Varsayılan WordPress widget'ları çoğu durumda iyi olsa da, sitenize özel bir widget eklemek istediğiniz zaman gelebilir. Belki kenar çubuğunuzda belirli bir içerik parçasını görüntülemek veya sitenize varsayılan widget'larda bulunmayan benzersiz bir özellik eklemek isteyebilirsiniz. Durum ne olursa olsun, WordPress'e özel bir widget eklemek oldukça kolaydır. Bu makalede, adım adım WordPress'e nasıl özel bir widget ekleyeceğinizi göstereceğiz.

WordPress widget'larınızı şekillendirerek markanızı tutarlı tutabilir ve müşterilerinize önemli bilgileri vurgulayabilirsiniz. Bu makalede, WordPress widget'larına özel stiller eklemek için üç yöntemi inceleyeceğiz. Blok düzenleyiciyi kullanarak her bir widget'a kolayca özel CSS sınıfları ekleyebilirsiniz. Bir Gruba eklenmişlerse blokları birlikte stillendirmek daha az zor bir iştir. Widget seçenekleri eklentisi, WordPress widget'ınıza daha da fazla seçenek eklemenize olanak tanır. Kullanıcınızın cihazına, rolüne ve diğer faktörlere göre widget'ları görüntülemenize ve gizlemenize olanak tanır. Widget eklentisine ek olarak, özel CSS sınıfları ekleme özelliğini içerir.

Sonuç olarak, temanıza özel stiller eklemek artık gerekli değildir. Ardından, stil vermek istediğiniz widget'ı göreceğiniz sayfaya gitmeli ve sayfanın üst kısmındaki CSS Hero butonuna tıklamalısınız. Widget'ınızı biçimlendirmek için sola gidin ve soldaki menüden istediğiniz seçeneği seçin. Degrade, tipografi, dolgu, kenar boşlukları ve kenarlıklar gibi gelişmiş stil seçeneklerini de kullanabileceksiniz.

WordPress'te Widget'ları Nasıl Özelleştiririm?

WordPress'te widget'ları özelleştirmek için, önce mevcut widget'lar listesinden özelleştirmek istediğiniz widget'ı seçmeniz gerekir. Widget'ı seçtikten sonra, "Özelleştir" düğmesine tıklamanız gerekecektir. Bu, WordPress Özelleştirici arayüzünü açacaktır. Buradan widget'ın başlığını, görünümünü ve davranışını değiştirebilirsiniz.

WordPress özel widget oluşturucu, sürükleyip bırakarak web sitenize kolayca işlev eklemenize olanak tanır. Tüm bilmeniz gereken WordPress ve PHP ve ihtiyacınız olan tek şey bu. İnce ayar yaptığınızdan emin olmak için widget'ı sıfırdan oluşturmalısınız. Bu eğitimde, Hostinger.com'dan basit bir karşılama mesajı oluşturacağız. Widget Oluşturucu eklentisini yükleyerek, WordPress'te özel bir widget'ın nasıl oluşturulacağını öğrenebilirsiniz. Bu örnek için function.php dosyasındaki kod, o anda yüklü olan tema içindir. Bu durumda özel bir eklenti için aynı kodu kullanmaya gerek yoktur.

Bu fonksiyon hstngr_register_widget() olarak tanımlanmıştır ve widget'ımızı __construct() fonksiyonunda belirtilen widget kimliği ile kaydeder. Daha sonra widget'ı WordPress'e yüklemek için widget_init'i kullandık ve widget'a yerleşik add_action() yöntemini ekledik. İşlemi tamamlamak için lütfen kodunuzu function.php dosyanıza ekleyin.

WordPress'te Özel Bir Stili Nasıl Eklerim?

Panonun Görünüm – özelleştir bölümündeki Ek CSS bağlantısını tıklayarak CSS'nizi özelleştirebilirsiniz. Bu yöntemi kullanarak, istediğiniz herhangi bir CSS kodunu eklemek için yerleşik bir araç kullanabileceksiniz.

WordPress sitenizde daha büyük değişiklikler yapmak istediğiniz zamanlar vardır. Bu eğitimde, WordPress'te özel CSS oluşturmak için dört yönteme bakacağız. Özelleştiriciye ek olarak, bir alt tema kullanarak özel CSS ekleyebilirsiniz. Bir temadan diğerine geçtiğinizde CSS'nizi özelleştiremezsiniz. Talimatlar, sayfanıza stil kurallarını nasıl ekleyeceğiniz konusunda size rehberlik edecektir. CSS'nizi değiştirmek istiyorsanız, buraya gidin. Özelleştirici kenar çubuğunun altında, küçük cihaz simgelerine (masaüstü, tablet, mobil) dokunarak farklı bir ekran boyutu seçebilirsiniz.

Özel bir CSS eklentisi kullanmak, web sitenize temadan bağımsız CSS eklemenize olanak tanır. Temanızın CSS'sini önemli ölçüde değiştirmek istiyorsanız, bir alt tema yapabilirsiniz. CSS, PHP gibi ana temadaki tüm dosyalara ve resimler gibi statik varlıklara alt temalar aracılığıyla erişilebilir. Bu öğreticide, herhangi bir ek adım olmadan Basit Özel CSS'yi nasıl kullanacağınızı göstereceğiz. style.html dosyasını WordPress yönetici alanında veya Atom veya Visual Studio Code gibi kod düzenleyicide değiştirmek mümkündür. Kendi kod tabanı değişikliklerinizi eklemek istemiyorsanız, Özelleştirici ve Özelleştirici kullanılabilir. WordPress Çekirdeği tarafından düzgün bir şekilde tanımlanması için alt temanızın functions.php dosyasındaki harici bir CSS dosyasını çağırabilirsiniz.

Sitenizi kişiselleştirmek için bir alt tema oluşturabilirsiniz. Alt temanız için özel stil kuralları oluşturmak için öncelikle style.html dosyasını kopyalayıp yapıştırmanız gerekir. Harici bir CSS dosyasını sorgularken, önce function.html dosyasını oluşturmalısınız. ThemeForest, WordPress temalarını bulmak için harika bir yerdir.

WordPress'te Özel Css'yi Nasıl Düzenlerim?

CSS'yi düzenlemek için WordPress arka ucunuza giriş yapıp Görünüm'e tıklayarak WordPress Özelleştirici'yi kullanabilirsiniz. Soldaki renkler, menüler veya widget seçenekleri gibi öğeleri özelleştirmenize olanak tanıyan web sitenizin canlı bir önizlemesini göreceksiniz.

Ek CSS Depolanan WordPress Nerede?

Bunu, WordPress CSS Stillerini arayarak ve düzenleyerek yapabilirsiniz. /wp-content/themes/themename/ klasöründe bulunur.

WordPress Widget'ları Nasıl Düzenlenir

WordPress widget'larını düzenleme süreci, kullandığınız temaya ve eklentilere bağlı olarak değişeceğinden, bu sorunun tek bir cevabı yoktur. Ancak genel olarak, WordPress yönetici panelinin “Görünüm” bölümüne erişerek ve ardından “Widget'lar” seçeneğini seçerek WordPress widget'larını düzenleyebilirsiniz. Bu sizi widget'ları istediğiniz gibi ekleyebileceğiniz, kaldırabileceğiniz ve yeniden düzenleyebileceğiniz bir sayfaya götürecektir. Değişikliklerinizi yaptıktan sonra, kaydetmek için “Değişiklikleri Kaydet” düğmesini tıkladığınızdan emin olun.

Widget'lar ve eklentiler, WordPress'e ek olarak herhangi bir web sitesinin önemli bir parçasıdır. Bir pencere öğesinin adını pencerenin sağ tarafındaki pencere öğesi alanlarından birine sürükleyip bırakın ve işiniz bitti. Etkin olmayan widget'lar, kurduğunuz widget'ları şu anda görüntülemediğinizde görünür. Bazı durumlarda, bir temanın üstbilgisi ve altbilgisi de widget alanlarına sahiptir. WordPress sitenizin işlevselliğini genişletmenin en olası yolu eklentileri yüklemektir. Temalar gibi birçoğu ücretsizdir, ancak bazı geliştiriciler ek güvenlik için premium eklentiler oluşturmuştur. Birçok eklenti, widget türlerini sitenizin widget alanlarına sürükleyip bırakmanıza izin verir.

WordPress Web Siteniz İçin Özel Bir Widget Nasıl Oluşturulur

Özel bir widget oluşturmak için WordPress Kontrol Panelinin Görünüm menüsüne gidin ve Widget'ları seçin. Hostinger Örneği pencere öğesi, Kullanılabilir pencere öğesi listesinde bulunabilir. Bu eylemle widget'ı sayfanın sağ tarafındaki kenar çubuğuna sürükleyip bırakabilirsiniz. Son adım olarak, web sitenizi kontrol edin.

Widget Css Sınıfları

Bilgi işlemde, bir pencere öğesi, bir kullanıcının belirli bir eylemi gerçekleştirmesini veya belirli bir bilgi parçasını görüntülemesini sağlamak için kullanılan grafiksel bir kontrol öğesidir. Kullanıcıların bir değer seçmesini veya bir eylem yürütmesini sağlamak için web tarayıcıları gibi grafik kullanıcı arayüzlerinde yaygın olarak kullanılırlar. CSS sınıfları, widget'lara stil vermek için kullanılabilir. Bir widget'a sınıf ekleyerek, HTML kodunu değiştirmek zorunda kalmadan görünümünü değiştirebilirsiniz. Bu, temel kodu değiştirmek zorunda kalmadan bir widget'ın görünümünü değiştirmeyi kolaylaştırır.

Widget'ınızın Css Sınıflarını Nasıl Özelleştirirsiniz?

Sitenizdeki tüm widget'lar, widget özelleştirme ekranının altında görünecektir. Ayarlarını görüntülemek için, seçenekler listesinden özelleştirmek istediğiniz widget'ı seçin. Widget'ın Ayarlar ekranında, widget'ın içerdiği tüm CSS sınıflarının bir listesi vardır. Bu sınıfların tümü, sınıf adının yanındaki onay kutusu tıklanarak dahil edilebilir veya hariç tutulabilir. Sınıf düzeni de seçiminize göre belirlenecektir. Widget'ın CSS dosyası için varsayılan sıra, sınıfların düzenlendiği sıraya bağlıdır.

WordPress'te Özel Widget Nasıl Görüntülenir

Görünüm'e giderseniz, bir menü bulacaksınız. Bunu takiben, yeni pencere öğesi alanı 'Özel başlık pencere öğesi alanı' olarak etiketlenecektir. Bu yeni alan artık widget'ları içeriyor. Daha fazla bilgiyi WordPress widget Ekleme ve Kullanım Kılavuzumuzda bulabilirsiniz. Bununla birlikte, başlık widget'ınızın web sitenizde canlı olarak görünmesi birkaç gün meselesidir.

WordPress için yerleşik bir metin widget'ı var, ancak bunun dışında başka ne yapabilirsiniz? Bu eğitimde size özel bir WordPress widget'ının nasıl oluşturulacağını göstereceğiz. Programlama konusunda yeniyseniz, bu eğitim sizin için zor olabilir. Bununla birlikte, daha fazlasını öğrenmek istiyorsanız, Yeni Başlayanlar için WordPress Geliştirme serimize bir göz atmaya değer. Bir widget'ın kimliğini, başlığını, sınıf adını ve açıklamasını temsil etmek için bir yapıcı işlevi kullanılır. Bir widget'ta widget()'ı çağırdığınızda, o widget için gerçek içeriği alırsınız. Örneğimizde, widget başlığını görüntülemek için get_bloginfo() kullanacağız.

Bunun yerine WordPress metin widget'ını kullanabilirsiniz. jpen_example_Widget dosyasına, widget() yönteminin tamamını dahil etmelisiniz. WordPress'te, yönetici alanında görünecek widget'a ayar alanlarını eklemek için form() yöntemi kullanılır. Bu kategori çok sayıda widget seçeneği içerir. Widget örneğimiz, kullanıcıların ona özel bir başlık atamasına izin verseydik, ek adım gerektirmez. Bu eğitimde herhangi bir HTML5 şablonunu bir WordPress temasına dönüştürmek kolaydır. Önce tüm kategorilerin bir listesini oluşturmalı, sonra bunları alfabetik sıraya göre sıralamalı ve son olarak da iki ayrı liste halinde düzenlemeliyiz.

Blogger HTML5 Şablonundan Bootstrap Başlat tarafından kategori listesi kenar çubuğu widget'ı ikinci örnek widget'ımız olacaktır. Daha karmaşık WP_Widget sınıfında olduğu gibi, özel bir kenar çubuğu parçacığı oluşturmak için oldukça karmaşık WP_Widget sınıfıyla çalışmak gerekir. Özel pencere öğesi oluşturma, önemli miktarda bilgi ve uygulama gerektirir. Bu beş işlevi kullanırsanız, herhangi bir fikri bir WordPress widget'ına dönüştürebileceksiniz.

Bir Widget'ın Görünümü Nasıl Değiştirilir

Widget'ın görünümünü kaynak kodunu düzenlemeden değiştirmek istiyorsanız şu adımları izleyin: Üzerine tıklayarak Görünüm menüsüne erişebilirsiniz.
Bir widget'ı değiştirmek için Kullanılabilir widget listesine gidin ve onu arayın.
Özelleştirici sekmesindeki Görünüm açılır menüsünü tıklayarak widget'ın görünümünü değiştirebilirsiniz.
Kaydet butonuna tıklayarak yaptığınız değişiklikleri kaydedebilirsiniz.

WordPress'te Özel Html Widget'ı Nasıl Oluşturulur

WordPress'te özel bir HTML widget'ı oluşturmak için aşağıdaki adımları uygulamanız gerekir: 1. WordPress hesabınıza giriş yapın ve Gösterge Tablosuna gidin. 2. Panoda, Görünüm bölümündeki "Widget'lar" bağlantısını tıklayın. 3. Widget'lar sayfasında , mevcut tüm widget'ların bir listesini göreceksiniz. "Özel HTML" widget'ını bulun ve "Ekle" düğmesini tıklayın. 4. Artık kenar çubuğunuza yeni bir Özel HTML widget'ı eklenecek. Artık özel HTML kodunuzu widget'a girebilirsiniz. 5. Bitirdikten sonra “Kaydet” düğmesine tıklayın.

WordPress sitelerinde en sık kullanılan widget'lardan biri metin widget'ıdır. Widget alanınızın kenar çubuğuna ve altbilgi bölümlerine kod parçacıkları ekleyebilirsiniz. Metin pencere aracının en son sürümü olan 4.8, gelişmiş kullanıcı deneyiminin yanı sıra yeni işlevler de ekler. Yeni TinyMCE metin modunda yeni arayüzden daha fazla sorun vardı. Eski Metin widget'ına görsel veya metin moduyla da erişilebilir. Metin modu altında metin widget'ına karmaşık kod yapıştırmak yerine özel HTML widget'ı kullanılmalıdır. Kod parçacıkları eklemek için kullanılabilecek eklentiler olduğundan, metin widget'ı için metin modunu dahil etmek gerekli değildi.

WordPress Siteniz İçin Özel Bir Widget Nasıl Oluşturulur

Özel bir widget oluşturmak, bir eklenti oluşturmanızı ve onu WordPress eklenti dizinine kaydetmenizi gerektirir. Bu adımı tamamladıktan sonra eklenti hakkında daha fazla bilgiyi web sitesinde bulabilirsiniz.