WordPress inabainisha kuwa kichwa na kijachini cha makala hupakia msimbo wa PHP/JavaScript/CSS

Ikiwa unatumiaJengo la tovuti ya WordPress, unahitaji kutaja makala au ukurasa fulani katika WordPress, pakia msimbo wa PHP/JavaScript/CSS kwenye kichwa na kijachini, jinsi ya kuifanikisha?

Tunaweza kutumia sehemu maalum za WordPress ili kutekeleza kurasa tofauti za JavaScript kwa chapisho fulani au upakiaji wa ukurasa.

Nakala hii itakuonyesha: Jinsi ya kutumia sehemu maalum kwenye WordPress, JavaScript maalum au faili za CSS?

Ikiwa unaweza kuelewa, maadili ya sehemu maalum sio rahisi kama faili za JavaScript na CSS.

Jinsi ya kuongeza uwanja maalum katika WordPress?

Kwa kawaida, fungua faili ya header.php ya mandhari yako ya WordPress na uhakikishe kuwa msimbo ufuatao umeongezwa: ▼

<?php wp_head(); ?>

Jinsi ya Kubinafsisha Kichwa katika WordPressMbinu inayopendekezwa zaidi: kupitia functions.php au utekelezaji wa programu-jalizi ya msimbo

Badilisha mandhari moja kwa moja header.php Au footer.php Msimbo hupotea kwa urahisi baada ya mandhari kusasishwa.

Mbinu salama na sanifu zaidiOngeza msimbo ufuatao kwenye mandhari ya sasa. functions.php Katika faili, au kwa kutumia Snippets ya Kanuni Aina hizi za programu-jalizi hutumika kudhibiti msimbo maalum.

Ili kuepuka kurekebisha faili za mandhari kuu, tunatumia... functions.php Msimbo wa kupachika.

Hatua ya 1: Ongeza msimbo wa utendaji kazi

Tafadhali ongeza msimbo ufuatao wa PHP kwenye mandhari yako. functions.php Mwishoni mwa hati, au kupitia Snippets ya Kanuni Unda kipande kipya cha msimbo kwenye programu-jalizi na ukibandike:

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

(Kumbuka: Ikiwa) functions.php Faili tayari ina faili mwishoni. ?>Tafadhali usiiongeze mara kwa mara; ingiza tu msimbo hapo juu moja kwa moja. ?> (Hapo awali)

Hatua ya 2: Tumia katika ukurasa wa kuhariri makala

1. Fikia sehemu ya nyuma ya WordPress ili kuhariri chapisho au ukurasa.
2. Ipate kwenye ukurasa wa kihariri "Sehemu Maalum" (Ikiwa huoni metabox, tafadhali bofya "Chaguo za Onyesha" kwenye kona ya juu kulia au "Mapendeleo" kwenye Kihariri cha Gutenberger na uhakikishe kuwa "Sehemu Maalum" zimechaguliwa).
3. Bonyeza Ingiza mpya:
   • Jina ingia:head (Kwa msimbo wa kichwa) au foot (Kwa matumizi katika msimbo wa chini).
   • Thamani Kisanduku cha kuingiza: Bandika msimbo wa HTML, CSS, au JS unaohitaji kuongeza.
4. Bonyeza Ongeza sehemu maalum Na kusasisha/kuchapisha makala.

• Kusasisha kifungu kutakuruhusu kuweka msimbo wa mada na uweke maadili ya sehemu hizi maalum.

Kwa kuwa unatoa tu nambari inayohitaji kupakiwa katika "thamani", unahitaji kuingiza nambari ifuatayo katika "thamani" ▼

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

au ▼

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

kutoa nambari iliyo hapo juu.

Faida za marekebisho haya:

1. salama zaidi: Usibadilishe moja kwa moja header.php Na footer.phpHii inazuia msimbo kuandikwa tena wakati mandhari yanasasishwa.
2. Sanifu zaidi: Inashauriwa kutumia WordPress add_action Msimbo wa kupachika unaotegemea ndoano.
3. Mantiki iliyo waziKuunganisha utendaji ndani ya utendaji hurahisisha matengenezo yanayofuata.