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 backend-д хандана уу.
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. Тодорхой логикФункц доторх функцийг капсулжуулах нь дараагийн засвар үйлчилгээг хялбар болгодог.