Cara Membuat Plugin Widget WordPress

Jika Anda penggemar WordPress, Anda mungkin akrab dengan widget. Widget adalah kotak kecil yang dapat Anda tambahkan ke bilah sisi atau area lain yang siap widget dari tema Anda. Mereka biasanya berisi informasi seperti posting terbaru blog Anda, umpan Twitter Anda, atau kalender. Tapi tahukah Anda bahwa Anda bisa membuat widget sendiri? Ini sebenarnya cukup mudah dilakukan. Pada artikel ini, kami akan menunjukkan cara membuat plugin widget WordPress. Kita akan mulai dengan membuat file plugin dasar dan kemudian menambahkan kelas widget . Kami kemudian akan mendaftarkan widget kami sehingga muncul di admin WordPress. Terakhir, kita akan menambahkan beberapa kode untuk menampilkan widget kita di front-end situs kita. Mari kita mulai!

Saya baru-baru ini mengembangkan sebuah plugin bernama Freelancer Widgets Bundle. Ketika saya ditanya apa yang harus saya tulis untuk sebuah plugin, saya pikir sudah waktunya untuk menulis posting ini karena orang-orang telah menanyakannya. Saat Anda menginstal plugin WordPress, Anda diminta untuk menambahkan kode tambahan ke dalamnya. Anda memerlukan editor seperti Coda (Mac) atau Dreamweaver (PC) untuk mengembangkan plugin Anda. Konstruktor adalah fungsi yang mendefinisikan nama widget dan argumen utama; ini adalah contoh tampilannya. Saat membuat perubahan pada bidang formulir, pastikan untuk menggunakan esc_attr(), karena ini dilakukan untuk alasan keamanan. Parameter 'customize_selective_refresh' memungkinkan widget untuk disegarkan di bawah Penampilan serta saat mengeditnya.

Dengan kata lain, perubahan pada widget tidak perlu di-refresh agar dapat muncul dalam daftar. Semua tag, kecuali teks dasar, dihapus dengan WP_strip_all_tags. WP_kses_post_string() adalah fungsi yang sama dengan string konten posting. Fungsi ini akan menghasilkan konten untuk situs web dengan menggunakan fungsi widget(). Fungsi ini dapat disesuaikan untuk menyertakan tag atau kelas tertentu. GitHub adalah tempat yang ideal untuk melihat seluruh kode.

Saat Anda ingin menambahkan widget ke situs web, buka halaman tempat Anda ingin melakukannya dan tempelkan kode sebelum tag HTML “/body” ditutup. Penting untuk memasukkan kode di setiap halaman web yang ingin Anda tampilkan widget. Periksa firewall Anda untuk melihat apakah Widget Web (Klasik) diaktifkan.

Keduanya adalah makhluk visual, namun keduanya memiliki karakteristik yang berbeda, seperti visibilitas dan interaksi. Jika halaman Anda berjalan dengan lancar dan benar di latar belakang, ini adalah sebuah plugin. Agar pengguna dapat berinteraksi dengannya di halaman, itu harus terlihat oleh pengguna.

Bagaimana Cara Membuat Plugin Widget Kustom Untuk WordPress?

Untuk membuat plugin widget khusus untuk WordPress, Anda perlu membuat file PHP dengan kode berikut: /* Nama Plugin: [Nama plugin] Deskripsi: [Deskripsi plugin] */ // Daftar dan muat widget function [name_of_plugin]_load_widget() { register_widget( '[name_of_plugin]' ); } add_action( 'widgets_init', '[nama_plugin]_load_widget' ); // Membuat kelas widget [name_of_plugin] extends WP_Widget { function __construct() { parent::__construct( // ID Dasar widget Anda '[name_of_plugin]', // Nama widget akan muncul di UI __('[Nama plugin ]', '[name_of_plugin]'), // Array deskripsi widget( 'description' => __( '[Description of plugin]', '[name_of_plugin]' ), ) ); } // Membuat widget front-end // Di sinilah aksi terjadi public function widget( $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'] . $judul . $args['after_title']; // Di sinilah Anda menjalankan kode dan menampilkan output echo __( '[Name of plugin]', '[name_of_plugin]' ); echo $args['after_widget']; } // Formulir fungsi publik Backend Widget( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } else { $title = __( '[Nama plugin]', '[nama_plugin]' ); } // Formulir admin widget? > Saat pengguna WordPress membuat area widget, mereka menambahkan potongan kecil konten ke area tersebut. Tergantung pada area widget di mana ia dipasang, widget dapat menampilkan berbagai jenis informasi di semua halaman, atau mungkin hanya menampilkan informasi tertentu. Ada beberapa widget yang tersedia secara default, sedangkan yang lain tersedia dengan memanfaatkan plugin atau tema. Empat metode yang disebutkan di atas harus ditambahkan ke kelas Anda untuk membuat widget kustom dasar. Anda harus menggunakan fungsi register_widget() untuk mendaftarkan widget agar dapat menggunakannya di dalam dasbor. Sebelum mempelajari contoh yang kami sajikan dalam artikel ini, kami akan segera membahas tujuan dari setiap bagian kode. Salah satu metode yang digunakan dalam kelas Custom_Widget adalah metode untuk menetapkan karakter. Kami membuat widget dengan custom_widget sebagai ID-nya dengan metode konstruktor menggunakan metode __construct(). Menggunakan metode register_widget(), widget baru dibuat setelah yang sudah ada didaftarkan. Kami telah membungkus setiap bagian dengan pernyataan if…* untuk memastikan bahwa hanya bagian tersebut yang ditampilkan jika disertakan dalam opsi widget. Metode widget() menyertakan fungsi nl2br() untuk memastikan bahwa semua teks multiparagraf ditampilkan dengan benar. sanitize_text_field() menghilangkan spasi, tab, dan jeda baris yang tidak perlu dari argumen. Selanjutnya, nilai Ya ditetapkan sebagai default dalam bidang pilih, yang menunjukkan bahwa target tautan diatur ke _blank dalam dua kasus sebelumnya. Judul, teks, tautan di bawah judul, dan apakah tautan harus dibuka di tab baru semuanya harus ditentukan. Harap simpan opsi yang telah Anda pilih dengan mengklik tombol Simpan segera. Saat Anda memilih tema default, widget akan menghasilkan output yang berbeda. Dalam hal ini, widget Anda bisa terlihat sangat mirip dengan yang ditunjukkan di bawah ini jika Anda menggunakan tema WordPress Lekker. Bagaimana Cara Membuat Widget Gambar Kustom Di WordPress? Untuk menambahkan gambar ke sidebar WordPress, pilih widget 'Gambar'. Anda dapat membuat perubahan pada penampilan Anda dengan membuka Appearance. Tambahkan widget 'Gambar' ke bilah sisi jika Anda memiliki halaman yang menyertakan widget. Plugin Widget KustomKredit: octobercms.com Plugin widget kustom adalah plugin yang memungkinkan Anda membuat widget kustom Anda sendiri. Plugin ini sangat bagus untuk mereka yang ingin membuat widget khusus untuk situs web atau blog mereka. Dengan plugin ini, Anda dapat dengan mudah membuat widget kustom tanpa harus membuat kode sendiri. Untuk menyediakan widget kustom yang dapat digunakan dengan Qt Designer, kita perlu menyediakan implementasi mandiri serta antarmuka plugin. Widget khusus contoh ini, seperti rekan jam analognya, tidak memiliki sinyal atau slot khusus. Makro Q_PLUGIN_METADATA() harus digunakan untuk memastikan bahwa widget diidentifikasi dengan benar sebagai plugin dengan mengekspor data darinya. Kelas AnalogClock dapat digunakan sebagai widget khusus di dalam kotak widget dan merupakan contoh kelas mandiri. Kelas plugin untuk kelas AnalogClock disertakan dalam Qt Designer. Konstruktor untuk kelas QObject cukup memanggil konstruktor kelas dasar QObject, yang menetapkan variabel yang diinisialisasi ke false. Fungsi isInitialized() memeriksa apakah plugin siap digunakan dengan mengizinkan Qt Designer mengidentifikasinya. Fungsi createWidget() dapat menghasilkan instance widget khusus. Plugin widget akan terlihat dalam nama grup di bagian plugin widget dari Qt Designer. Tip alat dan Apa Ini? Di kotak widget, Anda dapat memberikan bantuan untuk widget khusus. Fungsi isContainer() memeriksa apakah widget harus digunakan sebagai wadah untuk gambar widget lainnya. Ini mencegah pengguna membuat widget di dalamnya. Widget Kustom WordPress CodeCredit: www.hostpapa.in Widget kustom adalah cara yang bagus untuk menambahkan fungsionalitas ke situs WordPress Anda. Ada beberapa hal yang perlu diingat saat menambahkan kode widget khusus ke situs Anda. Pertama, Anda harus membuat file bernama "widget.php" di direktori tema Anda. Selanjutnya, Anda perlu menambahkan kode berikut ke file widget.php Anda: class Custom_Widget extends WP_Widget { function __construct() { parent::__construct( 'custom_widget', __('Custom Widget', 'text_domain'), array ( 'description' => __( 'Widget khusus untuk situs WordPress Anda.', ' text_domain' ), ) ); } widget fungsi publik( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); echo $args['sebelum_widget']; if ( ! empty( $title ) ) echo $args['before_title'] . $judul . $args['after_title']; echo __( 'Halo, Dunia!', ' domain_teks' ); echo $args['after_widget']; } bentuk fungsi publik( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } else { $judul = __( 'Judul baru', 'domain_teks' ); } ? > } pembaruan fungsi publik( $new_instance, $old_instance ) { $instance = array(); $instance['title'] = ( ! empty( $new_instance['title']Wordpress Tambahkan Widget Ke TemplateMenambahkan widget ke template WordPress adalah proses yang sederhana. Anda perlu mengakses file WordPress melalui akun hosting dan mengedit file yang sesuai. Dalam kebanyakan kasus, ini akan menjadi file header.php. Cari kode yang mengontrol area di mana Anda ingin menambahkan widget. Kemudian, salin kode untuk widget yang ingin Anda tambahkan dan tempel ke yang sesuai tempat di file. Simpan file dan unggah ke server Anda. Itu dia! Widget sekarang akan muncul di situs WordPress Anda. Di WordPress, ada tag template yang disebut the_widget() yang memungkinkan Anda menambahkan widget langsung ke file template. Widget dapat ditempatkan dalam file yang berisi nama kelas widget yang ingin Anda gunakan dan di mana Anda ingin menampilkannya. Dengan kata lain, jika Anda ingin membuat daftar komentar terbaru, Anda cukup menulis ini: $instance untuk setiap widget. Dengan menggunakan fungsi bawaan, Anda dapat menambahkan banyak defa ult WordPress widget ke file template Anda daripada menggunakannya. Widget khusus dapat dimasukkan menggunakan metode the_widget() di seluruh template Anda. Widget khusus, yang dapat digunakan pada platform yang berbeda dari bilah sisi Anda, tersedia di banyak plugin. Bagaimana Cara Menambahkan Widget ke Tema WordPress Saya? Kunjungi Layar Administrasi WordPress untuk melihat halaman Penampilan. Pilih widget dengan menyeretnya ke sidebar tertentu atau mengklik link Add widget (jika tema Anda memiliki lebih dari satu sidebar, pilih sidebar tujuan). Bagaimana Memanggil Widget Dari Template Halaman WordPress? Langkah pertama adalah menemukan dan masukkan file tempat widget Anda akan muncul. Langkah kedua adalah menentukan widget mana yang ingin Anda gunakan. Di bagian ini, kita akan membahas nama kelas widget WordPress default: WP_Widget_Archives.Cara Membuat Widget Gambar Kustom Di WordPressUntuk membuat widget gambar kustom di WordPress, Anda harus terlebih dahulu membuat plugin kustom atau tema anak. Setelah Anda melakukannya, Anda dapat membuat file baru bernama “image-widget.php” di dalam plugin atau tema anak Anda. Di dalam file ini, Anda harus menyertakan kode berikut: class WP_Widget_Custom_Image extends WP_Widget { function __construct() { $widget_ops = array( 'classname' => 'widget_custom_image', 'description' => __( 'Widget yang memungkinkan Anda untuk mengunggah gambar khusus.', ' text_domain' ), ); parent::__construct( 'custom_image', __( 'Gambar Kustom', 'text_domain' ), $widget_ops ); } widget fungsi( $args, $instance ) { echo $args['before_widget']; if ( ! empty( $instance['title'] ) ) { echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title']; } if ( ! kosong( $instance['image'] ) ) { echo ”; } echo $args['after_widget']; } fungsi update( $new_instance, $old_instance ) { $instance = $old_instance; $instance['title'] = sanitize_text_field( $new_instance['title'] ); $instance['image'] = esc_url_raw( $new_instance['image'] ); kembali $instance; } bentuk fungsi( $instance ) { $title = ! kosong( $instance['title'] ) ? $instance['title'] : __( 'Gambar Khusus', 'domain_teks' ); $gambar = ! kosong( $instance['image'] ) ? $instance['gambar'] : ”; ?Plugin Widget Gambar adalah plugin sederhana yang dapat digunakan untuk menambahkan widget gambar ke situs Anda menggunakan pengelola media WordPress. Biasanya template keluaran widget menyertakan template default, tetapi ini dapat dimodifikasi oleh file di template Anda. Di 3.2, filter sh_template_image_widget_php juga telah ditambahkan, memungkinkan Anda untuk mengganti perilaku template default. Untuk mempelajari lebih lanjut tentang instance widget tertentu, Anda juga harus menambahkan dua argumen $args dan $instance. Anda bisa menggunakan ini dalam desain responsif jika Anda menimpa ini. Bagaimana saya bisa menambahkan slider untuk gambar acak? Ya, Anda memiliki opsi untuk melakukannya. Biasanya, ini ditangani langsung melalui tampilan bilah sisi plugin Widget Gambar; tampilan bilah sisi harus disetel ke halaman tertentu. Beri tahu kami jika Anda memiliki pertanyaan atau komentar di halaman ini. Widget Gambar adalah proyek perangkat lunak sumber terbuka. Plugin ini telah tersedia untuk umum oleh berbagai kontributor. Jika Anda ingin menyertakan gambar, Anda dapat menambahkan satu bidang, dan jika Anda ingin menyertakan tautan, Anda dapat menambahkan kelas. Anda akan menghabiskan waktu sekitar 15 menit untuk melakukannya, jadi ini adalah investasi yang berharga. Bagaimana Cara Membuat Widget Baru Di WordPress? Seret widget ke area widget yang relevan atau seret dari sisi kiri halaman ke kiri . Setelah Anda mengklik widget yang ingin Anda tambahkan, Anda akan melihat daftar cara untuk melakukannya. Untuk menambahkan widget baru ke area yang ada, klik tombol Tambahkan widget.