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. Найдите это на странице редактора. «Пользовательские поля» (Если вы не видите метабокс, пожалуйста, нажмите «Параметры отображения» в правом верхнем углу или «Настройки» в редакторе Gutenberg и убедитесь, что установлен флажок «Пользовательские поля»).
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. ясная логикаИнкапсуляция функциональности внутри других функций упрощает последующее сопровождение.