WordPress макаланын баш жана төмөнкү колонтитулдары PHP/JavaScript/CSS кодун жүктөй турганын белгилейт

Колдонуп жатсаWordPress веб-сайты, PHP/JavaScript/CSS кодун баш жана төмөнкү колонтитулга жүктөө үчүн WordPressте белгилүү бир макаланы же бетти көрсөтүшүңүз керек. Буга кантип жетишсе болот?

Берилген пост же бет жүктөө үчүн ар кандай JavaScript барактарын ишке ашыруу үчүн WordPress'тин күчтүү ыңгайлаштырылган талааларын колдоно алабыз.

Бул макала сизге көрсөтөт: WordPress, ыңгайлаштырылган JavaScript же CSS файлдарында ыңгайлаштырылган талааларды кантип колдонуу керек?

Эгер түшүнө алсаңыз, ыңгайлаштырылган талаа маанилери JavaScript жана CSS файлдары сыяктуу жөнөкөй эмес.

WordPress'те жеке талааларды кантип кошуу керек?

Адатта, WordPress темаңыздын header.php файлын ачып, төмөнкү код кошулганын текшериңиз: ▼

<?php wp_head(); ?>

WordPressтеги башты кантип ыңгайлаштыруу керекСунушталган ыкма: аркылуу functions.php же код плагинин ишке ашыруу

Теманы түздөн-түз өзгөртүү header.php 或 footer.php Тема жаңыртылгандан кийин код оңой эле жоголуп кетиши мүмкүн.

Коопсуз жана стандартташтырылган практикаларУчурдагы темага төмөнкү кодду кошуңуз. functions.php Файлда же колдонууда Code Snippets Бул типтеги плагиндер колдонуучунун кодун башкаруу үчүн колдонулат.

Негизги тема файлдарын өзгөртүүдөн качуу үчүн, биз колдонобуз... functions.php Орнотуу кодун.

1-кадам: Функционалдык кодду кошуу

Сураныч, темаңызга төмөнкү PHP кодун кошуңуз. functions.php Файлдын аягында же аркылуу Code Snippets Плагинге жаңы код үзүндүсүн түзүп, аны чаптаңыз:

<?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. Так логикаФункциялардын ичиндеги функцияны капсулалоо кийинки тейлөөнү жеңилдетет.