WordPress określa, że ​​nagłówek i stopka artykułu ładują kod PHP/JavaScript/CSS

Jeśli używaszWitryna WordPress, musisz określić konkretny artykuł lub stronę w WordPressie, aby załadować kod PHP/JavaScript/CSS w nagłówku i stopce.Jak to osiągnąć?

Możemy użyć potężnych pól niestandardowych WordPress, aby zaimplementować różne strony JavaScript dla danego wpisu lub załadowania strony.

W tym artykule dowiesz się: Jak korzystać z niestandardowych pól w WordPressie, niestandardowych plikach JavaScript lub CSS?

Jeśli rozumiesz, wartości pól niestandardowych nie są tak proste, jak pliki JavaScript i CSS.

Jak dodać niestandardowe pola w WordPressie?

Zazwyczaj otwórz plik header.php swojego motywu WordPress i upewnij się, że dodano następujący kod: ▼

<?php wp_head(); ?>

Jak dostosować nagłówek w WordPressieBardziej zalecane podejście: poprzez functions.php lub implementacja wtyczki kodu

Bezpośrednia modyfikacja motywu header.php 或 footer.php Kod można łatwo utracić po aktualizacji motywu.

Bezpieczniejsze i bardziej ujednolicone praktykiDodaj następujący kod do bieżącego motywu. functions.php W pliku lub za pomocą Fragmenty kodu Tego typu wtyczki służą do zarządzania niestandardowym kodem.

Aby uniknąć modyfikacji plików głównego motywu, używamy... functions.php Kod montowania.

Krok 1: Dodaj kod funkcjonalny

Proszę dodać następujący kod PHP do swojego motywu. functions.php Na końcu pliku lub poprzez Fragmenty kodu Utwórz nowy fragment kodu we wtyczce i wklej go:

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

(Uwaga: Jeśli) functions.php Plik ma już plik na końcu. ?>Proszę nie dodawać go wielokrotnie, tylko po prostu wkleić powyższy kod bezpośrednio. ?> (Poprzednio)

Krok 2: Użyj na stronie edycji artykułu

1. Uzyskaj dostęp do zaplecza WordPress, aby edytować wpis lub stronę.
2. Znajdź to na stronie edytora „Pola niestandardowe” (Jeśli nie widzisz metaboxa, kliknij „Opcje wyświetlania” w prawym górnym rogu lub „Preferencje” w Edytorze Gutenbergera i upewnij się, że opcja „Pola niestandardowe” jest zaznaczona).
3. 点击 Wprowadź nowy:
   • Nazwa 输入:head (Do kodu nagłówka) lub foot (Do wykorzystania w kodzie dolnym).
   • Wartość Pole wprowadzania: Wklej kod HTML, CSS lub JS, który chcesz dodać.
4. 点击 Dodaj pole niestandardowe I aktualizuj/publikuj artykuły.

• Aktualizacja artykułu pozwoli Ci zakodować motyw i wprowadzić wartości dla tych niestandardowych pól.

Ponieważ wyprowadzasz tylko kod, który należy załadować w „wartość”, musisz wprowadzić następujący podobny kod w „wartość” ▼

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

lub ▼

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

aby wyprowadzić powyższy kod.

Zalety tej modyfikacji:

1. bezpieczniej: Nie modyfikować bezpośrednio header.php I footer.phpZapobiega to nadpisaniu kodu podczas aktualizacji motywu.
2. Bardziej ustandaryzowane:Zalecane jest korzystanie z WordPressa add_action Kod montażowy oparty na hakach.
3. Jasna logikaHermetyzacja funkcjonalności wewnątrz funkcji ułatwia późniejszą konserwację.