ہمیں Page Builder Sandwich کو عوام کے لیے متعارف کرائے 10 ماہ ہو چکے ہیں۔ اب ہمارے پاس تقریباً 6,000 فعال انسٹالز ہیں، اور یہ ہمارے لیے کافی بڑی کامیابی ہے۔ اس کی بدولت ہمیں بے شمار فیڈ بیک بھی ملا ہے، اچھا بھی اور برا بھی۔ تاہم، عمومی رائے یہ ہے کہ لوگ دیگر پیج بلڈرز کے مقابلے میں لے آؤٹس بنانا اور اپنا مواد تخلیق کرنا کتنا آسان ہے، اس سے لطف اندوز ہوتے ہیں۔

ہمیں ملنے والے فیڈ بیک کا ایک بڑا حصہ فیچر کی درخواستوں پر مشتمل تھا، اور ہم نے گزشتہ چند مہینوں میں ان میں سے بہت سے فیچرز شامل کیے ہیں۔ لیکن جیسے جیسے ہم ایسا کرتے رہے، ہم نے اس عمل کے دوران آہستہ آہستہ یوزر انٹرفیس کو بھی تبدیل کرنا شروع کر دیا۔ اور نتیجے کے طور پر، ہم صارف کے تجربے کو بھی تبدیل کر رہے تھے… بدترین سمت میں۔ نوبت یہاں تک پہنچ گئی کہ ہمیں انٹرفیس پر ازسرِ نو غور کرنے کی ضرورت پیش آئی، کیونکہ یہ اب روانی سے کام نہیں کر رہا تھا، اور مختلف فیچرز بھی اس کے ساتھ مطابقت نہیں رکھ رہے تھے۔

ناکارہ انٹرفیس

PBS کے پچھلے ورژنز میں، ہم چاہتے تھے کہ ہر چیز بٹنوں کی شکل میں ہو۔ کیوں؟ کیونکہ بٹن استعمال کرنے میں آسان ہوتے ہیں۔ آپ کو بس… ان پر کلک کرنا ہوتا ہے۔ انسپیکٹر (اوپر دی گئی تصویر میں موجود سائیڈ بار) کے پرانے ورژنز پر، بٹن پر کلک کرنے سے قدر بڑھ جاتی تھی، اور shift+click کرنے سے وہ کم ہو جاتی تھی۔ یہ کافی آسان معلوم ہوتا ہے۔ لیکن کیروسلز، ٹیبز، میپس اور دیگر نئے عناصر اور فیچرز کے اضافے کے ساتھ، وہ تمام بٹن مختلف ڈیزائنز والے مختلف آئیکنز کا ایک ملغوبہ بن گئے، اور ایک اچھے انٹرفیس کے بجائے کچھ حد تک قدیم تصویری تحریر کی طرح دکھائی دینے لگے۔ یہ پرانے صارفین کے لیے تو کوئی مسئلہ نہیں تھا، لیکن اگر آپ PBS کے لیے نئے ہیں تو اسے دیکھ کر خاصی گھبراہٹ ہو سکتی ہے۔

اگلی بات یہ کہ انسپیکٹر پر بھی کچھ مسائل سامنے آنے لگے۔ اصل خیال یہ تھا کہ ہر چیز کو سادہ رکھا جائے اور انسپیکٹر کے اندر ہی دستیاب کیا جائے۔ اور ہر چیز سے میری مراد واقعی ہر چیز تھی – ٹیکسٹ کو ہیڈنگز میں تبدیل کرنے سے لے کر، پس منظر کے رنگوں، فونٹ کے رنگوں کو تبدیل کرنے تک، جو بھی آپ سوچیں۔ تاہم اپنی موجودہ حالت میں، انسپیکٹر میں اب بہت سے ایسے آپشنز موجود ہیں جن کے لیے آپ کو ماؤس کے پہیے سے مسلسل اوپر اور نیچے اسکرول کرنا پڑتا ہے۔ یہ اس انسپیکٹر سے بالکل مختلف تھا جیسا میں نے ماضی میں صارفین کے لیے بنانے کی امید کی تھی۔

آخر میں، ہم نے حال ہی میں آپ کے پسندیدہ پلگ انز کے لیے شارٹ کوڈ میپنگ. اس فیچر کے لیے ہمیں ٹیکسٹ فیلڈز، نمبر سلائیڈرز، چیک باکسز، اور اضافی نئے آپشنز بنانے کی ضرورت پڑی تاکہ آپ کے شارٹ کوڈ میں ترمیم کے تجربے کو زیادہ خوشگوار بنایا جا سکے۔ ابتدا میں یہ ایک اچھا خیال تھا، اور ہاں، اس نے آپ کے لیے شارٹ کوڈز کا انتظام آسان بنا دیا۔ لیکن ایک بار پھر، یہ فیچر ہمارے ”صرف بٹنز“ والے انٹرفیس سے ہٹ گیا۔ ماضی پر نظر ڈالیں تو، شارٹ کوڈ کی خصوصیات کو تبدیل کرنے کے لیے صرف بٹنوں کا استعمال واقعی ناممکن تھا۔ اب، تازہ ترین ورژن میں، ہمارے پاس 2 قسم کے کنٹرولز آ گئے ہیں: بٹنز اور شارٹ کوڈ فیلڈز۔

کچھ اور وجوہات بھی تھیں جن کی بنا پر ہم نے یہ فیصلہ کیا کہ ہمارا انٹرفیس اب مؤثر (یا ہماری ضروریات کے مطابق) نہیں رہا، لیکن مذکورہ بالا نکات اہم ترین ہیں۔ تاہم ایک بات ہمیشہ یقینی تھی: ہمیں معلوم تھا کہ انٹرفیس کو اپ ڈیٹ کرنا لازمی ہے۔

تعین کرنا کہ ایک پیج بلڈر کو مثالی طور پر کیسے کام کرنا چاہیے

فوراً کام شروع کر دینے اور چیزوں کو فوراً تبدیل کرنے کے بجائے، ہم نے پورے پیج بلڈر کے تجربے کا جائزہ لینے کے لیے سو قدم پیچھے ہٹنے کا فیصلہ کیا۔ ہم انٹرفیس میں ایک نئی جان ڈالنا چاہتے تھے۔ سچ کہیں تو، ہم سال بہ سال اسے دوبارہ بناتے نہیں رہنا چاہتے تھے۔ یہ تھکا دینے والا کام ہے اور یقیناً ورڈپریس کمیونٹی کے لیے کوئی خاص مددگار ثابت نہیں ہوتا۔ اس بار، ہم نے چیزوں کو آہستہ اور احتیاط سے کرنے کا فیصلہ کیا۔ ہم نے Page Builder Sandwich کے ہر گوشے کا مطالعہ کیا اور یہ دیکھا کہ کون سی چیز اسے ایک اچھا پیج بلڈر بناتی ہے، اور آخر کار ایڈیٹنگ کے پورے تجربے کو چند بنیادی تصورات میں ڈھال لیا۔

بنیادی تصور نمبر 1: چیزوں میں ترمیم کے لیے براہ راست اپنے مواد میں ٹائپ کرنا

پیج بلڈر انسٹال کرنے کی ایک اہم وجہ ورڈپریس کے بیک اینڈ ٹیکسٹ ایڈیٹر کی پابندیوں سے نجات پانا ہے۔ ایسا نہیں ہے کہ بیک اینڈ ایڈیٹر اچھا نہیں ہے، لیکن ویب پیجز بناتے وقت، یہ آپ کو فوری طور پر یہ نہیں دکھاتا کہ آپ کا ویب پیج آپ کی سائٹ کے زائرین کو کیسا نظر آئے گا، اور نہ ہی یہ آپ کو اپنے مواد کو سنگل کالم لے آؤٹ کے علاوہ کسی اور طریقے سے ترتیب دینے کی اجازت دیتا ہے۔ آپ وہاں صرف اپنا ٹیکسٹ اور کچھ تصاویر ہی دیکھ سکتے ہیں، لیکن زیادہ پیچیدہ چیزیں (مثلاً رابطہ فارم) نہیں دیکھ سکتے۔ آپ شارٹ کوڈز شامل تو کر سکتے ہیں، لیکن وہ اپنی اصل تیار شدہ شکل میں ظاہر نہیں ہوں گے*۔

* اس مسئلے کو حل کرنے کے لیے دوسروں کی جانب سے پلگ انز بنائے جا رہے ہیں جیسے کہ Shortcake UI، لیکن یہ ایک الگ بات ہے۔

یہیں پر فرنٹ اینڈ پیج بلڈرز کا کردار سامنے آتا ہے۔ وہ ایڈیٹنگ کے تجربے کو بیک اینڈ سے نکال کر فرنٹ اینڈ پر لے آتے ہیں، جہاں آپ اپنی سائٹ میں اسی طرح ترمیم کرتے ہیں جس طرح آپ کے زائرین اسے حقیقت میں دیکھیں گے. جیسا کہ Pippin نے کہا تھا: جو آپ دیکھتے ہیں وہی آپ حاصل کرتے ہیں (WYSIWYG)۔

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

یہ وہ شعبہ ہے جہاں بیشتر دیگر پیج بلڈرز اچھا کام نہیں کر پاتے۔ ان میں سے زیادہ تر آپ کو ہر چیز میں ترمیم کرنے کے لیے ٹیکسٹ فیلڈ کے اندر ٹائپ کرنے پر مجبور کرتے ہیں۔ ایک بار پھر، اصلی فرنٹ اینڈ پیج بلڈرز میں ایسا نہیں ہونا چاہیے۔ ٹیکسٹ کو براہ راست ٹائپ کرنا اور اس میں ترمیم کرنا ورژن 2 سے ہی Page Builder Sandwich کا ایک اہم پہلو رہا ہے، اور ہم نے اس بات کو یقینی بنایا ہے کہ ورژن 3 میں بھی اسے برقرار رکھا جائے۔

بنیادی تصور نمبر 2: فوری ترامیم کے لیے ماؤس کا استعمال

ماؤس ایک طاقتور ٹول ہے جسے اکثر پیج بلڈرز میں نظر انداز کر دیا جاتا ہے۔ اکثر اوقات، پیج بلڈرز اسے اشیاء کو ادھر ادھر ڈریگ کر کے مختلف مقامات پر ڈراپ کرنے، یا بٹنز اور ان پٹ فیلڈز پر کلک کرنے کے لیے استعمال کرنے دیتے ہیں۔ اگرچہ یہ ٹھیک ہے، لیکن پیج بلڈنگ کے معاملے میں آپ ماؤس کے ذریعے اس سے کہیں زیادہ کام کر سکتے ہیں۔

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

PBS ورژن 3 میں، آپ اپنے ماؤس کا استعمال کرتے ہوئے متعدد چیزوں کو ایڈجسٹ کر سکیں گے۔ آپ انفرادی عناصر کے درمیان مارجنز/فاصلہ، اپنے کالمز کے اندر پیڈنگز، اور ساتھ ہی تصاویر، آئیکنز اور نقشوں کے سائز کو بھی ایڈجسٹ کر سکتے ہیں۔ ہم نے عددی اقدار کو تبدیل کرنے والے بٹنز کو بھی سلائیڈرز سے تبدیل کر دیا ہے۔

بنیادی تصور نمبر 3: ٹیکسٹ کو اسٹائل کرنا آسان ہونا چاہیے

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

چونکہ ہم اکثر ٹیکسٹ کو اسٹائل کرتے ہیں، اس لیے وہ بٹنز جو ہمیں اسٹائل تبدیل کرنے کی اجازت دیتے ہیں، نہایت آسان رسائی میں ہونے چاہئیں۔ انہیں کسی ایسے پاپ اپ باکس کے اندر بند نہیں ہونا چاہیے جسے ہمیں پہلے کھولنا پڑے۔ زیادہ تر پیج بلڈرز اس خامی کا شکار ہیں۔ اپنے یوزر انٹرفیس کو ”بے ترتیبی سے پاک“ قرار دینے کے لیے، عام طور پر سب سے زیادہ استعمال ہونے والے آپشنز کو بھی چھپا دیا جاتا ہے۔

اس مسئلے کو حل کرنے کے لیے، ہم نے سب سے زیادہ استعمال ہونے والے ورڈ پروسیسرز کا جائزہ لیا۔ ہم نے دیکھا کہ ان میں اسکرین کے اوپری حصے کے قریب ٹیکسٹ فارمیٹنگ کے لیے استعمال ہونے والے بٹنوں کی ایک قطار ہوتی ہے، اور ورژن 3 کے لیے ہم نے اسی لے آؤٹ کو اپنایا۔ اب ہماری اسکرین کے سب سے اوپر ٹیکسٹ اسٹائلنگ کے تمام بٹنز کی ایک قطار ہمیشہ موجود رہتی ہے۔ یہ اسٹائلنگ کو واقعی تیز اور ٹیکسٹ ایڈیٹنگ میں آپ کی فطرت ثانیہ کے قریب تر بنا دیتا ہے۔

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

پیج بلڈر کا بنیادی مقصد یہ ہے کہ اسے لوگوں کو آسانی سے شاندار ڈیزائن بنانے کی سہولت فراہم کرنی چاہیے۔ اس کا مطلب ہے کہ ہمیں سیکھنے کے عمل کو مشکل بنائے بغیر بہت سی مختلف سیٹنگز اور آپشنز فراہم کرنے چاہئیں۔ مارجنز، پیڈنگز کو ایڈجسٹ کرنے اور ٹیکسٹ کو اسٹائل کرنے کی صلاحیت شاندار ہے، لیکن یہ صرف ایک حد تک ہی کام آ سکتی ہے۔ کام کو پایہ تکمیل تک پہنچانے کے لیے آپ کو مزید تفصیلی آپشنز کی ضرورت ہوگی، جیسے کہ بیک گراؤنڈ امیجز، پیٹرنز، بارڈرز، فکسڈ بیک گراؤنڈز وغیرہ۔ ان تمام مختلف سیٹنگز کا انبار لگانا تھوڑا الجھن کا باعث بن سکتا ہے، اس لیے ہم نے ورژن 3 میں چیزوں کو زیادہ آسان اور قابل فہم بنانے کے لیے ان میں سے کچھ کو سادہ کیا ہے اور انہیں زمروں میں منظم کیا ہے۔

بنیادی تصور نمبر 5: شارٹ کوڈ سپورٹ

آخر میں، ہمیں یہ نہیں بھولنا چاہیے کہ ہمارا پیج بلڈر ورڈپریس کے پلیٹ فارم پر قائم ہے۔ ہمیں اس پلیٹ فارم اور اس کے فیچرز کو کھلے دل سے اپنانا چاہیے، نہ کہ ان پر قدغن لگانی چاہیے یا ان سے ہٹنا چاہیے۔ ایک بہت بڑا فیچر جو ورڈپریس فراہم کرتا ہے وہ شارٹ کوڈز ہیں۔ اس کا مطلب یہ نہیں ہے کہ پورا مواد شارٹ کوڈز پر مشتمل ہونا چاہیے – وہ تو ایک گڑبڑ بن جائے گا – بلکہ ہمیں صرف ان کے ساتھ مطابقت پذیر ہونا چاہیے۔ بہت سارے پلگ انز اور تھیمز شارٹ کوڈز استعمال کرتے ہیں، اور اگر ہم ان سب کو نظر انداز کر دیں تو یہ ایک بڑا نقصان ہوگا۔ درحقیقت، جب پیجز بنانے کی بات آتی ہے تو شارٹ کوڈز صارفین کو بھرپور لچک فراہم کرتے ہیں۔

ہم نے چند ہفتے قبل اپنا شارٹ کوڈ میپنگ سسٹم متعارف کرایا تھا، اور اس کی بدولت ہم نے سینکڑوں پلگ انز سے سینکڑوں شارٹ کوڈز کی میپنگ کی ہے۔ ہم نے ورڈپریس پلگ ان ڈائرکٹری میں پائے جانے والے مقبول ترین پلگ انز کو ترجیح دی ہے، اس لیے قوی امکان ہے کہ آپ کو اپنی سائٹس پر ان کا سامنا ہوگا۔ ورژن 3 میں یہ صلاحیت مزید مضبوط ہوئی ہے، اور ہم آگے بڑھتے ہوئے اسے بہتر بنانا جاری رکھیں گے۔

نتیجہ

ہم نے اوپر دی گئی تمام بنیادی خصوصیات کو جمع کر کے انہیں Page Builder Sandwich ورژن 3 میں شامل کیا ہے۔ یہ ورڈپریس کے لیے ہمارا تیار کردہ اب تک کا بہترین پیج بلڈر ہے۔ یہ استعمال کرنے میں پہلے سے زیادہ آسان اور قدرتی ہے، زیادہ تیز رفتاری سے کام کرتا ہے، اور پہلے سے کہیں زیادہ صارف دوست ہے۔

اگر آپ کے پاس پیج بلڈر کے کسی ضروری فیچر کے بارے میں کوئی رائے ہے، تو نیچے کمنٹ کر کے ہمیں ضرور بتائیں۔