Buat widget dinamik di WordPress dalam sepuluh minit

Buat widget dinamik WordPress dengan cepat: Tiada pengalaman pengaturcaraan yang diperlukan

Tutorial ini akan membimbing anda bagaimana untuk membuat widget dinamik di WordPress yang boleh dimulakan dengan mudah walaupun anda mempunyai pengetahuan pengaturcaraan yang terhad.

Widget WordPress adalah blok kod yang boleh ditambah ke mana -mana kawasan tertentu laman web WordPress. WordPress mempunyai banyak widget yang dibina (seperti awan dan kategori tag), tetapi tutorial ini akan membantu anda dengan cepat membuat widget tersuai dari awal.

Kami akan menunjukkan dengan contoh: Buat widget dinamik yang memaparkan data perlawanan kriket masa nyata. Ini akan membantu anda mengenali pelbagai fungsi yang berkaitan dengan widget WordPress.

Penyediaan

Pastikan untuk menyandarkan kod WordPress anda sebelum anda mula menulis sebarang kod sekiranya kesilapan yang tidak dijangka. Adalah disyorkan bahawa anda memahami asas-asas pengaturcaraan berorientasikan objek PHP. Tutorial ini dibuat pada versi WordPress 4.9.8.

lokasi kod

Jika anda mahu menggunakan widget hanya dalam topik tertentu, anda boleh meletakkan kod dalam fail

topik tersebut. Walau bagaimanapun, ini mengehadkan penggunaan widget. functions.php

Tutorial ini akan membuat plugin baru untuk menyimpan widget supaya mereka boleh digunakan dalam topik. Plugin akan menggunakan API untuk memaparkan senarai perlawanan kriket hidup.

Asas Pembangunan Gadget

Untuk membuat widget WordPress, anda perlu melanjutkan kelas

. Dalam kelas widget anda, anda perlu menentukan fungsi berikut: WP_Widget

pembina ()
• __construct Fungsi paparan alat gait (
): Kandungan widget paparan
• widget Fungsi Borang (): Jika anda perlu menentukan bentuk yang menerima input
• Fungsi Kemas Kini (): Jika anda perlu mengemas kini tetapan alat form
• Dalam contoh ini, kita hanya perlu menentukan dua fungsi pertama. Selepas membuat kelas widget, anda perlu menggunakan fungsi update untuk mendaftar.
Asas: Hello World Gadget

register_widget

Buat plug-in kosong: Buat direktori baru (contohnya, ) di bawah direktori

, dan buat fail

di dalamnya yang mengandungi kandungan berikut:
1. /wp-content/plugins/ live-score-custom index.php Tentukan widget dalam plug-in:
Tambahkan kod berikut dalam

:

<code class="language-php"><?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?></code>

2. Selepas mengaktifkan plugin, tambahkan widget yang baru dibuat ke penampilan & gt; index.php

<code class="language-php">class My_Custom_Widget extends WP_Widget {

    public function __construct() {
        $options = array(
            'classname' => 'custom_livescore_widget',
            'description' => '实时比分小工具',
        );
        parent::__construct(
            'live_score_widget', '实时比分小工具', $options
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        echo $args['before_title'] . apply_filters( 'widget_title', '实时板球比赛' ) . $args['after_title'];
        echo 'Hello, World!';
        echo $args['after_widget'];
    }
}

function my_register_custom_widget() {
    register_widget( 'My_Custom_Widget' );
}
add_action( 'widgets_init', 'my_register_custom_widget' );</code>

Tambah Skor Live

kami akan menggunakan API Cricapi (memerlukan pendaftaran dan mendapatkan kunci API). Ubah suai fungsi :

<code class="language-php"><?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?></code>

pembungkusan dan perkongsian plug-ins

Mampat direktori

ke dalam fail zip dan muat naiknya dalam plugin & gt; Tambah Plugin baru & gt; muat naik. live-score-custom

Ringkasan

Tutorial ini menunjukkan cara membuat widget dengan plugin dalam WordPress dan memaparkan data sukan masa nyata.

FAQs (FAQs)

(ditinggalkan, pendua dengan kandungan asal)

Atas ialah kandungan terperinci Buat widget dinamik di WordPress dalam sepuluh minit. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!