Bagaimana untuk menambah fungsi garis masa pada pemalam WordPress

Cara menambah fungsi garis masa pada pemalam WordPress

Dalam dunia dalam talian hari ini, fungsi garis masa digunakan secara meluas dalam pelbagai laman web dan aplikasi untuk menunjukkan perkembangan dan urutan acara. Untuk tapak web WordPress, menambah ciri garis masa boleh mempersembahkan artikel, aktiviti dan sejarah dengan lebih baik. Dalam artikel ini, kami akan meneroka cara menambah kefungsian garis masa pada pemalam WordPress dan memberikan contoh kod.

Langkah 1: Persediaan

Sebelum menambah fungsi garis masa, kami perlu memastikan bahawa anda telah menyediakan tapak web WordPress asas dan memasang pemalam yang perlu dilanjutkan (seperti artikel, acara, aktiviti, dll.) . Selain itu, anda juga perlu mempunyai pengetahuan asas tertentu tentang PHP dan HTML/CSS.

Langkah 2: Buat jadual pangkalan data garis masa

Pelaksanaan fungsi garis masa biasanya memerlukan penciptaan jadual pangkalan data untuk menyimpan maklumat berkaitan peristiwa. Dalam WordPress, kita boleh menggunakan pemalam pengurusan pangkalan data, seperti phpMyAdmin, untuk melaksanakan pernyataan SQL berikut untuk mencipta jadual:

CREATE TABLE wp_tl_timeline (
    id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    title VARCHAR(255) NOT NULL,
    description TEXT,
    start_date DATE,
    end_date DATE,
    event_url VARCHAR(255)
);

Pernyataan SQL ini mencipta jadual bernama wp_tl_timeline, yang mengandungi tajuk, penerangan, tarikh mula, dan tarikh tamat acara dan pautan acara.

Langkah 3: Tambahkan fungsi garis masa pada pemalam

Untuk menambah fungsi garis masa pada pemalam, kita perlu mengedit fail utama pemalam (biasanya fail .php). Dalam fail ini kami akan menambah kod untuk memaparkan dan mengurus garis masa.

Pertama, kita perlu menambah item menu pada pentadbir WordPress supaya pengguna boleh menguruskan garis masa. Kita boleh menambah item menu garis masa menggunakan kod berikut:

add_action('admin_menu', 'tl_add_admin_menu');
function tl_add_admin_menu() {
    add_menu_page('时间线', '时间线', 'manage_options', 'timeline', 'tl_display_timeline');
}

function tl_display_timeline() {
    // 显示时间线内容的代码
}

Kod ini akan menambah item menu yang dipanggil "Garis Masa" dalam bar sisi pentadbir WordPress dan memaparkan fungsi apabila item menu diklik tl_display_timeline(). tl_display_timeline()。

接下来，我们需要编写函数tl_display_timeline()来显示时间线的内容。以下是一个简单的例子：

function tl_display_timeline() {
    global $wpdb;
    $table_name = $wpdb->prefix . 'tl_timeline';

    $timeline_events = $wpdb->get_results("SELECT * FROM $table_name");

    foreach ($timeline_events as $event) {
        echo '<h3>'. $event->title .'</h3>';
        echo '<p>'. $event->description .'</p>';
        echo '<p>开始日期：'. $event->start_date .'</p>';
        echo '<p>结束日期：'. $event->end_date .'</p>';
        echo '<p>事件链接：<a href="'. $event->event_url .'">'. $event->event_url .'</a></p>';
    }
}

这段代码首先获取了数据库表wp_tl_timeline中的所有事件，并使用foreach

Seterusnya, kita perlu menulis fungsi tl_display_timeline() untuk memaparkan kandungan garis masa. Berikut ialah contoh mudah:

<?php
global $wpdb;
$table_name = $wpdb->prefix . 'tl_timeline';

$timeline_events = $wpdb->get_results("SELECT * FROM $table_name");

foreach ($timeline_events as $event) {
    echo '<h3>'. $event->title .'</h3>';
    echo '<p>'. $event->description .'</p>';
    echo '<p>开始日期：'. $event->start_date .'</p>';
    echo '<p>结束日期：'. $event->end_date .'</p>';
    echo '<p>事件链接：<a href="'. $event->event_url .'">'. $event->event_url .'</a></p>';
}
?>

Kod ini mula-mula memperoleh semua acara dalam jadual pangkalan data wp_tl_timeline dan menggunakan foreach untuk mengulangi setiap acara dan menukar Tajuk acara, penerangan, tarikh dan pautan dikeluarkan dalam format HTML.

Langkah 4: Berinteraksi dengan bahagian hadapan

Untuk memaparkan garis masa di halaman web bahagian hadapan, kami boleh menambah kod berikut pada fail tema:

rrreee

Dengan cara ini, anda boleh memaparkan kandungan garis masa pada halaman tertentu tapak web .

Ringkasan

Melalui langkah di atas, kami berjaya menambah fungsi garis masa pada pemalam WordPress. Menggunakan pangkalan data untuk membuat jadual, menambah item menu dan menulis fungsi yang sepadan, kami boleh memaparkan kandungan garis masa dalam halaman belakang pentadbir WordPress dan halaman web bahagian hadapan. Sudah tentu, ini hanyalah contoh asas, dan anda boleh menambah baik dan mencantikkan lagi garis masa mengikut keperluan dan gaya reka bentuk anda sendiri. 🎜🎜Semoga artikel ini dapat membantu anda berjaya menambahkan fungsi garis masa pada pemalam WordPress anda. 🎜

Atas ialah kandungan terperinci Bagaimana untuk menambah fungsi garis masa pada pemalam WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!