WordPress yana ƙayyadaddun cewa taken da ƙafar labarin suna ɗaukar lambar PHP/JavaScript/CSS

Idan amfaniGidan yanar gizon WordPress, Kuna buƙatar saka wani labarin ko shafi a cikin WordPress, loda lambar PHP / JavaScript / CSS a cikin rubutun kai da ƙafa, yadda za a cimma shi?

Za mu iya amfani da filaye na al'ada masu ƙarfi na WordPress don aiwatar da shafukan JavaScript daban-daban don ɗaukar matsayi ko shafi.

Wannan labarin zai nuna muku: Yadda ake amfani da filayen al'ada akan WordPress, JavaScript na al'ada ko fayilolin CSS?

Idan za ku iya fahimta, ƙimar filin al'ada ba su da sauƙi kamar fayilolin JavaScript da CSS.

Yadda ake ƙara filayen al'ada a cikin WordPress?

Yawanci, buɗe fayil ɗin header.php na jigon WordPress ɗinku kuma tabbatar da cewa an ƙara lambar mai zuwa: ▼

<?php wp_head(); ?>

Yadda ake Keɓance Header a cikin WordPressHanyar da aka fi ba da shawarar: via functions.php ko aiwatar da plugin ɗin lambar

Gyara jigon kai tsaye header.php 或 footer.php Lambar tana ɓacewa cikin sauƙi bayan an sabunta jigon.

Ayyuka mafi aminci kuma mafi daidaitoƘara lambar da ke ƙasa zuwa jigon da ke yanzu. functions.php A cikin fayil ɗin, ko kuma ta amfani da Snippets na Code Ana amfani da waɗannan nau'ikan plugins don sarrafa lambar musamman.

Don guje wa gyara fayilolin jigo na asali, muna amfani da... functions.php Shigar da lambar.

Mataki na 1: Ƙara lambar aiki

Da fatan za a ƙara lambar PHP mai zuwa a cikin jigon ku. functions.php A ƙarshen takardar, ko ta hanyar Snippets na Code Ƙirƙiri sabon ɗan ƙaramin lamba a cikin plugin ɗin kuma liƙa shi:

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

(Lura: Idan) functions.php Fayil ɗin ya riga yana da fayil a ƙarshen. ?>Don Allah kar a ƙara shi akai-akai; kawai a saka lambar da ke sama kai tsaye. ?> (A baya)

Mataki na 2: Yi amfani da shi a shafin gyara labarin

1. Shiga shafin baya na WordPress don gyara rubutu ko shafi.
2. Nemo shi a shafin edita "Filayen Musamman" (Idan ba ka ga akwatin meta ba, da fatan za a danna "Zaɓuɓɓukan Nuni" a kusurwar sama ta dama ko "Preferences" a cikin Editan Gutenberger kuma a tabbata an duba "Custom Fields").
3. 点击 Shigar da sabo:
   • Suna Shigo:head (Don lambar kanun labarai) ko foot (Don amfani a cikin lambar ƙasa).
   • darajar Akwatin shigarwa: Manna lambar HTML, CSS, ko JS da kake buƙatar ƙarawa.
4. 点击 Ƙara filin da aka keɓance Kuma a sabunta/buga labarai.

• Ana ɗaukaka labarin zai ba ka damar ƙididdige jigon kuma shigar da ƙimar waɗannan filayen al'ada.

Tunda kawai kuna fitar da lambar da ake buƙatar lodawa a cikin "darajar", kuna buƙatar shigar da irin wannan lambar a cikin "darajar" ▼

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

ko ▼

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

don fitar da lambar da ke sama.

Amfanin wannan gyaran:

1. mafi aminci: Kada a gyara kai tsaye header.php kuma footer.phpWannan yana hana sake rubuta lambar idan aka sabunta jigon.
2. Mafi daidaito: An ba da shawarar amfani da WordPress add_action Lambar hawa da aka dogara da ƙugiya.
3. A bayyane dabaruRufe ayyuka a cikin ayyuka yana sauƙaƙa kulawa daga baya.