تمام جدید ویب سائٹس کو مختلف قسم کی سکرین کی چوڑائیوں پر صحیح طریقے سے کام کرنے کے لیے ڈیزائن کیا گیا ہے۔ پرانے دنوں میں سادہ ایچ ٹی ایم ایل کا استعمال کرتے ہوئے ٹیبلز بنائے گئے تھے۔ چونکہ لچکدار ویب ڈیزائن نیا معیار بن گیا ہے، بنیادی HTML ٹیبلز نے جدید ویب سائٹس کے تقاضوں کو پورا کرنے کے لیے جدوجہد کی ہے۔ چونکہ سادہ ایچ ٹی ایم ایل ٹیبلز ریسپانسیو نہیں ہیں، اس لیے ان میں شامل ٹیکسٹ کو موبائل اسکرین کے سائز پر پڑھنا انتہائی مشکل ہے، یہی وجہ ہے کہ ان کو ریسپانسیو ٹیبلز تیار کرنے کے لیے استعمال کیا جاتا ہے جو اسکرین کے سائز کے لحاظ سے اپنی ترتیب کو اپناتے ہیں جس پر وہ دیکھے جا رہے ہیں، HTML اور CSS میڈیا سوالات کو ایک دوسرے کے ساتھ مل کر استعمال کیا جانا چاہیے۔
- حل 1: Divi بلڈر کا استعمال کرتے ہوئے میزیں بنائی جا سکتی ہیں۔
- حل 2: ٹیبل plugin کا استعمال کریں جس میں یہ فعالیت بطور ڈیفالٹ شامل ہے!
- WP Table Manager
- WP Table Manager کے لیے انٹرفیس
- نتیجہ
ٹیبلز کو تمام اسکرین سائزز پر پڑھنے کے قابل ترتیب کے ساتھ معلومات کے ایک سیٹ کے لیے بنایا جا سکتا ہے جو بہت بڑا یا متنوع نہیں ہے، اور یہ بنیادی HTML اور CSS اپروچز کے ساتھ مکمل کیا جا سکتا ہے۔ تاہم، اگر ٹیبل کا مقصد کافی مقدار میں ڈیٹا رکھنا ہے، تو 786 پکسلز سے کم چوڑائی والے موبائل آلات یا اسکرینوں پر پڑھنے کے قابل ترتیب بنانا آسان نہیں ہے۔
اگر HTML اور CSS کے ساتھ کام کرنے والا ویب ڈیزائنر تمام سکرین کے سائز پر ٹیبل کو ریسپانسیو بنانے کے لیے ڈیٹا کی مقدار پر غور نہیں کرتا ہے، تو امکان ہے کہ وہ مسائل کا شکار ہو جائیں جو سائٹ کے مواد کی پڑھنے کی اہلیت کو نمایاں طور پر متاثر کرتے ہیں۔ یہاں کچھ تجاویز ہیں جو آپ، بطور Divi ویب سائٹ ڈیزائنر، دستی طور پر ریسپانسیو ٹیبل بنانے کی کوشش کرتے وقت عمل میں لا سکتے ہیں۔
چھوٹی اسکرین کو ایڈجسٹ کرنے کے لیے ٹیبل کے سائز کو کم کرتے ہوئے، آپ کو ایک سے زیادہ CSS کلاسز بنانے کی ضرورت ہوگی، جس میں ہر کلاس ایک مخصوص اسکرین ریزولوشن کو نشانہ بناتی ہے۔
ایک متبادل حل جو آپ کر سکتے ہیں وہ یہ ہے کہ جب اسکرین کا سائز کم ہو تو ٹیبل سے مخصوص کالم چھپا دیں۔
چھوٹی اسکرینوں کے لیے، آپ ٹیبل کے ہیڈرز اور فوٹرز میں افقی یا عمودی اسکرول شامل کر سکتے ہیں۔
ایک واحد ٹیبل بنائیں جسے اسکرین کے تمام سائزز پر فٹ کرنے کے لیے اسکیل کیا جا سکے، اور مواد کو مزید پڑھنے کے قابل بنانے کے لیے ٹیبل کو زوم کریں۔
یہ حل کافی مقدار میں کوشش کا مطالبہ کرتے ہیں، اور تقاضے مواد اور اسکرین کے سائز کے لحاظ سے مختلف ہو سکتے ہیں۔
حل 1: Divi بلڈر کا استعمال کرتے ہوئے میزیں بنائی جا سکتی ہیں۔
Elegant Themes نے یہ دکھانے کے لیے ایک ٹیوٹوریل تیار کیا ہے کہ Divi کے بلٹ ان فیچرز کا استعمال کرتے ہوئے ریسپانسیو ٹیبل کیسے بنائے جائیں۔ اسے یہاں چیک کریں۔ انہوں نے کالموں میں افقی اسکرول کی صلاحیتیں شامل کی ہیں جو ٹیبل کنٹینر کو اوور فلو کرتے ہیں، جس سے ٹیبل کو صارف کے ان پٹ کے لیے زیادہ جوابدہ بنایا جا سکتا ہے۔ آپ سبق کے صفحے پر جا کر مزید معلومات حاصل کر سکتے ہیں:
حل 2: ٹیبل plugin کا استعمال کریں جس میں یہ فعالیت بطور ڈیفالٹ شامل ہے!
ریپو میں دستیاب مفت plugin سلوشنز کی کثرت کی بدولت اپنی Divi ویب سائٹ کے لیے ایک ریسپانسیو ٹیبل بنانا اب کوئی مسئلہ نہیں ہے۔ تاہم، ایسے ٹیبل plugin تلاش کرنا تھوڑا مشکل ہے جن میں موبائل ریسپانسیونیس آپشنز موجود ہیں۔ wpDataTables جیسے مقبول plugin میں یہ خصوصیت مفت اختیار کے طور پر نہیں ہے۔
اس تحریر میں، ہم WP Tabe Builder کے بہترین plugin میں سے ایک پر غور کرتے ہیں۔
WP Table Manager
WP Table Manager واحد ورڈپریس ٹیبل plugin ہے جو ٹیبلز کو منظم کرنے کے لیے ایک مکمل اسپریڈشیٹ انٹرفیس دیتا ہے۔ ایک ٹیبل بنائیں، ایک تھیم منتخب کریں، اور جیسے ہی آپ ٹیبل بنانا ختم کر لیں ان میں ترمیم کرنا شروع کر دیں۔ آپ طاقتور ٹیبل ایڈیٹنگ خصوصیات کے ایک جامع سیٹ سے فائدہ اٹھائیں گے، بشمول HTML سیل ایڈیٹنگ، ٹیبل کاپی کرنا، کمپیوٹنگ، اور Excel، Google Sheets، اور Office 365 کے ساتھ ہم آہنگی؛ یہ اتنا ہی آسان ہے جتنا کہ سیل پر کلک کرنا اور ڈیٹا میں ترمیم کرنا کسی بصری ٹیکسٹ ایڈیٹر کی مدد کے بغیر کسی ٹیبل کو تبدیل کرنے کے لیے۔
WP Table Manager آپ کو ایک سادہ بصری انٹرفیس کا استعمال کرتے ہوئے پرکشش، ذمہ دار میزیں ڈیزائن کرنے کی اجازت دیتا ہے۔ یہ استعمال کرنے کے لئے مفت ہے. ایک بار جب آپ اسے چالو کر لیتے ہیں، تو آپ کو سیٹ اپ گائیڈ پر بھیجا جائے گا۔ طریقہ کار پر عمل کریں اور اپنی پسند کے مطابق ضروری ایڈجسٹمنٹ کریں۔ گویا جادو کے ذریعے، آپ نے ایک خوبصورت ٹیبل بنایا ہے جو کسی بھی سائز کے ہر ڈیوائس پر خوبصورتی سے ظاہر ہوتا ہے۔ اس کے بعد آپ کو بس مختصر کو کاپی کرنا ہے اور اسے اس صفحہ میں چسپاں کرنا ہے جہاں آپ اسے ظاہر کرنا چاہتے ہیں۔ بلڈر اس وقت سات عناصر (ٹیکسٹ، امیج، لسٹ، بٹن، اسٹار ریٹنگ، کسٹم ایچ ٹی ایم ایل، اور شارٹ کوڈ) پیش کرتا ہے جنہیں آپ ڈریگ اینڈ ڈراپ فیچر کا استعمال کرکے ٹیبل پلیس ہولڈرز میں گھسیٹ سکتے ہیں۔ ان کو مختلف قسم کی میزیں بنانے کے لیے استعمال کیا جا سکتا ہے، جیسے پروڈکٹ کے موازنہ کی میزیں، قیمتوں کے تعین کی میزیں، فہرست کی میزیں وغیرہ۔ یہ وہ ٹیبل plugin ہے جسے ہم نے اپنی تحقیقات کے دوران دریافت کیا کہ یہ سب سے زیادہ نوآموز دوست ہے۔ براہ کرم ذہن میں رکھیں کہ موجودہ ورژن میں سرچ فیلڈ یا کسی اور قسم کی فلٹرنگ فعالیت نہیں ہے۔ مزید برآں، اگر آپ بہت سے ڈیٹا سیٹوں کو داخل کرنے یا ان کا نظم کرنے کا ارادہ رکھتے ہیں، تو یہ مثالی آپشن نہیں ہوسکتا ہے۔ اس قسم کے استعمال کے منظر نامے کے لیے، Visualizer یا Tablepress دونوں بہترین انتخاب ہیں۔
WP Table Manager کے لیے انٹرفیس
آپ شارٹ کوڈ کو کوڈ ماڈیول یا Divi میں ٹیکسٹ ماڈیول میں شامل کر سکتے ہیں۔
DIVI تھیم میں WP Table Manager شامل ہے۔
جب میزیں سنبھالنے کی بات آتی ہے تو WP Table Manager plugin تفصیلات کے انتظام کے جواب دیتا ہے۔
- ایک بار جب آپ کے ٹیبل پر فلٹر کا آپشن فعال ہو جاتا ہے، تو آپ ڈیٹا کے لیے ہر کالم کو تلاش کر سکتے ہیں اور پوری ٹیبل کو فلٹر کر سکتے ہیں۔ یہ بڑی میزوں پر بھی کام کرتا ہے، بشمول صفحہ بندی
- ہر کالم پر اوپر اور نیچے کا تیر آپ کے ٹیبل ڈیٹا کو ترتیب دے گا۔ ٹیبل ڈیٹا آرڈرنگ بھی بڑی میزوں پر کام کرتی ہے، بشمول صفحہ بندی۔
- ایک بار جب آپ اپنی ضرورت کے تمام ڈیٹا کے ساتھ اپنا ٹیبل بنا لیتے ہیں، تو آپ صارفین کو ترتیب دینے کی اجازت دے سکتے ہیں، لیکن آپ ڈیفالٹ آرڈر بھی قائم کر سکتے ہیں۔ یہ کافی فائدہ مند ہو سکتا ہے جب معلومات وقت کے ساتھ تبدیل ہوتی ہیں، کیونکہ آپ ریس کے بعد آنے والوں کو ترتیب سے ترتیب دے سکتے ہیں۔
- اگر آپ اپنے سرور کے وسائل کو برقرار رکھتے ہوئے اپنی ویب سائٹ کے فرنٹ اینڈ پر ایک بڑا ٹیبل ڈسپلے کرنا چاہتے ہیں تو صفحہ بندی کی ضرورت ہے۔ ٹیبل قطاروں کی ایک پیش سیٹ رقم منتخب کریں، ہر صفحہ۔
WP Table Manager ایکسل فائل امپورٹر کے ذریعے ایکسل دستاویزات کا انتظام کرنے کا ایک کھلا طریقہ بھی ہے۔ تاہم، آپ صرف ایکسل ڈیٹا کو ایک قابل تدوین HTML ٹیبل کے طور پر درآمد اور تبدیل کر سکتے ہیں یا ایکسل فائل کو درآمد کر سکتے ہیں جس کے انداز میں رنگ، پس منظر، کالم سائز، لنکس شامل ہیں۔
اپنے ایکسل ٹیبل کا نظم کریں اور اسے اپنی ورڈپریس ویب سائٹ پر شائع کریں! آپ ورڈپریس میڈیا مینجمنٹ یا ایف ٹی پی کلائنٹ کے ذریعے ٹیبل پر ایکسل فائل اپ لوڈ کر سکتے ہیں۔ پھر، اپنی ایکسل فائل کو منتخب کریں اور ٹیبل سیٹنگز سے ہم وقت سازی شروع کریں۔
آپ کے ورڈپریس ٹیبل اور ایکسل فائل کے درمیان مطابقت پذیری ایک منٹ اور ایک دن کے درمیان باقاعدگی سے کی جا سکتی ہے۔ خودکار مطابقت پذیری کی تاخیر کو ناپسندیدہ ورڈپریس پبلک ٹیبل اپ ڈیٹس سے بچنے یا ایک بڑی میز کے لیے سرور کے وسائل کو بچانے کے لیے بھی بیان کیا جا سکتا ہے۔
ٹیبل درآمد کرنے کے بعد، تمام ڈیٹا اپ ڈیٹ کیا جا سکتا ہے؛ یہ صرف ایک عام HTML ٹیبل ہے جو plugin کی طرح قابل تدوین ہے! ورڈپریس اسپریڈشیٹ۔
دوسری طرف، اپنے مطلوبہ تمام ڈیٹا کے ساتھ ایک صاف ٹیبل بنانے کے بعد، آپ اسے ایک روایتی Excel فائل کے طور پر برآمد کر سکتے ہیں اور، amp کے طور پر، اپ ڈیٹ کردہ Excel شیٹ کو بعد میں دوبارہ چلا سکتے ہیں۔ آپ کے صارفین اب ٹیبل کو ورڈپریس فرنٹ اینڈ پر ایکسل شیٹ کے طور پر ایکسپورٹ کر سکتے ہیں۔
WP Table Manager بھی OneDrive کے ذریعے Office 365 کے ساتھ ہم آہنگ ہوتا ہے۔
OneDrive ایکسل فائل امپورٹ اور ایکسپورٹ ٹول دستیاب ہے۔ رن پر اپنی فائلوں کو درآمد اور ان میں ترمیم کرکے وقت کی بچت کریں۔ OneDrive فائل کی مطابقت پذیری کے ساتھ اور زیادہ نتیجہ خیز بنیں! مطابقت پذیری، خود بخود ایڈجسٹ کرنے کے لیے ایک Office 365 Excel فائل منتخب کریں، اور یہ آپ کی ویب سائٹ پر لائیو ہے۔
WP Table Manager آپ کو ڈیٹا بیس سے ٹیبل بنانے اور درآمد کرنے میں مدد کرتا ہے۔ اب اس میں ویب سائٹ ڈیٹا بیس کے مواد کے انتخاب سے ٹیبل بنانے کا ایک ٹول شامل ہے، جو پہلے دستیاب نہیں تھا۔ ڈیٹا بیس سے میزیں اور کالم منتخب کیے جاتے ہیں، قابل ترتیب فلٹرز لاگو کیے جاتے ہیں، اور میزوں کا نظم WP Table manager انٹرفیس کے ذریعے کیا جاتا ہے۔ جب ڈیٹا بیس کو اپ ڈیٹ کیا جاتا ہے، تو آپ کا ٹیبل خود بخود بڑھ جاتا ہے! اس کے علاوہ، آپ کے پاس چھانٹی، فلٹرنگ، خودکار ڈیزائن، اور صفحہ بندی کے اختیارات ہیں۔
اگر آپ ڈویلپر نہیں ہیں تو، آپ کسی بھی ڈیٹا بیس کے مواد کو اپنے HTML ٹیبل سے بصری طور پر جوڑ سکتے ہیں۔ ڈیٹا بیس کے مواد سے ایک نیا ٹیبل تیار کرتے وقت آپ کے ڈیٹا بیس میں موجود تمام ٹیبلز پیش کیے جاتے ہیں۔
آپ کی ویب سائٹ کا ڈیٹا بیس ایک سادہ تلاش کر سکتا ہے اور اپنے ٹیبلز اور کالموں کو منتخب کر سکتا ہے۔ یہ ایک وسیع ڈیٹا بیس میں کافی فائدہ مند ہے۔ مزید برآں، ایک وزرڈ آپ کو ڈیٹا بیس سے مرحلہ وار جدول کے ساتھ مدد کرنے کے لیے حاضر ہے۔
آخری مرحلے میں، ڈیٹا بیس سے جدول کا پیش نظارہ کرنے سے پہلے، آپ مخصوص ڈیٹا بیس ٹیبلز پر اپنی مرضی کے مطابق استفسار لکھ سکتے ہیں۔ ہم کچھ فنکشنز کو سپورٹ کرتے ہیں، جیسے SELECT، REPLACE، RENAME، SHOW، EXPLAIN، DESCRIBE۔
ایک ڈیٹا بیس ٹیبل بعض اوقات کئی قطاروں کے ساتھ آتا ہے۔ اس طرح، یہ آپشن آپ کی سکرین پر فٹ ہونے والی میز کو ظاہر کرنے میں مدد کر سکتا ہے۔ اس کے علاوہ، آپ ٹیبل کی قطاروں کی پہلے سے طے شدہ رقم، ہر صفحہ مقرر کر سکتے ہیں۔ مزید برآں، آپ پورے ٹیبل کو بطور ڈیفالٹ ترتیب دینے کے لیے کالم کا انتخاب بھی کر سکتے ہیں۔
ورڈپریس ڈیٹا بیس ٹیبل کنکشن صرف ورڈپریس ٹیبل تک محدود نہیں ہے۔ تمام ٹیبلز جو ورڈپریس سے نہیں ہیں لیکن ایک ہی ڈیٹا بیس پر انسٹال کی جا سکتی ہیں۔
آپ کے ٹیبل پر موجود بڑے ڈیٹا میں سے، آپ کسی مخصوص چیز پر توجہ مرکوز کرنے کے لیے کچھ حسب ضرورت اصول بنا سکتے ہیں۔ اگر آپ اس سے واقف ہیں، تو آپ ڈیٹا بیس آپریٹرز کے ساتھ کھیل سکتے ہیں جیسے >, <, LIKE, IN…
آپ کے بنائے ہوئے ڈیٹا بیس سے ٹیبلز کو کسی دوسرے ٹیبل کی طرح ایڈٹ کیا جا سکتا ہے (اگر صارف کو اس قابل فہم خصوصیت تک رسائی حاصل ہے)؛ یہ بیچ میں کچھ ڈیٹا بیس ڈیٹا میں ترمیم کرنے کے لیے کافی آسان ہے، جیسے کہ amp کے طور پر، اشاعت کے بعد کی کئی تاریخیں جنہیں ایک ایک کرکے کیا جائے تو کچھ وقت لگ جاتا۔
نتیجہ
میزیں معلومات کے سیٹ کو ظاہر کرنے کے سب سے مؤثر طریقوں میں سے ایک ہیں۔ تاہم، ایک کم تکنیکی شخص کے لیے ویب پیج پر ٹیبل بنانا ایک چیلنج ہے۔ ان plugin ان کا استعمال کرتے ہوئے، آپ آسانی سے ٹیبل بنا سکتے ہیں جو کسی بھی ڈیوائس پر صرف چند آسان مراحل میں پڑھنے کے قابل ہوں۔ مزید یہ کہ، ریسپانسیو ٹیبلز یقینی طور پر آپ کی سائٹ کے زائرین کے لیے مثبت مجموعی تجربات فراہم کرتی ہیں۔ لہذا، اسے آزمائیں اور ہمیں ذیل میں تبصرہ سیکشن میں اپنا تجربہ بتائیں۔
