WordPress presize ke header ak pye atik la chaje PHP/JavaScript/CSS kòd

Si w ap itilize WordPress pou konstwi yon sit entènèt, kijan ou ka chaje kòd PHP/JavaScript/CSS nan header ak footer yon pòs oswa yon paj espesifik?

Nou ka itilize jaden repòtaj pwisan WordPress yo pou aplike diferan paj JavaScript pou yon pòs oswa chaj paj.

Atik sa a pral montre w: Ki jan yo sèvi ak jaden koutim sou WordPress, JavaScript koutim oswa dosye CSS?

Si ou ka konprann, valè jaden koutim yo pa senp tankou JavaScript ak dosye CSS.

Ki jan yo ajoute jaden koutim nan WordPress?

Tipikman, ouvri fichye header.php tèm WordPress ou a epi asire w ke kòd sa a te ajoute: ▼

<?php wp_head(); ?>

Ki jan yo Customize Header nan WordPressYon apwòch ki pi rekòmande: via functions.php oswa aplikasyon plugin kòd

Modifye tèm nan dirèkteman header.php Oswa footer.php Kòd la pèdi fasil apre yo fin mete tèm nan ajou.

Pratik ki pi an sekirite ak pi estandaAjoute kòd sa a nan tèm aktyèl la. functions.php Nan dosye a, oubyen lè l sèvi avèk Kòd Snippets Yo itilize kalite plugin sa yo pou jere kòd pèsonalize.

Pou evite modifye fichye tèm prensipal yo, nou itilize... functions.php Kòd mòn.

Etap 1: Ajoute kòd fonksyonèl

Tanpri ajoute kòd PHP sa a nan tèm ou an. functions.php Nan fen dokiman an, oubyen atravè Kòd Snippets Kreye yon nouvo ti moso kòd nan plugin nan epi kole li:

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

(Nòt: Si) functions.php Dosye a deja gen yon dosye nan fen li. ?>Tanpri pa ajoute l plizyè fwa; jis mete kòd ki anwo a dirèkteman. ?> (Anvan)

Etap 2: Itilize nan paj koreksyon atik la

1. Aksè nan backend WordPress la pou modifye yon pòs oswa yon paj.
2. Jwenn li sou paj editè a "Jaden pèsonalize" (Si ou pa wè metabox la, tanpri klike sou "Opsyon Afichaj" nan kwen anwo dwat la oubyen "Preferans" nan Editè Gutenberger la epi asire w ke "Chan Personnalisé" yo tcheke).
3. Klike Antre nouvo:
   • Non antre:head (Pou kòd header) oubyen foot (Pou itilize nan kòd ki anba a).
   • Valè Bwat antre: Kole kòd HTML, CSS, oswa JS ou bezwen ajoute a.
4. Klike Ajoute yon jaden pèsonalize Epi mete atik yo ajou/pibliye.

• Mete ajou atik la pral pèmèt ou kode tèm nan epi antre valè pou jaden sa yo koutim.

Piske ou sèlman soti kòd la ki bezwen chaje nan "valè", ou bezwen antre kòd sa a ki sanble nan "valè" ▼

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

oswa ▼

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

pou bay kòd ki anwo a.

Avantaj modifikasyon sa a:

1. 更安全Pa modifye dirèkteman header.php 和 footer.phpSa anpeche kòd la ranplase lè tèm nan mete ajou.
2. Plis estanda: Itilizasyon WordPress rekòmande add_action Kòd aliyman ki baze sou zen.
3. Lojik klèEnkapsulasyon fonksyonalite nan fonksyon yo fè antretyen ki vin apre a pi fasil.