WordPress netepkeun yén lulugu sareng footer artikel ngamuat kode PHP/JavaScript/CSS

Lamun ngagunakeunramatloka WordPress, Anjeun kudu nangtukeun artikel atawa kaca tangtu dina WordPress, beban PHP / JavaScript / kode CSS dina lulugu jeung footer, kumaha carana ngahontal eta?

Urang bisa make widang custom kuat WordPress 'pikeun nerapkeun kaca JavaScript béda pikeun pos atawa beban kaca dibikeun.

Tulisan ieu bakal nunjukkeun anjeun: Kumaha ngagunakeun widang khusus dina WordPress, file JavaScript atanapi CSS khusus?

Upami anjeun tiasa ngartos, nilai widang khusus henteu sagampil file JavaScript sareng CSS.

Kumaha cara nambihan widang khusus dina WordPress?

Biasana, buka file header.php tina téma WordPress anjeun teras pastikeun yén kode ieu parantos ditambahkeun: ▼

<?php wp_head(); ?>

Kumaha nyaluyukeun lulugu dina WordPressCara anu langkung disarankeun: via functions.php atanapi palaksanaan plugin kode

Robah témana langsung header.php Atanapi footer.php Kode éta gampang leungit saatos témana diénggalan.

Praktik anu langkung aman sareng langkung standarTambahkeun kodeu ieu kana téma ayeuna. functions.php Dina file, atanapi nganggo kode snippét Plugin jenis ieu dianggo pikeun ngatur kode khusus.

Pikeun nyingkahan ngarobih file téma inti, urang nganggo... functions.php Kodeu pasang.

Léngkah 1: Tambahkeun kode fungsional

Mangga tambahkeun kode PHP ieu kana téma anjeun. functions.php Di ahir file, atanapi via kode snippét Jieun cuplikan kode anyar dina plugin teras témpélkeun:

<?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;
        }
    }
}

(Catetan: Upami) functions.php File éta parantos gaduh file di tungtungna. ?>Punten ulah nambihan deui kodeu ieu sacara terus-terusan; cukup lebetkeun kodeu di luhur langsung. ?> (Sateuacanna)

Léngkah 2: Anggo dina kaca édit artikel

1. Aksés backend WordPress pikeun ngédit tulisan atanapi halaman.
2. Panggihan éta dina kaca éditor "Widang Adat" (Upami anjeun teu ningali metaboxna, mangga klik "Pilihan Tampilan" di pojok katuhu luhur atanapi "Preferensi" dina Editor Gutenberger sareng pastikeun "Widang Khusus" dicentang).
3. 点击 Lebetkeun anu énggal:
   • Ngaran 输入:head (Pikeun kode lulugu) atanapi foot (Pikeun dianggo dina kodeu handap).
   • Nilai Kotak input: Tempelkeun kode HTML, CSS, atanapi JS anu anjeun kedah tambahkeun.
4. 点击 Tambahkeun widang khusus Sareng ngapdet/nyebarkeun artikel.

• Ngamutahirkeun artikel bakal ngidinan Anjeun pikeun kode téma jeung ngasupkeun nilai pikeun widang custom ieu.

Kusabab anjeun ngan ukur ngaluarkeun kode anu kedah dimuat dina "nilai", anjeun kedah ngalebetkeun kode anu sami di handap ieu dina "nilai" ▼

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

atawa ▼

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

pikeun kaluaran kode di luhur.

Kaunggulan tina modifikasi ieu:

1. 更安全: Ulah dirobah langsung header.php 和 footer.phpIeu nyegah kodeu ditulis ulang nalika témana diropéa.
2. Langkung standarDianjurkeun nganggo WordPress add_action Kodeu pemasangan dumasar kana kait.
3. Logika anu jelasNgabungkus fungsi dina fungsi-fungsi ngagampangkeun pangropéa salajengna.