WordPress-ek artikuluaren goiburua eta oina zehazten ditu PHP/JavaScript/CSS kodea kargatzeko

Erabiliz geroWordPress webgunea, WordPress-en artikulu edo orri jakin bat zehaztu behar duzu, PHP/JavaScript/CSS kodea goiburuan eta oinean kargatu, nola lortu?

WordPress-en eremu pertsonalizatu indartsuak erabil ditzakegu JavaScript orri desberdinak inplementatzeko argitalpen edo orri-karga jakin baterako.

Artikulu honek erakutsiko dizu: Nola erabili eremu pertsonalizatuak WordPress, JavaScript edo CSS fitxategi pertsonalizatuetan?

Ulertzen baduzu, eremu pertsonalizatuen balioak ez dira JavaScript eta CSS fitxategiak bezain sinpleak.

Nola gehitu eremu pertsonalizatuak WordPress-en?

Normalean, ireki header.php fitxategia zure WordPress gaian eta ziurtatu kode hau gehitu dela: ▼

<?php wp_head(); ?>

Nola pertsonalizatu goiburua WordPress-enGomendagarriago den ikuspegi bat: bidez functions.php edo kode pluginaren inplementazioa

Gaia zuzenean aldatu header.php edo footer.php Gaia eguneratu ondoren, kodea erraz galtzen da.

Praktika seguruagoak eta estandarizatuagoakGehitu hurrengo kodea uneko gaiari. functions.php Fitxategian, edo erabiliz Kode zatiak Plugin mota hauek kode pertsonalizatua kudeatzeko erabiltzen dira.

Gaiaren fitxategi nagusiak ez aldatzeko, erabiltzen dugu... functions.php Muntaketa kodea.

1. urratsa: Gehitu funtzionalitate-kodea

Mesedez, gehitu ondorengo PHP kodea zure gaiari. functions.php Dokumentuaren amaieran, edo bidez Kode zatiak Sortu kode zati berri bat pluginean eta itsatsi ezazu:

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

(Oharra: Baldin eta) functions.php Fitxategiak badu dagoeneko fitxategi bat amaieran. ?>Mesedez, ez gehitu behin eta berriz; txertatu goiko kodea zuzenean. ?> (Aurretik)

2. urratsa: Erabili artikulua editatzeko orrialdean

1. Sartu WordPress-en atzeko planora argitalpen edo orrialde bat editatzeko.
2. Editorearen orrialdean aurkitu. "Eremu pertsonalizatuak" (Metabox-a ikusten ez baduzu, egin klik goiko eskuineko izkinan dagoen "Bistaratzeko aukerak" aukeran edo Gutenberger editorean "Hobespenak" aukeran eta ziurtatu "Eremu pertsonalizatuak" markatuta dagoela).
3. Klikatu Sartu berria:
   • Izena 输入:head (Goiburuko kodearentzat) edo foot (Beheko kodean erabiltzeko).
   • Balioa Sarrera-koadroa: Itsatsi gehitu behar duzun HTML, CSS edo JS kodea.
4. Klikatu Gehitu eremu pertsonalizatu bat Eta artikuluak eguneratu/argitaratu.

• Artikulua eguneratzeak gaia kodetzeko eta eremu pertsonalizatu hauetarako balioak sartzeko aukera emango dizu.

"balioan" kargatu behar den kodea bakarrik ateratzen duzunez, hurrengo antzeko kodea sartu behar duzu "balioa"-n ▼

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

edo ▼

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

goiko kodea ateratzeko.

Aldaketa honen abantailak:

1. 更安全: Ez aldatu zuzenean header.php 和 footer.phpHonek gaia eguneratzen denean kodea gainidaztea eragozten du.
2. Estandarizatuagoa.WordPress erabiltzea gomendatzen da add_action Kakoetan oinarritutako muntaketa kodea.
3. Logika argia.Funtzionalitatea funtzioen barruan kapsulatzeak ondorengo mantentze-lanak errazten ditu.