WordPress chỉ định rằng đầu trang và chân trang của bài viết tải mã PHP / JavaScript / CSS

Nếu sử dụngTrang web WordPress, bạn cần chỉ định một bài viết hoặc một trang nào đó trong WordPress, tải mã PHP / JavaScript / CSS trong đầu trang và chân trang, làm thế nào để đạt được nó?

Chúng tôi có thể sử dụng các trường tùy chỉnh mạnh mẽ của WordPress để triển khai các trang JavaScript khác nhau cho một bài đăng hoặc tải trang nhất định.

Bài viết này sẽ chỉ cho bạn: Làm thế nào để sử dụng các trường tùy chỉnh trên WordPress, các tệp JavaScript hoặc CSS tùy chỉnh?

Nếu bạn có thể hiểu, các giá trị trường tùy chỉnh không đơn giản như các tệp JavaScript và CSS.

Làm cách nào để thêm các trường tùy chỉnh trong WordPress?

Thông thường, hãy mở tệp header.php của giao diện WordPress và đảm bảo rằng đoạn mã sau đã được thêm vào: ▼

<?php wp_head(); ?>

Cách tùy chỉnh Header trong WordPressMột cách tiếp cận được khuyến nghị hơn: thông qua functions.php hoặc triển khai plugin mã

Chỉnh sửa trực tiếp giao diện header.php 或 footer.php Mã nguồn rất dễ bị mất sau khi cập nhật giao diện.

Các biện pháp an toàn hơn và được tiêu chuẩn hóa hơnThêm đoạn mã sau vào giao diện hiện tại. functions.php Trong tệp tin, hoặc sử dụng Mã Đoạn Các loại plugin này được sử dụng để quản lý mã tùy chỉnh.

Để tránh chỉnh sửa các tệp chủ đề cốt lõi, chúng tôi sử dụng... functions.php Mã gắn kết.

Bước 1: Thêm mã chức năng

Vui lòng thêm đoạn mã PHP sau vào giao diện của bạn. functions.php Ở cuối tập tin, hoặc thông qua Mã Đoạn Tạo một đoạn mã mới trong plugin và dán vào đó:

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

(Lưu ý: Nếu) functions.php Tệp này đã có một tệp con ở cuối. ?>Vui lòng không thêm đoạn mã này nhiều lần; chỉ cần chèn trực tiếp đoạn mã phía trên. ?> (Trước đó)

Bước 2: Sử dụng trong trang chỉnh sửa bài viết

1. Truy cập vào trang quản trị WordPress để chỉnh sửa bài viết hoặc trang.
2. Bạn có thể tìm thấy nó trên trang biên tập. "Trường tùy chỉnh" (Nếu bạn không thấy hộp meta, vui lòng nhấp vào "Tùy chọn hiển thị" ở góc trên bên phải hoặc "Tùy chọn" trong Trình chỉnh sửa Gutenberger và đảm bảo rằng "Trường tùy chỉnh" đã được chọn).
3. 点击 Nhập mới:
   • Tên Nhập khẩu:head (Đối với mã tiêu đề) hoặc foot (Để sử dụng trong đoạn mã phía dưới).
   • Giá trị Ô nhập liệu: Dán mã HTML, CSS hoặc JS bạn cần thêm vào.
4. 点击 Thêm trường tùy chỉnh Và cập nhật/đăng tải các bài viết.

• Cập nhật bài viết sẽ cho phép bạn viết mã chủ đề và nhập giá trị cho các trường tùy chỉnh này.

Vì bạn chỉ xuất mã cần được tải trong "giá trị", nên bạn cần nhập mã tương tự sau vào "giá trị" ▼

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

hoặc ▼

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

để xuất ra đoạn mã trên.

Ưu điểm của sự điều chỉnh này:

1. an toàn hơnKhông được chỉnh sửa trực tiếp header.php Và footer.phpĐiều này giúp ngăn chặn việc mã bị ghi đè khi giao diện được cập nhật.
2. Tiêu chuẩn hóa hơnNên sử dụng WordPress. add_action Mã gắn kết dựa trên móc.
3. Lý lẽ rõ ràngViệc gói gọn chức năng vào các hàm giúp việc bảo trì sau này dễ dàng hơn.