Apakah Anda ingin membuat widget khusus di WordPress?

Widget memungkinkan Anda menarik dan melepas item ke sidebar atau area widget yang siap di situs web Anda. Oleh karena itu, pada artikel ini, kami akan menunjukkan kepada Anda cara membuat widget WordPress kustom dengan mudah.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Buat widget khusus di wordpress

Apa itu widget WordPress?

Widget WordPress berisi potongan kode yang dapat Anda tambahkan ke sidebar situs web Anda atau ke area yang kompatibel dengan widget. Anggap saja sebagai modul yang dapat Anda gunakan untuk menambahkan elemen berbeda menggunakan antarmuka "Seret dan Lepas" yang sederhana.

Secara default, WordPress hadir dengan seperangkat widget standar yang dapat Anda gunakan dengan tema WordPress apa pun. 

Temukan juga tema WordPress premium terbaik kami.

Widget dasbor Wordpress

WordPress juga memungkinkan pengembang untuk membuat widget khusus mereka sendiri. Banyak tema dan plugin WordPress datang dengan widget kustom mereka sendiri yang dapat Anda tambahkan ke sidebar Anda.

Misalnya, Anda bisa menambahkan formulir kontak, formulir login kebiasaan atau galeri foto di bilah sisi tanpa menulis kode apa pun.

Yang mengatakan, mari kita lihat cara mudah membuat widget khusus Anda sendiri di WordPress.

Cara membuat widget kustom pada WordPress

Tutorial ini untuk orang-orang yang memiliki pengetahuan tentang pengembangan web.

Sebelum memulai, akan lebih baik untuk membuat plugin spesifik di situs web tempat Anda menempelkan kode widget untuk tutorial ini.

Anda juga dapat menempelkan kode ke file "functions.php" tema WordPress Anda. Namun, itu hanya akan tersedia ketika tema WordPress tertentu aktif.

Dalam tutorial ini, kita akan membuat widget sederhana yang hanya akan menyapa pengunjung. Lihatlah kode ini, lalu rekatkan ke plugin spesifik Anda untuk melihatnya beraksi.

// Daftarkan dan muat fungsi widget wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Membuat kelas widget wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// Base ID dari widget Anda 'wpb_widget', // Nama widget akan muncul di UI __ ('BPC Widget', 'wpb_widget_domain') , // Array deskripsi widget ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Membuat widget fungsi widget front-end publik ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // sebelum dan sesudah argumen widget ditentukan oleh tema echo $ args ['before_widget']; if (! empty ($ title)) echo $ args ['before_title']. $ title. $ args ['after_title']; // Di sinilah Anda menjalankan kode dan menampilkan output echo __ ('Widget Sederhana', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Widget Backend bentuk fungsi publik ($ instance) {if (isset ($ instance ['title'])) {$ title = $ instance ['title']; } lain {$ title = __ ('Judul baru', 'wpb_widget_domain'); } // Widget formulir Admin?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Setelah menambahkan kode, Anda harus pergi ke " Penampilan> Widget ". Anda akan melihat widget baru " PCB Widget Dalam daftar widget yang tersedia. Anda harus menarik dan melepas widget ini ke bilah sisi.

Widget khusus Wordpress

Sekarang dengan mengunjungi blog Anda, Anda akan melihat widget di bilah sisi tempat Anda menambahkan widget tersebut.

Sekarang mari kita lihat kode ini.

Pertama kami merekam " wpb_widget Dan memuat widget khusus kami. Selanjutnya, kami menentukan apa yang dilakukan widget ini dan bagaimana menampilkannya di dasbor.

Terakhir, kami menetapkan cara menangani perubahan yang dilakukan pada widget.

Sekarang, ada beberapa hal yang mungkin ingin Anda ketahui. Misalnya, apa tujuannya " wpb_text_domain "?

WordPress menggunakan "gettext" untuk mengelola terjemahan dan pelokalan. Jadi " wpb_text_domain "dan __e memberitahu gettext cara mengambil string terjemahan jika ada.

Jika Anda membuat widget khusus untuk tema WordPress Anda, Anda dapat mengganti "wpb_text_domain" dengan teks dari domain tema Anda.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Galaxy Funder

Galaxy Funder adalah sistem crowdfunding penuh fitur yang dirancang untuk situs web WooCommerce mana pun. menggunakan WordPress Plugin Galaxy Funder premium Anda akan dapat mengelola situs web crowdfunding Anda sendiri atau menambahkan kampanye penggalangan dana di header toko online WooCommerce Anda.

Galaxy funder, plugin sistem crowdfunding woocommerce wordpress

Anda juga bisa menggunakan gateway pembayaran yang didukung oleh WooCommerce. Harap dicatat bahwa "Galaxy Funder" bekerja langsung di halaman toko online, yang membuat proses kontribusi pengguna lebih mudah.

Download | Demo | Hébergement Web

2. Klik untuk Obrolan WhatsApp

Le WordPress Plugin Premium Click to WhatsApp Chat memudahkan pelanggan WordPress untuk terhubung dengan pemilik situs web atau dukungan pelanggan menggunakan akun WhatsApp mereka. 

Klik ke obrolan whatsapp untuk plugin wordpress

Cukup klik pada akun WhatsApp dan itu akan diarahkan langsung ke akun WhatsApp seluler dengan pesan default. Dan jika klien ada di desktop atau laptop, ia akan dialihkan ke WhatsApp Web.

Plugin ini membutuhkan nomor WhatsApp dan waktu dan hari, yang akan digunakan oleh pemilik situs web atau tim pendukung untuk berdiskusi. Tombol obrolan dapat ditambahkan ke halaman detail produk WooCommerce, yang terkait langsung dengan produk ini.

Download | Demo | Hébergement Web

3. Unduh Image Watermark

Cette Ekstensi WordPress premium memungkinkan Anda dengan mudah menambahkan tanda air ke gambar Anda Mudah Digital Downloads.watermark mudah-digital-file-download-gambar

Ces watermark dapat berupa gambar simbol hak cipta, a logo perusahaan, atau bagian dari branding sebagai gambar PNG transparan.

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

Kesimpulan

Voila! Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk membuat widget khusus di blog WordPress Anda. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda

...