Ny WordPress dia mamaritra fa ny lohapejy sy ny tongotr'ilay lahatsoratra dia mitondra kaody PHP/JavaScript/CSS

Raha mampiasa WordPress ianao hananganana tranonkala, ahoana no ahafahanao mampiditra kaody PHP/JavaScript/CSS ao amin'ny lohateny sy faran'ny lahatsoratra na pejy manokana?

Azontsika atao ny mampiasa saha manokana an'ny WordPress mba hampiharana pejy JavaScript samihafa ho an'ny lahatsoratra na entana iray nomena.

Ity lahatsoratra ity dia hampiseho anao: Ahoana ny fampiasana saha mahazatra amin'ny WordPress, rakitra JavaScript na CSS?

Raha azonao takarina dia tsy tsotra toy ny rakitra JavaScript sy CSS ny sandan'ny saha mahazatra.

Ahoana ny fomba hanampiana saha mahazatra amin'ny WordPress?

Matetika, sokafy ny rakitra header.php an'ny lohahevitra WordPress-nao ary ataovy izay hahazoana antoka fa efa nampiana ity kaody manaraka ity: ▼

<?php wp_head(); ?>

Ahoana ny fomba fanamboarana lohapejy amin'ny WordPressFomba iray atolotra kokoa: amin'ny alalan'ny functions.php na fampiharana plugin code

Ovay mivantana ny lohahevitra header.php 或 footer.php Mora very ilay kaody rehefa avy nohavaozina ny lohahevitra.

Fomba fanao azo antoka kokoa sy manara-penitra kokoaAmpio amin'ny lohahevitra ankehitriny ity kaody manaraka ity. functions.php Ao amin'ny rakitra, na mampiasa Code Snippets Ireo karazana plugins ireo dia ampiasaina hitantanana kaody manokana.

Mba hisorohana ny fanovana ireo rakitra lohahevitra fototra, dia mampiasa... functions.php Kaody fametrahana.

Dingana 1: Ampio kaody fiasa

Ampio amin'ny lohahevitrao azafady ity kaody PHP manaraka ity. functions.php Amin'ny faran'ny antontan-taratasy, na amin'ny alalan'ny Code Snippets Mamoròna sombin-kaody vaovao ao amin'ny plugin ary apetaho:

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

(Fanamarihana: Raha) functions.php Efa misy rakitra any amin'ny farany ilay rakitra. ?>Azafady, aza ampiana imbetsaka izany fa ampidiro mivantana fotsiny ilay kaody etsy ambony. ?> (Teo aloha)

Dingana 2: Ampiasao ao amin'ny pejy fanitsiana lahatsoratra

  1. Midira ao amin'ny backend WordPress mba hanovana lahatsoratra na pejy.
  2. Tadiavo ao amin'ny pejy fanitsiana izany "Saha namboarina" (Raha tsy hitanao ny metabox dia tsindrio ny "Display Options" eo amin'ny zoro ambony havanana na ny "Preferences" ao amin'ny Gutenberger Editor ary ataovy azo antoka fa voamarika ny "Custom Fields").
  3. Tsindrio Ampidiro vaovao:
    • Anarana Import:head (Ho an'ny kaody lohateny) na foot (Ampiasaina amin'ny kaody ambany).
    • sarobidy Boaty fampidirana: Apetaho ny kaody HTML, CSS, na JS tianao ampiana.
  4. Tsindrio Manampia saha manokana Ary manavao/mamoaka lahatsoratra.

Ny WordPress dia mamaritra ny lohatenin'ny lahatsoratra sy ny footer mba hanampiana code PHP/JavaScrip/CSS

  • Ny fanavaozana ny lahatsoratra dia ahafahanao manisy kaody ny lohahevitra ary mampiditra sanda ho an'ireo saha mahazatra ireo.

Koa satria ny kaody mila ampidirina amin'ny "value" ihany no avoakanao, dia mila ampidirinao ao amin'ny "value" ity code manaraka ity ▼

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

na ▼

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

hamoaka ny kaody etsy ambony.

Ireo tombony azo avy amin'ity fanovana ity:

  1. 更安全Aza ovaina mivantana header.php ary footer.phpIzany dia misoroka ny fanoratana indray ny kaody rehefa havaozina ny lohahevitra.
  2. Voalamina kokoaSoso-kevitra ny fampiasana WordPress add_action Kaody fametrahana mifototra amin'ny hook.
  3. Lojika mazavaNy fampidirana ireo fiasa ao anatin'ireo fiasa ireo dia manamora ny fikojakojana manaraka.

Comments

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

Horonana Top