WordPress určuje, že záhlaví a zápatí článku načte kód PHP/JavaScript/CSS

Pokud používáte WordPress k vytvoření webových stránek, jak můžete načíst kód PHP/JavaScript/CSS do záhlaví a zápatí konkrétního příspěvku nebo stránky?

Můžeme použít výkonná vlastní pole WordPressu k implementaci různých stránek JavaScriptu pro daný příspěvek nebo načtení stránky.

Tento článek vám ukáže: Jak používat vlastní pole na WordPress, vlastní JavaScript nebo CSS soubory?

Pokud rozumíte, hodnoty vlastních polí nejsou tak jednoduché jako soubory JavaScript a CSS.

Jak přidat vlastní pole ve WordPressu?

Obvykle otevřete soubor header.php vašeho motivu WordPress a ujistěte se, že byl přidán následující kód: ▼

<?php wp_head(); ?>

Jak přizpůsobit záhlaví ve WordPressuDoporučenější přístup: přes functions.php nebo implementace pluginu kódu

Přímá úprava motivu header.php Nebo footer.php Kód se po aktualizaci šablony snadno ztratí.

Bezpečnější a standardizovanější postupyPřidejte následující kód do aktuálního motivu. functions.php V souboru nebo pomocí Úryvky kódu Tyto typy pluginů se používají ke správě vlastního kódu.

Abychom se vyhnuli úpravám základních souborů motivu, používáme... functions.php Kód připojení.

Krok 1: Přidání funkčního kódu

Prosím, přidejte do svého motivu následující PHP kód. functions.php Na konci souboru nebo prostřednictvím Úryvky kódu Vytvořte v pluginu nový úryvek kódu 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: Pokud) functions.php Soubor již na konci má soubor. ?>Prosím, nepřidávejte jej opakovaně; stačí vložit výše uvedený kód přímo. ?> (Dříve)

Krok 2: Použití na stránce pro úpravu článku

1. Pro úpravu příspěvku nebo stránky přejděte do backendu WordPressu.
2. Najdete to na stránce editoru „Vlastní pole“ (Pokud metabox nevidíte, klikněte prosím na „Možnosti zobrazení“ v pravém horním rohu nebo na „Předvolby“ v editoru Gutenberger a ujistěte se, že je zaškrtnuto políčko „Vlastní pole“).
3. 点击 Zadejte nové:
   • Jméno Importovat:head (Pro kód záhlaví) nebo foot (Pro použití ve spodním kódu).
   • Hodnota Vstupní pole: Vložte kód HTML, CSS nebo JS, který potřebujete přidat.
4. 点击 Přidat vlastní pole A aktualizovat/publikovat články.

• Aktualizace článku vám umožní kódovat téma a zadat hodnoty pro tato vlastní pole.

Protože vypisujete pouze kód, který je třeba načíst do „hodnoty“, musíte do „hodnoty“ zadat následující podobný kód ▼

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

nebo ▼

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

pro výstup výše uvedeného kódu.

Výhody této úpravy:

1. bezpečnějšíNeupravujte přímo header.php 和 footer.phpTím se zabrání přepsání kódu při aktualizaci motivu.
2. StandardizovanějšíDoporučeno používat WordPress add_action Montážní kód založený na hácích.
3. Jasná logikaZapouzdření funkcionality v rámci funkcí usnadňuje následnou údržbu.