WordPress određuje zaglavlje i podnožje članka za učitavanje PHP/JavaScript/CSS koda

Ako koristite WordPress za izradu web stranice, kako možete učitati PHP/JavaScript/CSS kod u zaglavlje i podnožje određene objave ili stranice?

Možemo koristiti moćna prilagođena polja WordPressa za implementaciju različitih JavaScript stranica za određeni post ili učitavanje stranice.

Ovaj članak će vam pokazati: Kako koristiti prilagođena polja na WordPressu, prilagođene JavaScript ili CSS datoteke?

Ako možete razumjeti, prilagođene vrijednosti polja nisu tako jednostavne kao JavaScript i CSS datoteke.

Kako dodati prilagođena polja u WordPress?

Obično otvorite datoteku header.php u svojoj WordPress temi i provjerite je li dodan sljedeći kod: ▼

<?php wp_head(); ?>

Kako prilagoditi zaglavlje u WordPressuPreporučljiviji pristup: putem functions.php ili implementacija dodatka koda

Izravno mijenjanje teme header.php Ili footer.php Kod se lako izgubi nakon ažuriranja teme.

Sigurnije i standardiziranije prakseDodajte sljedeći kod trenutnoj temi. functions.php U datoteci ili korištenjem Isječci koda Ove vrste dodataka koriste se za upravljanje prilagođenim kodom.

Kako bismo izbjegli mijenjanje osnovnih datoteka teme, koristimo... functions.php Kod za montiranje.

Korak 1: Dodajte funkcionalni kod

Molimo dodajte sljedeći PHP kod u svoju temu. functions.php Na kraju dokumenta ili putem Isječci koda Napravite novi isječak koda u dodatku i zalijepite ga:

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

(Napomena: Ako) functions.php Datoteka već ima datoteku na kraju. ?>Molimo vas da ga ne dodajete više puta; samo umetnite gornji kod direktno. ?> (Prethodno)

Korak 2: Koristite na stranici za uređivanje članka

1. Pristupite WordPress backendu za uređivanje objave ili stranice.
2. Pronađite ga na stranici urednika "Prilagođena polja" (Ako ne vidite metabox, kliknite "Opcije prikaza" u gornjem desnom kutu ili "Postavke" u Gutenberger editoru i provjerite je li označeno "Prilagođena polja").
3. kliknite na Unesite novo:
   • Ime Uvoz:head (Za kod zaglavlja) ili foot (Za korištenje u donjem kodu).
   • Vrijednost Okvir za unos: Zalijepite HTML, CSS ili JS kod koji trebate dodati.
4. kliknite na Dodaj prilagođeno polje I ažurirati/objavljivati ​​članke.

• Ažuriranje članka omogućit će vam kodiranje teme i unos vrijednosti za ova prilagođena polja.

Budući da ispisujete samo kôd koji treba učitati u "vrijednost", morate unijeti sljedeći sličan kod u "vrijednost" ▼

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

ili ▼

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

za izlaz gornjeg koda.

Prednosti ove modifikacije:

1. 更安全Ne mijenjajte izravno header.php 和 footer.phpTo sprječava prepisivanje koda prilikom ažuriranja teme.
2. StandardiziranijePreporučuje se korištenje WordPressa add_action Kod za montažu na temelju kuke.
3. Jasna logikaKapsuliranje funkcionalnosti unutar funkcija olakšava naknadno održavanje.