WordPress wuxuu qeexayaa madaxa iyo qaybta hoose ee maqaalka si loogu shubo koodka PHP/JavaScript/CSS

Haddii la isticmaalayoMareegta WordPress, waxaad u baahan tahay inaad ku qeexdo maqaal ama bog gaar ah oo ku jira WordPress si aad ugu shubto koodka PHP/JavaScript/CSS ee madaxa iyo cagta.Sidee taas loo helaa?

Waxaan u isticmaali karnaa WordPress 'aagagga gaarka ah ee xoogga leh si aan u hirgelino bogag JavaScript kala duwan oo loogu talagalay boostada ama bogga la bixiyay.

Maqaalkani wuxuu ku tusi doonaa: Sida loo isticmaalo goobaha gaarka ah ee WordPress, JavaScript caadiga ah ama faylasha CSS?

Haddii aad fahmi karto, qiyamka goobta gaarka ahi maaha mid fudud sida JavaScript iyo faylasha CSS.

Sidee loogu dari karaa goobaha gaarka ah ee WordPress?

Caadi ahaan, fur faylka header.php ee mawduucaaga WordPress oo hubi in koodka soo socda lagu daray: ▼

<?php wp_head(); ?>

Sida loo Customize Header in WordPressHab lagu taliyay oo dheeraad ah: via functions.php ama hirgelinta koodhka plugin

Si toos ah u beddel dulucda header.php Ama footer.php Koodhka si fudud ayaa loo lumiyaa ka dib marka mawduuca la cusbooneysiiyo.

Dhaqamada amniga leh iyo kuwa caadiga ahKu dar koodhka soo socda mawduuca hadda jira. functions.php Faylka ku jira, ama isticmaal Qodobbada kood Noocyadan plugins-ka ah waxaa loo isticmaalaa in lagu maareeyo koodhka gaarka ah.

Si looga fogaado wax ka beddelka faylasha mawduuca asaasiga ah, waxaan isticmaalnaa... functions.php Koodhka rakib.

Tallaabada 1: Ku dar kood shaqeynaya

Fadlan ku dar koodhka PHP ee soo socda mawduucaaga. functions.php Dhammaadka faylka, ama iyada oo loo marayo Qodobbada kood Samee qayb cusub oo kood ah oo ku jirta plugin-ka oo ku dheji:

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

(Fiiro gaar ah: Haddii) functions.php Faylku wuxuu horey u lahaa fayl dhammaadka. ?>Fadlan ha ku darin si isdaba joog ah; kaliya geli koodka kore si toos ah. ?> (Hore)

Tallaabada 2aad: Ku isticmaal bogga tafatirka maqaalka

1. Gal bogga dambe ee WordPress si aad wax uga beddesho qoraal ama bog.
2. Ka hel bogga tifaftiraha "Goobaha Gaarka ah" (Haddii aadan arkin metabox-ka, fadlan dhagsii "Display Options" ee geeska sare ee midig ama "Preferences" ee Gutenberger Editor oo hubi in "Custom Fields" la calaamadeeyay).
3. Xiiso Geli cusub:
   • Magaca gal:head (Koodhka cinwaanka) ama foot (Si loogu isticmaalo koodhka hoose).
   • Qiimaha Sanduuqa gelinta: Ku dheji koodka HTML, CSS, ama JS ee aad u baahan tahay inaad ku darto.
4. Xiiso Ku dar goob gaar ah Oo cusbooneysii/daabac maqaallo.

• Cusbooneysiinta maqaalku waxay kuu ogolaan doontaa inaad code mawduuca oo aad geliso qiyamka goobahan gaarka ah.

Maadaama aad kaliya soo saartay koodka u baahan in lagu shubo "qiimaha", waxaad u baahan tahay inaad geliso koodka soo socda ee la midka ah "qiimaha" ▼

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

ama ▼

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

si loo soo saaro koodka sare.

Faa'iidooyinka wax-ka-beddelkan:

1. 更安全: Ha si toos ah wax uga beddelin header.php Oo footer.phpTani waxay ka hortagtaa in koodka la beddelo marka dulucda la cusbooneysiiyo.
2. Si heer sare ah loo siman yahay: Isticmaalka WordPress ayaa lagu taliyay add_action Koodhka rakibidda ee ku salaysan jillaab.
3. Macquul cadKu-xidhka shaqada gudaha hawlaha waxay sahlaysaa dayactirka xiga.