Ana İçeriğe Geç

WordPress üzerinde özel bir widget nasıl oluşturulur

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

WordPress'de kendi özel widget'larınızı oluşturmak ister misiniz?

Widget'lar, öğeleri web sitenizdeki herhangi bir hazır kenar çubuğuna veya widget alanına sürükleyip bırakmanıza olanak tanır. Bu yazıda, bu nedenle size özel bir WordPress widget'ını nasıl kolayca oluşturacağınızı göstereceğiz.

Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

WordPress'te özel bir pencere öğesi oluşturun

WordPress pencere öğesi nedir?

WordPress widget'ları, web sitenizin kenar çubuklarına veya widget dostu alanlara ekleyebileceğiniz kod parçalarını içerir. Basit bir "Sürükle ve Bırak" arayüzünü kullanarak farklı öğeler eklemek için kullanabileceğiniz modüller olarak düşünün.

Varsayılan olarak WordPress, herhangi bir WordPress temasıyla kullanabileceğiniz standart bir widget setiyle birlikte gelir. 

Çok keşfetmek en iyi premium WordPress temalarımız.

Wordpress kontrol paneli widget'ı

WordPress ayrıca geliştiricilerin kendi özel widget'larını oluşturmalarını sağlar. Birçok tema ve WordPress eklentisi, kenar çubuklarınıza ekleyebileceğiniz kendi özel widget'ları ile birlikte gelir.

Örneğin, bir iletişim formu, giriş formu özel veya bir fotoğraf galerisi herhangi bir kod yazmadan bir kenar çubuğunda.

Bununla birlikte, kendi özel widget'larınızı WordPress'te nasıl kolayca oluşturabileceğinizi görelim.

WordPress üzerinde özel bir widget nasıl oluşturulur

Bu eğitim, web geliştirme bilgisine sahip kişiler içindir.

Başlamadan önce, bu öğretici için widget kodunu yapıştırdığınız web sitesinde belirli bir eklenti oluşturmak daha iyi olacaktır.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Kodu WordPress temanızın "function.php" dosyasına da yapıştırabilirsiniz. Ancak, yalnızca söz konusu WordPress teması etkin olduğunda kullanılabilir.

Bu eğitici yazıda, ziyaretçileri kolayca karşılayacak basit bir pencere öğesi oluşturacağız. Bu koda bakın, sonra çalışırken görmek için belirli eklentinize yapıştırın.

// Widget işlevini kaydedin ve yükleyin wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Widget sınıfının oluşturulması wpb_widget genişler WP_Widget {function __construct () {parent :: __ construct (// Widget'ınızın temel kimliği 'wpb_widget', // Widget adı UI'de görünecek __ ('BPC Widget', 'wpb_widget_domain') , // Widget tanım dizisi ('description' => __ ('Basit WordPress Widget', 'wpb_widget_domain'),)); } // Genel ön uç widget işlevi widget'ı oluşturma ($ args, $ örnek) {$ title = apply_filters ('widget_title', $ örnek ['title']); // öncesinde ve sonrasında widget argümanları temalar tarafından tanımlanır echo $ args ['before_widget']; eğer (! boş ($ başlık)) echo $ değiştirgeler ['başlıktan önce']. $ başlık. $ değiştirgeler ['after_title']; // Bu, kodu çalıştırdığınız ve çıktıyı görüntülediğiniz yerdir echo __ ('Basit Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Widget Arka uç genel işlev formu ($ örnek) {if (isset ($ örnek ['başlık'])) {$ başlık = $ örnek ['başlık']; } else {$ title = __ ('Yeni başlık', 'wpb_widget_domain'); } // Yönetici formu widget'ı?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Kodu ekledikten sonra gitmelisiniz " Görünüm> Widget'lar ". Yeni widget'ı göreceksiniz " PCB Widget Kullanılabilir widget listesinde. Bu widget'i bir kenar çubuğuna sürükleyip bırakmalısınız.

Wordpress özel widget'ı

Şimdi blogunuzu ziyaret ederek, söz konusu widget’ı eklediğiniz kenar çubuğunda bir widget göreceksiniz.

Şimdi bu koda bir göz atalım.

İlk önce " wpb_widget Ve özel widget'ımızı yükledik. Daha sonra, bu widget'ın ne yaptığını ve kontrol panelinde nasıl görüntüleneceğini tanımladık.

Sonunda, widget'ta yapılan değişikliklerin nasıl ele alınacağını tanımladık.

Şimdi, bilmek isteyebileceğiniz birkaç şey var. Örneğin, hedef nedir " wpb_text_domain "?

WordPress, çeviri ve yerelleştirmeyi yönetmek için "gettext" kullanır. Yani " wpb_text_domain "ve __E gettext e, varsa bir çeviri dizesinin nasıl alınacağını söyler.

WordPress temanız için özel bir widget oluşturursanız, "wpb_text_domain" yerine temanızın alan adının metnini koyabilirsiniz.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Galaxy Funder

Galaxy Funder, herhangi bir WooCommerce web sitesi için tasarlanmış, özelliklerle dolu bir kitle fonlaması sistemidir. Premium Galaxy Funder WordPress eklentisini kullanarak kendi kitle fonlaması web sitenizi yönetebilecek veya WooCommerce çevrimiçi mağazanızın başlığına bağış toplama kampanyaları ekleyebileceksiniz.

Galaxy Funder WooCommerce Kitle Fonlaması Sistemi Eklentisi WordPress

Herhangi birini de kullanabilirsiniz WooCommerce tarafından desteklenen ödeme ağ geçidi. Lütfen "Galaxy Funder"ın doğrudan çevrimiçi mağaza sayfasında çalıştığını ve bu sayede kullanıcı katkı sürecini kolaylaştırdığını unutmayın.

Indir | gösteriWeb hosting

2. WhatsApp Sohbet için tıklayın

Premium WordPress eklentisi Click to WhatsApp Chat, WordPress müşterilerinin WhatsApp hesaplarını kullanarak web sitesi sahibine veya müşteri desteğine kolayca bağlanmasını sağlar. 

Wordpress eklentisi için whatsapp sohbetine tıklayın

Sadece WhatsApp hesabına tıkladığınızda varsayılan bir mesajla doğrudan mobil WhatsApp hesabına yönlendirilir. İstemci masaüstünde veya dizüstü bilgisayarda ise, WhatsApp Web'e yönlendirilir.

Bu eklenti, web sitesi sahibinin veya destek ekibinin tartışmak için kullanacağı WhatsApp numarasını ve saatini ve gününü gerektirir. WooCommerce ürün detay sayfasına sohbet düğmesi eklenebilir, bu ürünle doğrudan ilgilidir.

Indir | gösteri | Web hosting

3. Görüntü Filigranını İndirin

Bu premium WordPress eklentisi, resimlerinize kolayca filigran eklemenizi sağlar Kolay Dijital İndirme.kolay dijital dosya indirme görüntü filigran

bunlar filigran Bir telif hakkı sembolü resmi, bir şirket logosuveya markanın şeffaf bir PNG resmi olarak parçası.

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

İşte bu kadar! Bu eğitim için hepsi bu, umarım WordPress blogunuzda özel widget'lar oluşturmanıza izin verir. Eğer varsa Yorumlar veya önerilerinizi, bize ayrılmış bölümde bildirmekten çekinmeyin.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş

...  

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
10 hisseleri
hisse8
cıvıltı1
Enregistrer1