Tha WordPress a’ sònrachadh gu bheil bann-cinn is bonn-stèidh an artaigil a’ luchdachadh còd PHP/JavaScript/CSS

Ma tha thu a’ cleachdadh WordPress gus làrach-lìn a thogail, ciamar as urrainn dhut còd PHP/JavaScript/CSS a luchdachadh a-steach do cheann-sgrìobhaidh is bonn-sgrìobhaidh post no duilleag sònraichte?

Is urrainn dhuinn raointean gnàthaichte cumhachdach WordPress a chleachdadh gus diofar dhuilleagan JavaScript a chuir an gnìomh airson post sònraichte no luchdachadh duilleag.

Seallaidh an artaigil seo dhut: Mar a chleachdas tu raointean gnàthaichte air faidhlichean WordPress, JavaScript no CSS àbhaisteach?

Ma thuigeas tu, chan eil luachan raon gnàthaichte cho sìmplidh ri faidhlichean JavaScript agus CSS.

Mar a chuireas tu raointean gnàthaichte ri WordPress?

Mar as trice, fosgail am faidhle header.php den chuspair WordPress agad agus dèan cinnteach gu bheil an còd a leanas air a chur ris: ▼

<?php wp_head(); ?>

Mar a nì thu gnàthachadh air bann-cinn air WordPressDòigh-obrach nas motha air a mholadh: tro functions.php no cur an gnìomh plugan còd

Atharraich an cuspair gu dìreach header.php 或 footer.php Bidh an còd air chall gu furasta às dèidh ùrachadh a dhèanamh air an cuspair.

Cleachdaidhean nas sàbhailte agus nas àbhaisticheCuir an còd a leanas ris a’ chuspair làithreach. functions.php Anns an fhaidhle, no a’ cleachdadh Còd Snippets Bithear a’ cleachdadh nan seòrsaichean plugins seo gus còd gnàthaichte a riaghladh.

Gus nach tèid na faidhlichean cuspair bunaiteach atharrachadh, bidh sinn a’ cleachdadh… functions.php Còd stàlaidh.

Ceum 1: Cuir còd gnìomhach ris

Cuir an còd PHP a leanas ris a’ chuspair agad. functions.php Aig deireadh na sgrìobhainn, no tro Còd Snippets Cruthaich criomag còd ùr anns a’ plugan agus cuir a-steach e:

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

(Nota: Ma tha) functions.php Tha faidhle aig a’ cheann thall mu thràth. ?>Na cuir ris a-rithist is a-rithist e; dìreach cuir a-steach an còd gu h-àrd gu dìreach. ?> (Roimhe seo)

Ceum 2: Cleachd air duilleag deasachaidh an artaigil

  1. Faigh cothrom air cùl-raon WordPress gus post no duilleag a dheasachadh.
  2. Lorg e air duilleag an deasaiche "Achaidhean Gnàthaichte" (Mura faic thu am bogsa-meta, cliog air “Roghainnean Taisbeanaidh” san oisean gu h-àrd air an làimh dheis no “Roghainnean” ann an Deasaiche Gutenberger agus dèan cinnteach gu bheil “Achaidhean Gnàthaichte” air a chomharrachadh).
  3. Cliog Cuir a-steach fear ùr:
    • Ainm airson:head (Airson còd ceann-sgrìobhaidh) no foot (Airson a chleachdadh anns a’ chòd aig a’ bhonn).
    • Luach Bogsa cuir-a-steach: Cuir a-steach an còd HTML, CSS, no JS a dh’ fheumas tu a chur ris.
  4. Cliog Cuir raon gnàthaichte ris Agus artaigilean ùrachadh/foillseachadh.

Bidh WordPress a’ sònrachadh bann-cinn is bonn an artaigil gus còd PHP/JavaScrip/CSS a chur ris

  • Leigidh ùrachadh an artaigil leat an cuspair a chòdachadh agus luachan a chuir a-steach airson na raointean gnàthaichte sin.

Leis nach cuir thu a-mach ach an còd a dh’ fheumar a luchdachadh ann an “luach”, feumaidh tu an còd coltach ris a leanas a chuir a-steach ann an “luach” ▼

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

neo ▼

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

gus an còd gu h-àrd a thoirt a-mach.

Na buannachdan a tha an lùib an atharrachaidh seo:

  1. 更安全Na atharraich gu dìreach header.php 和 footer.phpTha seo a’ cur casg air a’ chòd a bhith air a sgrìobhadh thairis nuair a thèid an cuspair ùrachadh.
  2. Nas àbhaisticheThathar a’ moladh WordPress a chleachdadh add_action Còd sreap stèidhichte air dubhan.
  3. Loidsig shoilleirLe bhith a’ cur comasan an sàs taobh a-staigh ghnìomhan, tha cumail suas às dèidh sin nas fhasa.

Tha mi an dòchas gum bi an t-artaigil "Loading PHP/JavaScript/CSS Code for Specifying Post Headers and Footers in WordPress," a chaidh a cho-roinn air blog Chen Weiliang ( https://www.chenweiliang.com/ ), feumail dhut.

Faodaidh sibh ceangal an artaigil seo a cho-roinn: https://www.chenweiliang.com/cwl-2022.html

Gus barrachd chleasan falaichte fhuasgladh🔑, fàilte oirbh a thighinn còmhla ris an t-sianal Telegram againn!

Roinn agus toil ma thogras tu e! Is e na h-earrannan agad agus na rudan as toil leinn ar brosnachadh leantainneach!

 

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Rach gu mhullaich