WordPress norāda raksta galveni un kājeni, lai ielādētu PHP/JavaScript/CSS kodu

Ja lietojatWordPress vietne, WordPress ir jānorāda konkrēts raksts vai lapa, galvenē un kājenē jāielādē PHP/JavaScript/CSS kods, kā to panākt?

Mēs varam izmantot WordPress jaudīgos pielāgotos laukus, lai ieviestu dažādas JavaScript lapas noteiktai ziņai vai lapas ielādei.

Šajā rakstā tiks parādīts: kā izmantot pielāgotus laukus WordPress, pielāgotus JavaScript vai CSS failus?

Ja varat saprast, pielāgoto lauku vērtības nav tik vienkāršas kā JavaScript un CSS faili.

Kā programmā WordPress pievienot pielāgotus laukus?

Parasti atveriet sava WordPress motīva failu header.php un pārliecinieties, vai ir pievienots šāds kods: ▼

<?php wp_head(); ?>

Kā pielāgot galveni pakalpojumā WordPressIeteicamāka pieeja: caur functions.php vai koda spraudņa ieviešana

Tieši modificējiet tēmu header.php Vai footer.php Pēc tēmas atjaunināšanas kods ir viegli pazaudējams.

Drošākas un standartizētākas praksesPievienojiet pašreizējai tēmai šo kodu. functions.php Failā vai izmantojot koda fragmentus Šāda veida spraudņi tiek izmantoti pielāgota koda pārvaldībai.

Lai izvairītos no galveno tēmas failu modificēšanas, mēs izmantojam... functions.php Montāžas kods.

1. darbība. Pievienojiet funkcionālo kodu

Lūdzu, pievienojiet savai tēmai šādu PHP kodu. functions.php Faila beigās vai caur koda fragmentus Izveidojiet jaunu koda fragmentu spraudnī un ielīmējiet to:

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

(Piezīme: Ja) functions.php Failam beigās jau ir fails. ?>Lūdzu, nepievienojiet to atkārtoti; vienkārši ievietojiet tieši iepriekš minēto kodu. ?> (Iepriekš)

2. darbība. Izmantojiet raksta rediģēšanas lapā

1. Lai rediģētu ierakstu vai lapu, piekļūstiet WordPress aizmugursistēmai.
2. Atrodiet to redaktora lapā "Pielāgoti lauki" (Ja meta lodziņš nav redzams, lūdzu, noklikšķiniet uz "Attēlošanas opcijas" augšējā labajā stūrī vai uz "Preferences" Gutenberger redaktorā un pārliecinieties, vai ir atzīmēta opcija "Pielāgoti lauki").
3. 点击 Ievadiet jaunu:
   • Vārds Importēt:head (Galvenes kodam) vai foot (Izmantošanai apakšējā kodā).
   • Vērtība Ievades lodziņš: ielīmējiet HTML, CSS vai JS kodu, kas jāpievieno.
4. 点击 Pievienot pielāgotu lauku Un atjaunināt/publicēt rakstus.

• Raksta atjaunināšana ļaus kodēt motīvu un ievadīt vērtības šiem pielāgotajiem laukiem.

Tā kā jūs izvadāt tikai kodu, kas jāielādē "vērtībā", jums jāievada šāds līdzīgs kods laukā "vērtība" ▼

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

vai ▼

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

lai izvadītu iepriekš minēto kodu.

Šīs modifikācijas priekšrocības:

1. drošāk: Nepārveidot tieši header.php 和 footer.phpTas novērš koda pārrakstīšanu, atjauninot tēmu.
2. StandartizētākaIeteicams izmantot WordPress add_action Uz āķa balstīts montāžas kods.
3. Skaidra loģikaFunkcionalitātes iekapsulēšana funkcijās atvieglo turpmāko apkopi.