እንዴት ነው WordPress ያንን መጣጥፍ ገጾች JavaScript/CSS ኮድን እንደሚጭኑ ይገልጻል?

መስራትየዎርድፕረስጭብጥ በሚሰጥበት ጊዜ፣ በዎርድፕረስ ውስጥ በአንድ የተወሰነ ገጽ ላይ የሚታየው የተለየ ጃቫ ስክሪፕት ወይም CSS ኮድ ካለ፣ አንድ ጊዜ ብቻ ጥቅም ላይ ይውላል።

ኮዱ የት መቀመጥ አለበት? Style.css ወይስ base.js?

ነገር ግን ይህን ለማድረግ የሚያስከፍለው ዋጋ ትንሽ ከፍ ያለ ነው።

ምሳሌ 1፡

  • በዎርድፕረስ ጣቢያዎ ላይ Highslide JavaScript ተጽእኖን ለማግኘት ይሞክሩ።
  • ግን አብዛኛውን ጊዜ ምስሎች ወይም ተፈላጊ ገጾች ላሏቸው ክፍሎች ብቻ ነው የሚያገለግለው እና ጥቅም ላይ ያልዋሉ ገጾች ላይ ገጾችን በመጫን Highslide ክፍሎችን ለመጨመር ነው ስለዚህ ከ 50 ኪባ በላይ ጃቫስክሪፕት በጣም ትልቅ ነው.

ምሳሌ 2፡

  • በአንድ ጽሑፍ ውስጥ መደበኛ የተኳኋኝነት ዘዴን መጠቀም ነው።መለያ ያስገባዋል ፣ ግን የገባውበመለያው የመነጨው ገጽ የW3C ማረጋገጫውን ማለፍ አይችልም።
  • ጥሩው መንገድ W3C የተረጋገጠ ኮድ ለማመንጨት SWFObject የተባለውን ጃቫስክሪፕት መጠቀም ነው።
  • ግን ችግሩ በዎርድፕረስ ውስጥ በእያንዳንዱ ገጽ ላይ SWFObject መጫን አባካኝ ነው ፣ እና ሁሉም ገጾች ይህንን የጃቫ ስክሪፕት ፋይል አይጠቀሙም።

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

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

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

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

የ WordPress ገጽታውን header.php ፋይል ይክፈቱ እና ኮዱን ▼ ያግኙ

<?php wp_head(); ?>

ከሱ በኋላ ጨምሩበት

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

በኮዱ ውስጥ ያለው ጭንቅላት ሊበጅ የሚችል የብጁ መስክ ስም ነው።

ብጁ መስኮችን ወደ WordPress ልጥፎች ወይም ገጾች ያክሉ

የዎርድፕረስ ጀርባበአርትዖት ጽሑፍ ገጽ አርታዒ ውስጥ ለ "ብጁ መስኮች" ትንሽ መስኮት አለ.

  1. ለ "ስም" አስገባ:head
  2. ከዚያም በ "ዋጋ" ውስጥ ወደ ማሳያው ለመጨመር የሚፈልጉትን ኮድ ያስገቡ 

እንዴት ነው WordPress ያንን መጣጥፍ ገጾች JavaScript/CSS ኮድን እንደሚጭኑ ይገልጻል?

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

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

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

ወይም ▼

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

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

ለ WordPress ብጁ መስኮች ሌሎች አጠቃቀሞች

ከላይ ያሉትን መርሆች ከተረዳህ በኋላ የ WordPress ብጁ መስኮች ብጁ ጃቫ ስክሪፕት ወይም CSS ን በብጁ ገፆች ብቻ መተግበር ብቻ ሳይሆን በብጁ መስኮች ብዙ ተግባራትን መተግበርም ይችላሉ ለምሳሌ፡ ወደ መጣጥፍ ጥፍር አከሎች፣ የአንቀፅ ምክሮች፣ ወዘተ.

እነሱን እንዴት እንደሚተገብሩ, ብጁ መስኮችን ለመጠቀም ይሞክሩ.

የጃቫ ስክሪፕት/CSS ኮድ በዎርድፕረስ ውስጥ ለመጫን የአንቀፅ መለያዎችን እና የምድብ ራስጌዎችን እና ግርጌዎችን እንዴት እንደሚገልጹ?

ራስጌን በ WordPress ውስጥ እንዴት ማበጀት እንደሚቻል?በሚከተለው የአንቀፅ መመሪያዎች በኩል ልንጭነው እንችላለንየዎርድፕረስ ፕለጊን።የጭንቅላት ኮድ ማከልን ይገንዘቡ

  • በዚህ መንገድ, የ WordPress ገጽታን ከቀየሩ በኋላ ብጁ ኮድ ስለማጣት ወይም ብጁ ኮድን በእጅ ስለማስተላለፍ መጨነቅ አያስፈልግም.

ተስፋ Chen Weiliang ብሎግ ( https://www.chenweiliang.com/ ) የተጋራ "ዎርድፕረስ የጽሁፉ ገጽ JavaScript/CSS ኮድ እንደሚጭን እንዴት ይገልጻል? , እርስዎን ለመርዳት.

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

አዳዲስ መረጃዎችን ለማግኘት ወደ የቼን ዌይሊያንግ ብሎግ የቴሌግራም ቻናል እንኳን በደህና መጡ።

🔔 ጠቃሚ የሆነውን "ChatGPT Content Marketing AI Tool Usage Guide" በቻናል ከፍተኛ ማውጫ ውስጥ ለማግኘት የመጀመሪያው ይሁኑ! 🌟
📚 ይህ መመሪያ ትልቅ ዋጋ አለው፣ 🌟ይህ ያልተለመደ እድል ነው፣ እንዳያመልጥዎ! ⏰⌛💨
ከወደዳችሁት ሼር እና ላይክ አድርጉ!
የእርስዎ ማጋራት እና መውደዶች ቀጣይ ማበረታቻዎቻችን ናቸው!

 

评论ሺ评论评论评论 ፡፡

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

ወደ ላይ ይሸብልሉ