سائڈبارز

ویب ڈیزائن اور ڈیولپمنٹ میں، سائڈ بارز ویب پیج کے وہ حصے ہوتے ہیں جو عام طور پر مرکزی مواد کے علاقے کے بائیں یا دائیں جانب واقع ہوتے ہیں۔ان میں عام طور پر اضافی معلومات ہوتی ہیں جو مرکزی مواد یا ویب سائٹ کے مجموعی تھیم سے متعلق ہوتی ہیں۔
سائڈ بار کو مختلف مقاصد کے لیے استعمال کیا جا سکتا ہے، جیسے نیویگیشن مینو، سرچ بارز، سوشل میڈیا لنکس، اشتہارات، حالیہ پوسٹس، آرکائیوز، کیٹگریز، ٹیگز اور دیگر ویجٹس کی نمائش۔ویب سائٹ کے ڈیزائن اور لے آؤٹ کے مطابق انہیں اپنی مرضی کے مطابق اسٹائل بھی کیا جا سکتا ہے۔
ورڈپریس میں، سائڈ بارز کو عام طور پر ویجٹ کے ذریعہ منظم کیا جاتا ہے۔ ویب سائٹ کے مالکان مختلف قسم کے ویجٹس میں سے انتخاب کر سکتے ہیں اور مطلوبہ مواد کو ظاہر کرنے کے لیے انہیں اپنی سائڈبار میںdrag-and-drop آپشن کی مدد سے شامل کرسکتے ہیں۔کچھ ورڈپریس تھیمز پہلے سے طے شدہ سائڈبارز کے ساتھ آ سکتے ہیں یا صارفین کو اپنی مرضی کے مطابق سائڈ بار بنانے کی اجازت دے سکتے ہیں۔
نوٹ: نام “سائیڈ بار” اس وقت سے آیا ہے جب ویجیٹ کے علاقے عام طور پر بلاگ کے بائیں یا دائیں طرف ایک لمبی پٹی میں بنائے جاتے تھے۔ آج، سائڈبار اپنے اصل نام سے آگے نکل چکی ہیں۔ انہیں آپ کی ویب سائٹ پر کہیں بھی شامل کیا جا سکتا ہے۔ سائڈبار کو کسی بھی ایسے علاقے کے طور پر سوچیں جس میں ویجٹ ہوں۔

سائڈبار استعمال کرنے کے لیے، آپ کو انہیں functions.php میں رجسٹر کرنا ہوگا۔
()register_sidebar فنکشن میں ویلیوز کو اپ ڈیٹ کر کے اپنے نئے سائڈبار کے لیے سیٹنگز کو حسب ضرورت بنائیں:

• Name:– یہ آپ کے نئے سائڈبار کا نام ہے، جو ورڈپریس ایڈمن ایریا میں وجیٹس اسکرین میں ظاہر ہوگا۔
• id:–یہ آپ کی نئی سائڈبار کے لیے ایک منفرد شناخت کنندہ ہے، جسے آپ کے تھیم کے کوڈ میں ویجیٹ کے علاقے کا حوالہ دینے کے لیے استعمال کیا جائے گا۔ اسے چھوٹے حروف میں ہونا چاہیے۔ آپ اسے اپنی تھیم میں()dynamic_sidebar فنکشن کا استعمال کرکے کال کریں گے۔
• description :–یہ آپ کے نئے سائڈبار کی اختیاری تفصیل ہے۔ یہ ایڈمن ویجٹ پینل میں بھی دکھائی جائے گی۔
• class :–ویجیٹ کے HTML کو تفویض کرنے کے لیے CSS کلاس کا نام۔
• before_widget:–HTML ٹیگز جو ہر ویجیٹ سے پہلے رکھے جاتے ہیں۔
• after_widget :–HTML جو ہر ویجیٹ کے بعد رکھا جاتا ہے۔ before_widget سے ٹیگز کو بند کرنے کے لیے استعمال کیا جانا چاہیے۔
• before_title :–HTML جو ہر ویجیٹ کے عنوان سے پہلے رکھا جاتا ہے، جیسے ہیڈر ٹیگ۔
• after_title :–HTML جو ہر عنوان کے بعد رکھا جاتا ہے۔ before_title سے ٹیگز کو بند کرنے کے لیے استعمال کیا جانا چاہیے۔

سائڈبار کو رجسٹر کرنے کے لیے ہم register_sidebar اور widgets_init فنکشن استعمال کرتے ہیں۔

سائڈبار کی رجسٹریشن ورڈپریس کو بتاتی ہے کہ آپ Appearance > Widgets میں ایک نیا ویجیٹ ایریا بنا رہے ہیں جس پر صارف اپنے ویجٹ کو ڈریگ کر سکتے ہیں۔ سائڈبارز کو رجسٹر کرنے کے دو فنکشز ہیں:()register_sidebar اور ()register_sidebars
پہلا آپ کو ایک سائڈبار رجسٹر کرنے دیتا ہے اور دوسرا آپ کو متعدد سائڈبار رجسٹر کرنے دیتا ہے۔
نوٹ یہ تجویز کیا جاتا ہے کہ آپ انفرادی طور پر سائڈبار رجسٹر کریں کیونکہ یہ آپ کو ہر سائڈبار کو منفرد اور وضاحتی نام دینے کی اجازت دیتا ہے۔

ہیڈر اور فوٹر میں ویجیٹ ایریاز کے لیے، “سائیڈ بار 1” اور “سائیڈ بار 2” (جو ڈیفالٹ ہے) کے بجائے انہیں “ہیڈر ویجیٹ ایریا” اور “فوٹر ویجیٹ ایریا” کا نام دینا زیادہ سمجھ میں آتا ہے۔ یہ ایک مفید تفصیل فراہم کرتا ہے کہ سائڈبار کہاں واقع ہے۔
ذیل کا کوڈ، جب آپ کی ویب سائٹ کی “functions.php” فائل میں شامل کیا جائے گا، تو ایک نئی سائڈبار رجسٹر ہو جائے گی۔

• register_sidebar – ورڈپریس کو بتاتا ہے کہ آپ سائڈبار کو رجسٹر کر رہے ہیں۔
• ‘name’ => __( ‘Primary Widget Area’, ‘mytheme’ ), –ویجیٹ ایریا کا نام ہے جو Appearance > Widgets میں ظاہر ہوگا۔
• ‘id’ => ‘primary’ – سائڈبار کو ایک ID تفویض کرتا ہے۔ ورڈپریس مخصوص سائڈبار کو ویجٹ تفویض کرنے کے لیے ‘id’ استعمال کرتا ہے۔
• before_widget/after_widget – سائڈبار کو تفویض کردہ وجیٹس کے لیے ایک ریپر عنصر۔ “%1$s” اور “%2$s” کو ہمیشہ بالترتیب id اور کلاس میں استعمال کرنا چاہیے تاکہ پلگ ان ان کا استعمال کر سکیں۔ پہلے سے طے شدہ طور پر، ورڈپریس ان کو لسٹ آئٹم کے طور پر سیٹ کرتا ہے لیکن مندرجہ بالا مثال میں انہیں div میں تبدیل کر دیا گیا ہے۔
• before_title/after_title – ویجیٹ ٹائٹل کے لیے ریپر عناصر(elements)۔ پہلے سے طے شدہ طور پر، ورڈپریس اسے h2 پر سیٹ کرتا ہے لیکن h3 کا استعمال اسے مزید معنوی بنا دیتا ہے۔

اب جبکہ آپ کے سائڈبارز رجسٹرڈ ہیں، آپ انہیں اپنی تھیم میں ڈسپلے کرنا چاہیں گے۔ ایسا کرنے کے لیے، دو مراحل ہیں:

1. sidebar.php ٹیمپلیٹ فائل بنائیں اور dynamic_sidebar فنکشن کا استعمال کرتے ہوئے سائڈبار ڈسپلے کریں۔
2. get_sidebar فنکشن کا استعمال کرتے ہوئے اپنی تھیم میں لوڈ کریں۔

سائڈبار ٹیمپلیٹ میں آپ کی سائڈبار کا کوڈ ہوتا ہے۔ ورڈپریس sidebar.php فائل اور کسی بھی ٹیمپلیٹ فائل کو sidebar-{name}.php نام سے پہچانتا ہے۔ اس کا مطلب یہ ہے کہ آپ اپنی فائلوں کو ہر سائڈبار کے ساتھ اس کی اپنی ٹیمپلیٹ فائل میں ترتیب دے سکتے ہیں۔
sidebar-primary.php بنائیں

نوٹ کریں کہ dynamic_sidebar کا ایک پیرامیٹر لیتا ہے، جو سائڈبار کا نام یا id ہو سکتا ہے۔

اپنی تھیم میں سائڈبار لوڈ کرنے کے لیے get_sidebar فنکشن استعمال کریں۔ اسے ٹیمپلیٹ فائل میں داخل کیا جانا چاہئے جہاں آپ سائڈبار کو ظاہر کرنا چاہتے ہیں۔ پہلے سے طے شدہ sidebar.php کو لوڈ کرنے کے لیے درج ذیل کا استعمال کریں:

پرائمری سائڈبار کو ظاہر کرنے کے لیے، name$ پیرامیٹر کو فنکشن میں منتقل کریں:

اگر صارف نے ابھی تک سائڈبار میں کوئی ویجٹ شامل نہیں کیا ہے تو آپ مواد کو ظاہر کرنا چاہیں گے۔ ایسا کرنے کے لیے، آپ ()is_sidebar_active فنکشن کا استعمال کرتے ہیں جو یہ چیک کرتا ہے کہ آیا سائڈبار میں کوئی ویجٹ ہے یا نہیں۔ یہ index$ پیرامیٹر کو قبول کرتا ہے جو اس سائڈبار کی ID ہونی چاہیے جسے آپ چیک کرنا چاہتے ہیں۔

یہ کوڈ چیک کرتا ہے کہ آیا سائڈبار فعال ہے، اگر نہیں تو یہ کچھ مواد دکھاتا ہے:

آپ چاہتے ہیں کہ آپ کی سائڈبار بطور ڈیفالٹ کچھ ویجٹ کے ساتھ آباد ہو۔ مثال کے طور پر، تلاش، آرکائیو، اور میٹا وجیٹس ڈسپلے کریں۔ ایسا کرنے کے لیے آپ درج ذیل کوڈ استعمال کرسکتے ہیں: