ዎርድፕረስ የአንቀጹ ራስጌ እና ግርጌ PHP/JavaScript/CSS ኮድ እንደሚጭኑ ይገልጻል

የሚጠቀሙ ከሆነየዎርድፕረስ ድር ጣቢያፒኤችፒ/ጃቫ ስክሪፕት/CSS ኮድን በራስጌ እና ግርጌ ለመጫን በዎርድፕረስ ውስጥ የተወሰነ ጽሑፍ ወይም ገጽ መግለጽ አለቦት።ይህን እንዴት ማግኘት ይቻላል?

ለአንድ ልጥፍ ወይም የገጽ ጭነት የተለያዩ የጃቫስክሪፕት ገጾችን ለመተግበር የዎርድፕረስን ኃይለኛ ብጁ መስኮችን መጠቀም እንችላለን።

ይህ ጽሑፍ ያሳየዎታል፡ ብጁ መስኮችን በዎርድፕረስ፣ ብጁ ጃቫስክሪፕት ወይም ሲኤስኤስ ፋይሎችን እንዴት መጠቀም እንደሚቻል?

መረዳት ከቻሉ፣ ብጁ የመስክ ዋጋዎች እንደ ጃቫ ስክሪፕት እና ሲኤስኤስ ፋይሎች ቀላል አይደሉም።

በ WordPress ውስጥ ብጁ መስኮችን እንዴት ማከል እንደሚቻል?

በተለምዶ የዎርድፕረስ ገጽታዎን የheader.php ፋይል ይክፈቱ እና የሚከተለው ኮድ መጨመሩን ያረጋግጡ፡ ▼

<?php wp_head(); ?>

ራስጌን በ WordPress ውስጥ እንዴት ማበጀት እንደሚቻልየበለጠ የሚመከር አቀራረብ፡ በ በኩል functions.php ወይም የኮድ ተሰኪ አተገባበር

ጭብጡን በቀጥታ ቀይር header.php ወይም ፡፡ footer.php ጭብጡ ከተዘመነ በኋላ ኮዱ በቀላሉ ይጠፋል።

ደህንነታቸው የተጠበቀ እና የበለጠ ደረጃውን የጠበቁ ልምዶችየሚከተለውን ኮድ ወደ አሁኑ ገጽታ ያክሉ። functions.php በፋይሉ ውስጥ ወይም በመጠቀም፣ የቁልፍ ቁንጮዎች እነዚህ አይነት ተሰኪዎች ብጁ ኮድ ለማስተዳደር ያገለግላሉ።

የዋናውን ጭብጥ ፋይሎች ከመቀየር ለመቆጠብ፣... እንጠቀማለን። functions.php ኮድ ጫን።

ደረጃ 1፡ ተግባራዊ ኮድ ያክሉ

እባክዎ የሚከተለውን የPHP ኮድ ወደ ገጽታዎ ያክሉ። functions.php በፋይሉ መጨረሻ ላይ ወይም በ የቁልፍ ቁንጮዎች በፕለጊኑ ውስጥ አዲስ የኮድ ቅንጣቢ ይፍጠሩ እና ይለጥፉት፦

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

(ማሳሰቢያ፡ ከሆነ) functions.php ፋይሉ በመጨረሻው ላይ ፋይል አለው። ?>እባክዎ ደጋግመው አያክሉት፤ ከላይ ያለውን ኮድ በቀጥታ ያስገቡ። ?> (ቀደም ሲል)

ደረጃ 2፡ በጽሑፉ አርትዖት ገጽ ላይ ይጠቀሙበት

  1. ልጥፍ ወይም ገጽ ለማርትዕ የዎርድፕረስ ጀርባውን ይድረሱ።
  2. በአርታዒው ገጽ ላይ ያግኙት "ብጁ መስኮች" (ሜታቦክሱን ካላዩ፣ እባክዎን በላይኛው ቀኝ ጥግ ላይ ያለውን "የማሳያ አማራጮች" ወይም በጉተንበርገር አርታኢ ውስጥ "ምርጫዎች" የሚለውን ጠቅ ያድርጉ እና "Custom Fields" መመረጡን ያረጋግጡ)።
  3. መታ ያድርጉ አዲስ ያስገቡ:
    • ስም ያስገቡ፡head (ለራስጌ ኮድ) ወይም foot (በታችኛው ኮድ ውስጥ ለመጠቀም)።
    • እሴት የግቤት ሳጥን፡ ማከል የሚፈልጉትን የኤችቲኤምኤል፣ የሲኤስኤስ ወይም የጄኤስ ኮድ ይለጥፉ።
  4. መታ ያድርጉ ብጁ መስክ ያክሉ እና ጽሑፎችን አዘምን/አትም።

ፒኤችፒ/ጃቫስክሪፕ/CSS ኮድ ለመጨመር ዎርድፕረስ የጽሁፉን ራስጌ እና ግርጌ ይገልጻል

  • ጽሑፉን ማዘመን ጭብጡን ኮድ እንዲያደርጉ እና ለእነዚህ ብጁ መስኮች እሴቶችን እንዲያስገቡ ያስችልዎታል።

በ"ዋጋ" ውስጥ መጫን ያለበትን ኮድ ብቻ ስለምታወጡ የሚከተለውን ተመሳሳይ ኮድ በ"ዋጋ" ▼ ውስጥ ማስገባት አለብህ።

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

ወይም ▼

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

ከላይ ያለውን ኮድ ለማውጣት.

የዚህ ማሻሻያ ጥቅሞች፡

  1. 更安全: በቀጥታ አታስተካክል header.phpfooter.phpይህ ጭብጡ ሲዘመን ኮዱ እንዳይተካ ይከላከላል።
  2. ይበልጥ መደበኛ፦ WordPress መጠቀም ይመከራል add_action በመንጠቆ ላይ የተመሠረተ የመጫኛ ኮድ።
  3. ግልጽ የሆነ አመክንዮበተግባሮች ውስጥ ተግባራዊነትን መደበቅ ቀጣይ ጥገናን ቀላል ያደርገዋል።

ተስፋ Chen Weiliang ብሎግ ( https://www.chenweiliang.com/ ) የተጋራ "WordPress ፒኤችፒ/ጃቫ ስክሪፕት/ሲኤስኤስ ኮድን ለመጫን የጽሁፍ አርዕስቶችን እና ግርጌዎችን ይገልጻል" ይህም ለእርስዎ ጠቃሚ ነው።

እንኳን በደህና መጡ የዚህን ጽሁፍ ማገናኛ ለማጋራት፡-https://www.chenweiliang.com/cwl-2022.html

ተጨማሪ ድብቅ ዘዴዎችን ለመክፈት የቴሌግራም ቻናላችንን እንኳን በደህና መጡ።

ከወደዳችሁት ሼር እና ላይክ አድርጉ! የእርስዎ ማጋራቶች እና መውደዶች የእኛ ቀጣይ ተነሳሽነት ናቸው!

 

评论ሺ评论评论评论 ፡፡

የኢሜል አድራሻዎ አይታተምም። 项 已 用 ፡፡ * 标注

የአንቀጽ ማውጫ
ወደ ላይ ሸብልል