Wodupiresi sọ pe akọsori ati ẹlẹsẹ ti nkan naa ṣe fifuye PHP/JavaScript/ koodu CSS

Tí o bá ń lo WordPress láti kọ́ ojú-òpó wẹ́ẹ̀bù kan, báwo ni o ṣe lè gbé kódù PHP/JavaScript/CSS sínú àkọlé àti ìsàlẹ̀ ìwé tàbí ojú-ìwé kan pàtó?

A le lo awọn aaye aṣa ti o lagbara ti Wodupiresi lati ṣe awọn oju-iwe JavaScript oriṣiriṣi fun ifiweranṣẹ tabi fifuye oju-iwe.

Nkan yii yoo fihan ọ: Bii o ṣe le lo awọn aaye aṣa lori Wodupiresi, JavaScript aṣa tabi awọn faili CSS?

Ti o ba le loye, awọn iye aaye aṣa ko rọrun bi JavaScript ati awọn faili CSS.

Bii o ṣe le ṣafikun awọn aaye aṣa ni Wodupiresi?

Lọ́pọ̀ ìgbà, ṣí fáìlì header.php nínú àkòrí WordPress rẹ kí o sì rí i dájú pé a ti fi kódì wọ̀nyí kún un: ▼

<?php wp_head(); ?>

Bii o ṣe le ṣe akanṣe Akọsori ni WodupiresiỌ̀nà tí a gbà níyànjú jù: nípasẹ̀ functions.php tàbí ìmúṣẹ àfikún koodu

Ṣe àtúnṣe àkòrí náà tààrà header.php Tabi footer.php Koodu naa yoo padanu ni irọrun lẹhin ti a ba ti ṣe imudojuiwọn akori naa.

Àwọn ìlànà tó ní ààbò àti tó wọ́pọ̀ jùFi koodu atẹle yii kun akori lọwọlọwọ. functions.php Nínú fáìlì náà, tàbí nípa lílo Awọn Snippets koodu Àwọn irú àwọn afikún wọ̀nyí ni a ń lò láti ṣàkóso kódì àṣà.

Láti yẹra fún àtúnṣe àwọn fáìlì àkòrí pàtàkì, a máa ń lo... functions.php Fi koodu sori ẹrọ.

Igbesẹ 1: Fi koodu iṣẹ kun

Jọ̀wọ́ fi koodu PHP tó tẹ̀lé yìí kún àkòrí rẹ. functions.php Ni opin faili naa, tabi nipasẹ Awọn Snippets koodu Ṣẹ̀dá àkójọpọ̀ koodu tuntun kan nínú àfikún náà kí o sì lẹẹ mọ́ ọn:

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

(Àkíyèsí: Tí ó bá jẹ́) functions.php Faili naa ti ni faili kan tẹlẹ ni opin. ?>Jọ̀wọ́ má ṣe fi kún un leralera; kan fi koodu ti o wa loke sii taara. ?> (Tẹ́lẹ̀)

Igbesẹ 2: Lo ninu oju-iwe atunṣe nkan naa

1. Wọle si ẹhin WordPress lati ṣatunkọ ifiweranṣẹ tabi oju-iwe kan.
2. Wá a lórí ojú ìwé olóòtú "Awọn aaye aṣa" (Tí o kò bá rí àpótí metabox, jọ̀wọ́ tẹ "Àwọn Àṣàyàn Ìfihàn" ní igun ọ̀tún òkè tàbí "Àwọn Àṣàyàn" nínú Olóòtú Gutenberger kí o sì rí i dájú pé a ṣàyẹ̀wò "Àwọn Ibùdó Àṣà").
3. Tẹ lori Tẹ tuntun sii:
   • Orúkọ ：head (Fun koodu akọsori) tabi foot (Fun lilo ninu koodu isalẹ).
   • Iye Àpótí ìtẹ̀síwájú: Lẹ́ẹ̀mọ́ kódì HTML, CSS, tàbí JS tí o nílò láti fi kún.
4. Tẹ lori Fi aaye aṣa kan kun Kí o sì ṣe àtúnṣe/tẹ̀jáde àwọn àpilẹ̀kọ.

• Ṣiṣe imudojuiwọn nkan naa yoo gba ọ laaye lati ṣe koodu akori ati tẹ awọn iye sii fun awọn aaye aṣa wọnyi.

Niwọn igba ti o ṣejade koodu nikan ti o nilo lati kojọpọ ni “iye”, o nilo lati tẹ koodu iru atẹle ni “iye” ▼

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

tàbí ▼

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

lati jade awọn loke koodu.

Awọn anfani ti iyipada yii:

1. 更安全: Má ṣe yípadà taara header.php 和 footer.phpÈyí kò ní jẹ́ kí a tún kọ kódù náà nígbà tí a bá ṣe àtúnṣe sí àkòrí náà.
2. Díwọ̀n tó pọ̀ sí i: Lilo WordPress ni a ṣe iṣeduro add_action Koodu fifi sori ẹrọ ti o da lori kio.
3. Ìrònú tó ṣe kedereṢíṣe àkójọpọ̀ iṣẹ́ nínú àwọn iṣẹ́ mú kí ìtọ́jú tó tẹ̀lé e rọrùn.