WordPress määrab PHP/JavaScripti/CSS-koodi laadimiseks artikli päise ja jaluse

Kui kasutateWordPressi veebisait, peate PHP/JavaScript/CSS-koodi päisesse ja jalusesse laadimiseks määrama WordPressis kindla artikli või lehe Kuidas seda saavutada?

Saame kasutada WordPressi võimsaid kohandatud välju erinevate JavaScripti lehtede juurutamiseks antud postituse või lehe laadimise jaoks.

See artikkel näitab teile: kuidas kasutada WordPressis kohandatud välju, kohandatud JavaScripti või CSS-faile?

Kui saate aru, pole kohandatud välja väärtused nii lihtsad kui JavaScripti ja CSS-failid.

Kuidas WordPressis kohandatud välju lisada?

Tavaliselt avage oma WordPressi teemas fail header.php ja veenduge, et järgmine kood on lisatud: ▼

<?php wp_head(); ?>

Kuidas WordPressis päist kohandadaSoovitatavam lähenemisviis: läbi functions.php või koodi plugina rakendamine

Teema otsene muutmine header.php Või footer.php Pärast teema värskendamist läheb kood kergesti kaduma.

Ohutumad ja standardiseeritumad tavadLisa praegusele teemale järgmine kood. functions.php Failis või kasutades koodijuppide Seda tüüpi pluginaid kasutatakse kohandatud koodi haldamiseks.

Põhiteema failide muutmise vältimiseks kasutame... functions.php Paigaldamiskood.

1. samm: lisage funktsionaalne kood

Palun lisa oma teemale järgmine PHP kood. functions.php Faili lõpus või selle kaudu koodijuppide Loo pluginas uus koodilõik ja kleebi see:

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

(Märkus: Kui) functions.php Failil on lõpus juba fail. ?>Palun ärge lisage seda korduvalt; sisestage lihtsalt ülaltoodud kood otse. ?> (Varem)

2. samm: kasutage artikli redigeerimislehel

1. Postituse või lehe muutmiseks ava WordPressi taustsüsteem.
2. Leia see redaktori lehelt "Kohandatud väljad" (Kui te metakasti ei näe, klõpsake palun paremas ülanurgas nuppu „Kuva valikud” või Gutenbergeri redaktoris nuppu „Eelistused” ja veenduge, et „Kohandatud väljad” on märgitud).
3. 点击 Sisesta uus:
   • Nimi Import:head (Päisekoodi jaoks) või foot (Kasutamiseks alumises koodis).
   • Väärtus Sisestusväli: kleepige HTML-, CSS- või JS-kood, mida soovite lisada.
4. 点击 Lisa kohandatud väli Ja uuenda/avalda artikleid.

• Artikli värskendamine võimaldab teil kodeerida teema ja sisestada nende kohandatud väljade väärtused.

Kuna väljastate ainult koodi, mis tuleb laadida "väärtuses", peate sisestama järgmise sarnase koodi väljale "väärtus" ▼

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

või ▼

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

ülaltoodud koodi väljastamiseks.

Selle modifikatsiooni eelised:

1. 更安全Ärge muutke otse header.php 和 footer.phpSee hoiab ära koodi ülekirjutamise teema värskendamisel.
2. StandardiseeritumSoovitatav on kasutada WordPressi add_action Konksupõhine kinnituskood.
3. Selge loogikaFunktsionaalsuse kapseldamine funktsioonide sisse muudab hilisema hoolduse lihtsamaks.