WordPress мақаланың үстіңгі және төменгі деректемелері PHP/JavaScript/CSS кодын жүктейтінін көрсетеді

Егер сіз веб-сайт құру үшін WordPress пайдалансаңыз , PHP/JavaScript/CSS кодын белгілі бір жазбаның немесе беттің үстіңгі және төменгі колонтитулына қалай жүктеуге болады?

Біз WordPress-тің қуатты теңшелетін өрістерін берілген жазба немесе бет жүктемесі үшін әртүрлі JavaScript беттерін енгізу үшін пайдалана аламыз.

Бұл мақала сізге мынаны көрсетеді: WordPress, пайдаланушы JavaScript немесе CSS файлдарында реттелетін өрістерді қалай пайдалануға болады?

Түсінетін болсаңыз, теңшелетін өріс мәндері JavaScript және CSS файлдары сияқты қарапайым емес.

WordPress-те реттелетін өрістерді қалай қосуға болады?

Әдетте, WordPress тақырыбыңыздың header.php файлын ашып, келесі кодтың қосылғанына көз жеткізіңіз: ▼

<?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. Анық логикаФункциялар ішіндегі функционалдылықты инкапсуляциялау кейінгі техникалық қызмет көрсетуді жеңілдетеді.