WordPress specificerer, at artiklens sidehoved og sidefod indlæser PHP/JavaScript/CSS-kode

Hvis du brugerWordPress hjemmeside, skal du angive en bestemt artikel eller side i WordPress, indlæse PHP/JavaScript/CSS-kode i sidehoved og sidefod, hvordan opnås det?

Vi kan bruge WordPress' kraftfulde brugerdefinerede felter til at implementere forskellige JavaScript-sider for et givet indlæg eller sideindlæsning.

Denne artikel viser dig: Hvordan bruger man brugerdefinerede felter på WordPress, brugerdefinerede JavaScript- eller CSS-filer?

Hvis du kan forstå, er tilpassede feltværdier ikke så enkle som JavaScript- og CSS-filer.

Hvordan tilføjer man brugerdefinerede felter i WordPress?

Åbn typisk header.php-filen i dit WordPress-tema og sørg for, at følgende kode er tilføjet: ▼

<?php wp_head(); ?>

Sådan tilpasser du header i WordPressEn mere anbefalet fremgangsmåde: via functions.php eller implementering af kode-plugins

Rediger temaet direkte header.php 或 footer.php Koden går let tabt, når temaet er opdateret.

Sikrere og mere standardiserede praksisserTilføj følgende kode til det aktuelle tema. functions.php I filen, eller ved hjælp af Kodeuddrag Disse typer plugins bruges til at administrere brugerdefineret kode.

For at undgå at ændre kerne-temafilerne bruger vi... functions.php Monteringskode.

Trin 1: Tilføj funktionel kode

Tilføj venligst følgende PHP-kode til dit tema. functions.php I slutningen af ​​filen, eller via Kodeuddrag Opret et nyt kodestykke i plugin'et og indsæt det:

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

(Bemærk: Hvis) functions.php Filen har allerede en fil til sidst. ?>Tilføj det venligst ikke gentagne gange; indsæt blot koden ovenfor direkte. ?> (Tidligere)

Trin 2: Brug på artiklens redigeringsside

1. Få adgang til WordPress-backend for at redigere et indlæg eller en side.
2. Find den på redigeringssiden "Brugerdefinerede felter" (Hvis du ikke kan se metaboksen, skal du klikke på "Visningsindstillinger" i øverste højre hjørne eller "Indstillinger" i Gutenberger Editor og sørge for, at "Brugerdefinerede felter" er markeret).
3. 点击 Indtast nyt:
   • Navn 输入:head (For headerkode) eller foot (Til brug i bundkoden).
   • Værdi Inputfelt: Indsæt den HTML-, CSS- eller JS-kode, du skal tilføje.
4. 点击 Tilføj et brugerdefineret felt Og opdatere/publicere artikler.

• Opdatering af artiklen giver dig mulighed for at kode temaet og indtaste værdier for disse brugerdefinerede felter.

Da du kun udskriver den kode, der skal indlæses i "værdi", skal du indtaste følgende lignende kode i "værdi" ▼

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

eller ▼

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

for at udlæse ovenstående kode.

Fordelene ved denne ændring:

1. sikrereMå ikke ændres direkte header.php Og footer.phpDette forhindrer, at koden overskrives, når temaet opdateres.
2. Mere standardiseretAnbefalet brug af WordPress add_action Krogbaseret monteringskode.
3. Klar logikIndkapsling af funktionalitet inden for funktioner gør efterfølgende vedligeholdelse nemmere.