కథనం పేజీలు JavaScript/CSS కోడ్‌ని లోడ్ చేస్తాయని WordPress ఎలా పేర్కొంటుంది?

వర్డ్‌ప్రెస్ థీమ్‌ను సృష్టించేటప్పుడు , ఒక నిర్దిష్ట జావాస్క్రిప్ట్ లేదా CSS కోడ్ ఒక నిర్దిష్ట వర్డ్‌ప్రెస్ పేజీలో కనిపిస్తే, అది ఒక్కసారి మాత్రమే ఉపయోగించబడుతుంది.

కోడ్ ఎక్కడ ఉంచాలి? Style.css లేదా base.js?

అయితే ఇలా చేయడానికి అయ్యే ఖర్చు కాస్త ఎక్కువే.

ఉదాహరణ 1:

  • మీ WordPress సైట్‌లో Highslide JavaScript ప్రభావాన్ని పొందడానికి ప్రయత్నించండి.
  • కానీ సాధారణంగా ఇది ఇమేజ్‌లు లేదా అవసరమైన పేజీలతో కూడిన భాగాలకు మాత్రమే ఉపయోగించబడుతుంది మరియు హైస్‌లైడ్ విభాగాలను జోడించడానికి ఉపయోగించని పేజీలలో పేజీలను లోడ్ చేస్తుంది, కాబట్టి 50 KB కంటే ఎక్కువ జావాస్క్రిప్ట్ చాలా పెద్దది.

ఉదాహరణ 2:

  • ఒక వ్యాసంలో ఒక ప్రామాణిక అనుకూలత పద్ధతిని ఉపయోగించడంట్యాగ్ దానిని ఇన్సర్ట్ చేస్తుంది, కానీ చొప్పించబడిందిట్యాగ్ ద్వారా రూపొందించబడిన పేజీ W3C ధృవీకరణను పాస్ చేయదు.
  • W3C-ధృవీకరించబడిన కోడ్‌ని రూపొందించడానికి జావాస్క్రిప్ట్ అయిన SWFObjectని ఉపయోగించడం మంచి మార్గం.
  • కానీ సమస్య ఏమిటంటే, WordPressలోని ప్రతి పేజీలో SWFObjectని లోడ్ చేయడం వ్యర్థం మరియు అన్ని పేజీలు ఈ జావాస్క్రిప్ట్ ఫైల్‌ను ఉపయోగించవు.

వాస్తవానికి, కస్టమ్ పోస్ట్‌లు లేదా పేజీ లోడ్‌ల కోసం వేర్వేరు జావాస్క్రిప్ట్ పేజీలను అమలు చేయడానికి మేము WordPress యొక్క శక్తివంతమైన అనుకూల ఫీల్డ్‌లను ఉపయోగించవచ్చు.

ఈ కథనం మీకు చూపుతుంది: WordPress, కస్టమ్ జావాస్క్రిప్ట్ లేదా CSS ఫైల్‌లలో అనుకూల ఫీల్డ్‌లను ఎలా ఉపయోగించాలి?

మీరు అర్థం చేసుకోగలిగితే, అనుకూల ఫీల్డ్ విలువలు JavaScript మరియు CSS ఫైల్‌ల వలె సులభం కాదు.

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ని అమలు చేయడమే కాకుండా, కస్టమ్ ఫీల్డ్‌ల ద్వారా అనేక ఫంక్షన్‌లను అమలు చేయగలవని మీరు కనుగొంటారు, అవి: ఆర్టికల్ థంబ్‌నెయిల్‌లకు జోడించడం, కథనం చిట్కాలు మొదలైనవి. .

వాటిని ఎలా అమలు చేయాలనే దాని గురించి, అనుకూల ఫీల్డ్‌లను ఉపయోగించి ప్రయత్నించండి.

WordPressలో JavaScript/CSS కోడ్‌ను లోడ్ చేయడానికి కథనం ట్యాగ్‌లు మరియు కేటగిరీ హెడర్‌లు మరియు ఫుటర్‌లను ఎలా పేర్కొనాలి?

వర్డ్‌ప్రెస్ హెడర్‌ను ఎలా అనుకూలీకరించాలి ? వర్డ్‌ప్రెస్ ప్లగిన్‌ను ఇన్‌స్టాల్ చేయడానికి మరియు హెడర్ కోడ్‌ను జోడించడానికి మనం ఈ క్రింది ఆర్టికల్‌లోని దశలను అనుసరించవచ్చు ▼

  • ఈ విధంగా, WordPress థీమ్‌ను మార్చిన తర్వాత కస్టమ్ కోడ్‌ను కోల్పోవడం లేదా కస్టమ్ కోడ్‌ను మాన్యువల్‌గా బదిలీ చేయడం గురించి ఆందోళన చెందాల్సిన అవసరం లేదు.

చెన్ వీలియాంగ్ బ్లాగ్ ( https://www.chenweiliang.com/ ) లో పంచుకున్న "వర్డ్‌ప్రెస్‌లో పోస్ట్ పేజీలలో లోడ్ చేయడానికి జావాస్క్రిప్ట్/CSS కోడ్‌ను ఎలా పేర్కొనాలి?" అనే వ్యాసం మీకు సహాయకరంగా ఉంటుందని ఆశిస్తున్నాము.

ఈ వ్యాసం యొక్క లింక్‌ను పంచుకోవడానికి సంకోచించకండి: https://www.chenweiliang.com/cwl-1740.html

మరిన్ని దాచిన ఉపాయాలను అన్‌లాక్ చేయడానికి🔑, మా టెలిగ్రామ్ ఛానెల్‌లో చేరడానికి స్వాగతం!

మీకు నచ్చితే షేర్ చేయండి మరియు లైక్ చేయండి! మీ షేర్లు మరియు ఇష్టాలు మా నిరంతర ప్రేరణ!

 

发表 评论

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

పైకి స్క్రోల్