WordPress menentukan bahawa pengepala dan pengaki artikel memuatkan kod PHP/JavaScript/CSS

Jika anda menggunakan WordPress untuk membina laman web, bagaimana anda boleh memuatkan kod PHP/JavaScript/CSS di pengepala dan pengaki siaran atau halaman tertentu?

Kami boleh menggunakan medan tersuai WordPress yang berkuasa untuk melaksanakan halaman JavaScript yang berbeza untuk siaran atau beban halaman tertentu.

Artikel ini akan menunjukkan kepada anda: Bagaimana untuk menggunakan medan tersuai pada WordPress, fail JavaScript atau CSS tersuai?

Jika anda boleh faham, nilai medan tersuai tidak semudah fail JavaScript dan CSS.

Bagaimana untuk menambah medan tersuai dalam WordPress?

Biasanya, buka fail header.php tema WordPress anda dan pastikan kod berikut telah ditambah: ▼

<?php wp_head(); ?>

Bagaimana untuk Menyesuaikan Pengepala dalam WordPressPendekatan yang lebih disyorkan: melalui functions.php atau pelaksanaan plugin kod

Ubah suai tema secara langsung header.php 或 footer.php Kod tersebut mudah hilang selepas tema dikemas kini.

Amalan yang lebih selamat dan lebih piawaiTambahkan kod berikut pada tema semasa. functions.php Dalam fail, atau menggunakan kod Coretan Jenis pemalam ini digunakan untuk mengurus kod tersuai.

Untuk mengelakkan pengubahsuaian fail tema teras, kami menggunakan... functions.php Kod pemasangan.

Langkah 1: Tambah kod fungsian

Sila tambahkan kod PHP berikut pada tema anda. functions.php Pada akhir dokumen, atau melalui kod Coretan Cipta coretan kod baharu dalam pemalam dan tampalkannya:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(Nota: Jika) functions.php Fail itu sudah mempunyai fail di hujungnya. ?>Tolong jangan tambahkannya berulang kali; cuma masukkan kod di atas terus. ?> (Sebelum ini)

Langkah 2: Gunakan dalam halaman penyuntingan artikel

1. Akses backend WordPress untuk mengedit catatan atau halaman.
2. Cari di halaman editor "Medan Tersuai" (Jika anda tidak melihat metabox, sila klik "Pilihan Paparan" di penjuru kanan sebelah atas atau "Keutamaan" dalam Editor Gutenberger dan pastikan "Medan Tersuai" ditanda).
3. Klik Masukkan yang baharu:
   • Nama masukkan:head (Untuk kod pengepala) atau foot (Untuk digunakan dalam kod bawah).
   • Nilai Kotak input: Tampal kod HTML, CSS atau JS yang perlu anda tambahkan.
4. Klik Tambah medan tersuai Dan mengemas kini/menerbitkan artikel.

• Mengemas kini artikel akan membolehkan anda mengodkan tema dan memasukkan nilai untuk medan tersuai ini.

Memandangkan anda hanya mengeluarkan kod yang perlu dimuatkan dalam "nilai", anda perlu memasukkan kod serupa berikut dalam "nilai" ▼

<script type="text/javascript">...</script>

atau ▼

<style type="text/css">...</style>

untuk mengeluarkan kod di atas.

Kelebihan pengubahsuaian ini:

1. lebih selamatJangan ubah suai secara langsung header.php 和 footer.phpIni menghalang kod daripada ditulis ganti apabila tema dikemas kini.
2. Lebih standard: Menggunakan WordPress disyorkan add_action Kod pelekap berasaskan cangkuk.
3. Logik yang jelasFungsi yang merangkumi dalam fungsi menjadikan penyelenggaraan berikutnya lebih mudah.