WordPress вызначае верхні і ніжні калонтытулы артыкула для загрузкі кода PHP/JavaScript/CSS

Пры выкарыстанніВэб-сайт WordPress, вам трэба ўказаць пэўны артыкул або старонку ў WordPress, загрузіць код PHP/JavaScript/CSS у верхні і ніжні калонтытул, як гэтага дасягнуць?

Мы можам выкарыстоўваць магутныя карыстальніцкія палі WordPress для рэалізацыі розных старонак JavaScript для пэўнай публікацыі або загрузкі старонкі.

Гэты артыкул пакажа вам: як выкарыстоўваць карыстальніцкія палі ў WordPress, карыстальніцкія файлы JavaScript або CSS?

Калі вы разумееце, карыстальніцкія значэнні палёў не такія простыя, як файлы JavaScript і CSS.

Як дадаць карыстальніцкія палі ў WordPress?

Звычайна адкрыйце файл header.php вашай тэмы WordPress і пераканайцеся, што дададзены наступны код: ▼

<?php wp_head(); ?>

Як наладзіць загаловак у WordPressБольш рэкамендаваны падыход: праз functions.php або рэалізацыя плагіна кода

Непасрэдна змяніць тэму header.php Або footer.php Код лёгка губляецца пасля абнаўлення тэмы.

Больш бяспечныя і стандартызаваныя практыкіДадайце наступны код у бягучую тэму. functions.php У файле або з дапамогай фрагменты кода Гэтыя тыпы плагінаў выкарыстоўваюцца для кіравання карыстальніцкім кодам.

Каб пазбегнуць змены асноўных файлаў тэмы, мы выкарыстоўваем... functions.php Код мантавання.

Крок 1: Дадайце функцыянальны код

Калі ласка, дадайце наступны PHP-код у вашу тэму. functions.php У канцы файла або праз фрагменты кода Стварыце новы фрагмент кода ў плагіне і ўстаўце яго:

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

(Заўвага: Калі) functions.php У канцы файла ўжо ёсць файл. ?>Калі ласка, не дадавайце яго паўторна; проста ўстаўце код вышэй непасрэдна. ?> (Раней)

Крок 2: Выкарыстоўвайце на старонцы рэдагавання артыкула

1. Каб рэдагаваць паведамленне або старонку, атрымайце доступ да бэкенда WordPress.
2. Знайдзіце на старонцы рэдактара "Карыстальніцкія палі" (Калі вы не бачыце метабокс, націсніце «Параметры адлюстравання» ў правым верхнім куце або «Налады» ў рэдактары Gutenberger і пераканайцеся, што ўсталявана галачка насупраць «Наладжвальныя палі»).
3. 点击 Увядзіце новы:
   • Імя Імпарт:head (Для кода загалоўка) або foot (Для выкарыстання ў ніжнім кодзе).
   • Значэнне Поле ўводу: Устаўце код HTML, CSS або JS, які вам трэба дадаць.
4. 点击 Дадаць карыстальніцкае поле І абнаўляць/публікаваць артыкулы.

• Абнаўленне артыкула дазволіць вам закадзіраваць тэму і ўвесці значэнні для гэтых наладжвальных палёў.

Паколькі вы выводзіце толькі код, які трэба загрузіць у "значэнне", вам трэба ўвесці наступны падобны код у "значэнне" ▼

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

або ▼

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

каб вывесці прыведзены вышэй код.

Перавагі гэтай мадыфікацыі:

1. бяспечнейНе ўносіце змены непасрэдна header.php 和 footer.phpГэта прадухіляе перазапіс кода пры абнаўленні тэмы.
2. Больш стандартызаваныРэкамендуецца выкарыстоўваць WordPress add_action Код мантажу на аснове кручка.
3. Зразумелая логікаІнкапсуляцыя функцыянальнасці ўнутры функцый спрашчае наступнае абслугоўванне.