WordPress diyar dike ku sernav û pêlava gotarê koda PHP / JavaScript / CSS bar dike.

Heke bikar bîninMalpera WordPress, divê hûn di WordPress de gotarek an rûpelek diyar bikin da ku koda PHP/JavaScript/CSS di serî û pêlavê de bar bike. Çawa meriv vê yekê bi dest dixe?

Em dikarin zeviyên xwerû yên hêzdar ên WordPress-ê bikar bînin da ku ji bo postek an barkirina rûpelê rûpelên cihêreng ên JavaScript bicîh bikin.

Ev gotar dê nîşanî we bide: Meriv çawa zeviyên xwerû li ser pelên WordPress, xwerû JavaScript an CSS bikar tîne?

Heke hûn dikarin fêm bikin, nirxên zeviyê xwerû wekî pelên JavaScript û CSS ne hêsan in.

Meriv çawa zeviyên xwerû li WordPress zêde dike?

Bi gelemperî, pelê header.php ya mijara xwe ya WordPress vekin û piştrast bikin ku koda jêrîn lê hatiye zêdekirin: ▼

<?php wp_head(); ?>

Meriv çawa Sernivîsê li WordPress-ê xweş bikeRêbazek pêşniyarkirîtir: bi rêya functions.php an jî pêkanîna pêveka kodê

Mijarê rasterast biguherîne header.phpfooter.php Piştî ku mijar tê nûvekirin, kod bi hêsanî winda dibe.

Pratîkên ewletir û standardîzetirKoda jêrîn li mijara heyî zêde bike. functions.php Di dosyayê de, an jî bi karanîna Code Snippets Ev celeb pêvek ji bo birêvebirina koda xwerû têne bikar anîn.

Ji bo ku em pelên mijara bingehîn neguherînin, em bi kar tînin... functions.php Koda mountkirinê.

Gav 1: Koda fonksiyonel zêde bike

Ji kerema xwe koda PHP-ya jêrîn li mijara xwe zêde bikin. functions.php Di dawiya belgeyê de, an jî bi rêya Code Snippets Parçeyek kodek nû di pêvekê de biafirîne û lê zêde bike:

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

(Têbînî: Eger) functions.php Pelê di dawiya xwe de pelek heye. ?>Ji kerema xwe dubare zêde nekin; tenê koda li jor rasterast têxin. ?> (Berê)

Gava 2: Di rûpela sererastkirina gotarê de bikar bînin

  1. Ji bo sererastkirina postek an rûpelekê bigihêje backend-a WordPress-ê.
  2. Li ser rûpela edîtorê bibîne "Zeviyên Xweser" (Heke hûn metaboxê nabînin, ji kerema xwe li quncikê jorîn ê rastê "Vebijarkên Nîşandanê" an jî di Gutenberger Editor de "Tercîh" bikirtînin û piştrast bikin ku "Zeviyên Xweser" hatiye nîşankirin).
  3. 点击 Nû binivîse:
    • Nav Anîn:head (Ji bo koda sernivîsê) an jî foot (Ji bo karanîna di koda jêrîn de).
    • Giranî Qutiya têketinê: Koda HTML, CSS, an JS-ê ya ku hûn hewce ne lê zêde bikin bicîh bikin.
  4. 点击 Qadeke xwerû lê zêde bike Û gotaran nûve bike/weşîne.

WordPress sernav û pêlava gotarê diyar dike da ku koda PHP/JavaScrip/CSS zêde bike

  • Nûvekirina gotarê dê dihêle hûn mijarê kod bikin û ji bo van qadên xwerû nirxan têkevin.

Ji ber ku hûn tenê koda ku divê di "nirx" de were barkirin derdixin, pêdivî ye ku hûn koda jêrîn di "nirx" de binivîsin ▼

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

an ▼

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

ku koda jorîn derxe.

Avantajên vê guhertinê:

  1. 更安全: Rasterast neguherîne header.phpfooter.phpEv yek rê li ber nivîsandina kodê digire dema ku mijar tê nûvekirin.
  2. Standardîtir: Bikaranîna WordPress tê pêşniyarkirin add_action Koda montajkirinê ya li ser bingeha çengelê.
  3. Mantîqa zelalDabeşkirina fonksiyonê di nav fonksiyonan de lênêrîna paşê hêsantir dike.

评论

Navnîşana e-nameya we nayê weşandin. Zeviyên pêdivî têne bikar anîn * Awanasî

pelrêça gotarê
Scroll to Top