ورڈپریس یہ کیسے بتاتا ہے کہ مضمون کے صفحات جاوا اسکرپٹ/سی ایس ایس کوڈ لوڈ کرتے ہیں؟

بناناWordPressتھیمنگ کرتے وقت، اگر کوئی مخصوص JavaScript یا CSS کوڈ ہے جو ورڈپریس میں کسی مخصوص صفحہ پر ظاہر ہوتا ہے، تو اسے صرف ایک بار استعمال کیا جائے گا۔

کوڈ کہاں رکھا جائے؟ Style.css یا base.js؟

لیکن ایسا کرنے کی قیمت تھوڑی زیادہ ہے۔

مثال 1:

  • اپنی ورڈپریس سائٹ پر Highslide JavaScript اثر حاصل کرنے کی کوشش کریں۔
  • لیکن عام طور پر یہ صرف تصاویر والے حصوں یا مطلوبہ صفحات کے لیے استعمال ہوتا ہے، اور ہائی سلائیڈ سیکشنز کو شامل کرنے کے لیے غیر استعمال شدہ صفحات پر صفحات لوڈ کرنے کے لیے، اس لیے جاوا اسکرپٹ کا 50 KB سے زیادہ بڑا ہے۔

مثال 2:

  • ایک مضمون میں ایک معیاری مطابقت کا طریقہ استعمال کرنا ہے۔ٹیگ اسے داخل کرتا ہے، لیکن داخل کیا جاتا ہے۔ٹیگ کے ذریعے تیار کردہ صفحہ W3C کی توثیق کو پاس نہیں کر سکتا۔
  • ایک اچھا طریقہ یہ ہے کہ SWFObject، ایک جاوا اسکرپٹ کو W3C سے تصدیق شدہ کوڈ بنانے کے لیے استعمال کیا جائے۔
  • لیکن مسئلہ یہ ہے کہ ورڈپریس میں ہر صفحے پر SWFObject لوڈ کرنا فضول ہے، اور تمام صفحات اس JavaScript فائل کو استعمال نہیں کرتے۔

درحقیقت، ہم ورڈپریس کے طاقتور کسٹم فیلڈز کو اپنی مرضی کے مطابق پوسٹس یا پیج لوڈ کرنے کے لیے مختلف JavaScript صفحات کو لاگو کرنے کے لیے استعمال کر سکتے ہیں۔

یہ مضمون آپ کو دکھائے گا: ورڈپریس، کسٹم جاوا اسکرپٹ یا سی ایس ایس فائلز پر کسٹم فیلڈز کا استعمال کیسے کریں؟

اگر آپ سمجھ سکتے ہیں تو، اپنی مرضی کے مطابق فیلڈ ویلیوز جاوا اسکرپٹ اور CSS فائلوں کی طرح آسان نہیں ہیں۔

ورڈپریس تھیمز میں کسٹم فیلڈز کیسے شامل کریں؟

ورڈپریس تھیم کی 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代码 结束 -->

کوڈ میں ہیڈ کسٹم فیلڈ کا نام ہے، جسے اپنی مرضی کے مطابق بنایا جا سکتا ہے۔

ورڈپریس پوسٹس یا پیجز میں حسب ضرورت فیلڈز شامل کریں۔

ورڈپریس پسدیدترمیمی مضمون کے صفحہ کے ایڈیٹر میں، "کسٹم فیلڈز" کے لیے ایک چھوٹی سی ونڈو ہے۔

  1. "نام" کے لیے درج کریں:head
  2. پھر "ویلیو" میں وہ کوڈ درج کریں جسے آپ ڈسپلے میں شامل کرنا چاہتے ہیں۔ 

ورڈپریس JavaScript/CSS کوڈ لوڈ کرنے کے لیے مضمون کا صفحہ بتاتا ہے۔

  • اپنی مرضی کے مطابق فیلڈ شامل کریں پر کلک کریں۔
  • مضمون کو اپ ڈیٹ کرنے سے آپ تھیم کو کوڈ کر سکیں گے اور ان حسب ضرورت فیلڈز کے لیے اقدار درج کر سکیں گے۔

چونکہ آپ صرف وہی کوڈ آؤٹ پٹ کرتے ہیں جسے "قدر" میں لوڈ کرنے کی ضرورت ہوتی ہے، لہذا آپ کو درج ذیل ملتا جلتا کوڈ "قدر" میں درج کرنا ہوگا ▼

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

یا ▼

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

اوپر والے کوڈ کو آؤٹ پٹ کرنے کے لیے۔

ورڈپریس کسٹم فیلڈز کے لیے دیگر استعمال

مندرجہ بالا اصولوں کو سمجھنے کے بعد، آپ دیکھیں گے کہ ورڈپریس کسٹم فیلڈز نہ صرف اپنی مرضی کے صفحات کے لیے اپنی مرضی کے JavaScript یا CSS کو لاگو کر سکتے ہیں، بلکہ اپنی مرضی کے فیلڈز کے ذریعے بہت سے فنکشنز کو بھی نافذ کر سکتے ہیں، جیسے: آرٹیکل تھمب نیلز، آرٹیکل ٹپس وغیرہ میں شامل کریں۔

جہاں تک ان کو لاگو کرنے کا طریقہ ہے، حسب ضرورت فیلڈز استعمال کرنے کی کوشش کریں۔

ورڈپریس میں جاوا اسکرپٹ/سی ایس ایس کوڈ کو لوڈ کرنے کے لیے آرٹیکل ٹیگز اور زمرہ ہیڈر اور فوٹر کی وضاحت کیسے کریں؟

ورڈپریس میں ہیڈر کو کس طرح اپنی مرضی کے مطابق بنائیں?ہم اسے مندرجہ ذیل مضمون کی ہدایات کے ذریعے انسٹال کر سکتے ہیں۔ورڈپریس پلگ انہیڈ کوڈ شامل کرنے کا احساس کریں▼

  • اس طرح، ورڈپریس تھیم کو تبدیل کرنے کے بعد اپنی مرضی کے کوڈ کو کھونے یا دستی طور پر کسٹم کوڈ کو منتقل کرنے کے بارے میں فکر کرنے کی ضرورت نہیں ہے۔

ہوپ چن ویلیانگ بلاگ ( https://www.chenweiliang.com/ ) کا اشتراک کیا گیا "ورڈپریس یہ کیسے بتاتا ہے کہ مضمون کا صفحہ JavaScript/CSS کوڈ کو لوڈ کرتا ہے؟ ، آپکی مدد کے لئے.

اس مضمون کا لنک شیئر کرنے میں خوش آمدید:https://www.chenweiliang.com/cwl-1740.html

مزید پوشیدہ چالوں کو کھولنے کے لیے، ہمارے ٹیلیگرام چینل میں شامل ہونے میں خوش آمدید!

پسند آئے تو شیئر اور لائک کریں! آپ کے شیئرز اور لائکس ہماری مسلسل حوصلہ افزائی ہیں!

 

评论 评论

آپ کا ای میل پتہ شائع نہیں کیا جائے گا۔ ضروری شعبوں کا استعمال کیا جاتا ہے * لیبل لگائیں

میں سکرال اوپر