WordPress špecifikuje hlavičku a pätu článku na načítanie kódu PHP/JavaScript/CSS

Ak používateWordPress web, musíte zadať určitý článok alebo stránku vo WordPress, aby sa v hlavičke a päte načítal PHP/JavaScript/CSS kód Ako to dosiahnuť?

Môžeme použiť výkonné vlastné polia WordPress na implementáciu rôznych stránok JavaScriptu pre daný príspevok alebo načítanie stránky.

Tento článok vám ukáže: Ako používať vlastné polia na WordPress, vlastné súbory JavaScript alebo CSS?

Ak rozumiete, hodnoty vlastných polí nie sú také jednoduché ako súbory JavaScript a CSS.

Ako pridať vlastné polia do WordPress?

Zvyčajne otvorte súbor header.php vo vašej téme WordPress a uistite sa, že bol pridaný nasledujúci kód: ▼

<?php wp_head(); ?>

Ako prispôsobiť hlavičku vo WordPressOdporúčanejší prístup: prostredníctvom functions.php alebo implementácia doplnku kódu

Priama úprava témy header.php alebo footer.php Kód sa po aktualizácii témy ľahko stratí.

Bezpečnejšie a štandardizovanejšie postupyPridajte nasledujúci kód do aktuálnej témy. functions.php V súbore alebo pomocou Odchýlky kódu Tieto typy pluginov sa používajú na správu vlastného kódu.

Aby sme sa vyhli úprave základných súborov témy, používame... functions.php Pripojte kód.

Krok 1: Pridajte funkčný kód

Pridajte do svojej témy nasledujúci PHP kód. functions.php Na konci dokumentu alebo prostredníctvom Odchýlky kódu Vytvorte nový úryvok kódu v plugine a vložte ho:

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

(Poznámka: Ak) functions.php Súbor už má na konci súbor. ?>Prosím, nepridávajte ho opakovane; jednoducho vložte priamo kód vyššie. ?> (Predtým)

Krok 2: Použitie na stránke úpravy článku

1. Pre úpravu príspevku alebo stránky použite backend WordPressu.
2. Nájdete to na stránke editora „Vlastné polia“ (Ak nevidíte metabox, kliknite na „Možnosti zobrazenia“ v pravom hornom rohu alebo na „Nastavenia“ v editore Gutenberger a uistite sa, že je začiarknuté políčko „Vlastné polia“).
3. 点击 Zadajte nové:
   • Meno 输入:head (Pre kód hlavičky) alebo foot (Na použitie v spodnom kóde).
   • Hodnota Vstupné pole: Vložte kód HTML, CSS alebo JS, ktorý potrebujete pridať.
4. 点击 Pridať vlastné pole A aktualizovať/publikovať články.

• Aktualizácia článku vám umožní kódovať tému a zadať hodnoty pre tieto vlastné polia.

Keďže vypisujete iba kód, ktorý je potrebné načítať do „hodnoty“, musíte do „hodnoty“ zadať nasledujúci podobný kód ▼

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

alebo ▼

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

na výstup vyššie uvedeného kódu.

Výhody tejto úpravy:

1. bezpečnejšieNeupravujte priamo header.php A footer.phpToto zabráni prepísaniu kódu pri aktualizácii témy.
2. Viac štandardizovanéOdporúča sa používať WordPress add_action Montážny kód založený na háku.
3. Jasná logikaZapuzdrenie funkcionality v rámci funkcií uľahčuje následnú údržbu.