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 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 ayrıca geliştiricilerin kendi özel widget'larını oluşturmalarına olanak tanır. Çok sayıda tema ve WordPress eklentileri 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.
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.
Ş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
diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.
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. kullanma WordPress Plugin premium Galaxy Funder, kendi kitle fonlaması web sitenizi yönetebilecek veya WooCommerce çevrimiçi mağazanızın başlığına bağış toplama kampanyaları ekleyebileceksiniz.
Herhangi birini de kullanabilirsiniz WooCommerce tarafından desteklenen ödeme ağ geçidi. Lütfen "Galaxy Funder" in doğrudan çevrimiçi mağaza sayfasında çalıştığını ve bu da kullanıcı katkı sürecini kolaylaştırdığını unutmayın.
Indir | Demo | Web hosting
2. WhatsApp Sohbet için tıklayın
Le WordPress Plugin premium Click to WhatsApp Chat, WordPress müşterilerinin WhatsApp hesaplarını kullanarak web sitesi sahibi veya müşteri desteği ile bağlantı kurmasını kolaylaştırır.
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
Cette WordPress uzantısı premium, resimlerinize kolayca filigran eklemenizi sağlar Kolay Dijital İndirme.
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.
- Blog yorumlarını değerlendirmek için 7 WordPress eklentileri
- Bülteninizi daha iyi yönetmek için 5 WordPress eklentisi
- 8 WordPress eklentileri bir iletişim formu oluşturmak için
- WordPress üzerinde bir popup bir Youtube video Nasıl Açılır
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ş.
...
