Page Builder Sandwich آپ کے عام پیج بلڈر جیسا نہیں ہے، یہ غیر پیچیدہ اور استعمال میں آسان ہے۔

فوری جائزہ لینے کے لیے آپ نیچے دی گئی ویڈیو دیکھ سکتے ہیں۔

ایڈیٹر کہاں ہے؟

سب سے پہلے، ایک نیا صفحہ (page)، پوسٹ یا CPT بنائیں۔ پھر اپنے نئے پوسٹ یا کسی بھی موجودہ پوسٹ کو اپنے فرنٹ اینڈ میں دیکھیں۔ PBS مکمل طور پر 100% فرنٹ اینڈ ہے، آپ کو بیک اینڈ میں کچھ بھی تبدیل کرنے کی ضرورت نہیں پڑے گی۔

آپ کے صفحے کے اوپر (آپ کے ایڈمن بار پر) ایک "Page Builder Sandwich” بٹن ہونا چاہیے، ایڈیٹنگ شروع کرنے کے لیے اس پر کلک کریں۔ آپ کو اوپر سے ٹیکسٹ فارمیٹنگ ایریا اور سائیڈ سے ایڈ ایلیمنٹس پینل کھلتا ہوا دکھائی دینا چاہیے۔ آپ کی تھیم کا مواد والا ایریا اب آپ کا ایڈیٹر ہے!

آپ PBS کے ساتھ صرف انفرادی صفحات میں ترمیم کر سکتے ہیں۔ آپ بلاگ پوسٹس کی فہرست، یا 404 صفحے میں ترمیم نہیں کر سکتے کیونکہ وہ آپ کی تھیم کے ذریعے تیار کیے جاتے ہیں۔ پوسٹس، صفحات اور کسٹم پوسٹ ٹائپس میں ترمیم کی جا سکتی ہے۔

اپنے مواد میں ترمیم کرنا

اب آتا ہے شاندار حصہ.. ایک بار جب آپ فرنٹ اینڈ پر اور ایڈیٹر کے اندر ہوں، تو اپنے مواد میں کسی بھی ٹیکسٹ پر کلک کریں یا اپنے کونٹینٹ ایریا کے اندر کلک کریں اور ٹائپ کرنا شروع کریں! دیگر پیج بلڈرز کے برعکس، PBS آپ کو پاپ اپ ڈائیلاگ باکسز کے بغیر براہ راست مواد میں ترمیم کرنے کی اجازت دیتا ہے۔

اپنے مواد کی فارمیٹنگ / چیزوں کو خوبصورت بنانا

ایڈیٹنگ کے دوران، اوپر والے حصے کو Text Formatting Bar کہا جاتا ہے۔ اس بار میں وہ تمام فارمیٹنگ ٹولز شامل ہیں جنہیں آپ ٹیکسٹ کو اسٹائل دینے کے لیے استعمال کریں گے جیسے: رنگ، بولڈ، اٹالک، الائنمنٹس، لنکس شامل کرنا، بلٹس اور بہت کچھ۔ یہ جاننے کے لیے کہ کون سا ٹول کیا کام کرتا ہے، ہر بٹن پر ماؤس لے جائیں (hover کریں)۔

عناصر (Elements) شامل کرنا

Add Element Panel کو ظاہر کرنے کے لیے اسکرین کے اوپر بائیں جانب Add Elements بٹن پر ماؤس ہوور کریں۔ آپ اسے ظاہر کرنے کے لیے اپنے ماؤس کو اسکرین کے بائیں جانب بھی لے جا سکتے ہیں۔

کوئی بھی عنصر داخل کرنے کے لیے، ماؤس کو اس پر دبا کر رکھیں، پھر اسے اپنے مواد کے حصے میں ڈریگ کریں۔ وہ جگہ جہاں عنصر رکھا جائے گا نمایاں (highlight) ہو جائے گی۔ عنصر رکھنے کے لیے ماؤس کا بٹن چھوڑ دیں۔

عناصر کو اسٹائل دینا اور تبدیل کرنا

اپنے مواد میں موجود کسی بھی عنصر پر اپنا ماؤس ہوور کریں اور پھر ان کے اوپر آؤٹ لائنز اور ٹول بارز نمودار ہونے چاہئیں۔

عناصر کے درمیان مارجنز کو بڑھانے/کم کرنے کے لیے آپ اپنے ماؤس کو آؤٹ لائنز کے کناروں پر ہوور کر سکتے ہیں۔

آپ عنصر پر فوری کارروائی کرنے کے لیے ٹول بار کے کسی بٹن پر بھی کلک کر سکتے ہیں۔ ٹول بار پر موجود gear کے آئیکن پر کلک کرنے سے Properties Inspector کھل جائے گا جس میں مزید آپشنز شامل ہیں۔

The Properties Inspector

Properties Inspector آپ کو اپنے عناصر کی ظاہری شکل پر زیادہ کنٹرول دیتا ہے۔ آپ شیڈوز، اینیمیشنز، نقشے کے رنگ تبدیل کرنا، بارڈر ریڈیئس اور بہت سی دیگر چیزیں شامل کر سکتے ہیں۔

آپ عنصر کے پیرنٹ (parent) عناصر کی خصوصیات تک بھی رسائی حاصل کر سکتے ہیں۔ مثال کے طور پر، اگر آپ نے کالم کے اندر کوئی تصویر رکھی ہے اور Properties Inspector کھولا ہے، تو آپ تصویر، اس کالم جس میں یہ موجود ہے، اور اس قطار (row) کی خصوصیات تک رسائی حاصل کر سکتے ہیں جس میں وہ کالم موجود ہے۔

Properties Inspector میں مختلف عناصر کے لیے بہت سی مختلف ترتیبات شامل ہیں، اس لیے ان سب کو ضرور دیکھیں۔

شارٹ کوڈز کا استعمال

Page Builder Sandwich آپ کو فرنٹ اینڈ میں اصل شارٹ کوڈز دکھاتا ہے، اور آپ ان میں آسانی سے ترمیم بھی کر سکتے ہیں!

اگر آپ کو اپنے شارٹ کوڈز زبانی یاد ہیں، تو آپ انہیں براہ راست اپنے مواد میں ٹائپ کر کے داخل کر سکتے ہیں۔ لیکن اگر آپ کو وہ سب زبانی یاد نہیں ہیں (کون اتنے یاد رکھتا ہے؟) تو انسپکٹر آپ کی سائٹ میں دستیاب تمام شارٹ کوڈز کی فہرست دکھاتا ہے۔ انسپکٹر سے ایک Shortcode بٹن کو ڈریگ کر کے اپنے کونٹینٹ ایریا میں لائیں اور جسے آپ داخل کرنا چاہتے ہیں اسے تلاش کریں، پھر اسے داخل کرنے کے لیے اس پر کلک کریں۔

شارٹ کوڈز فرنٹ اینڈ میں اصل مواد کی صورت میں ظاہر ہوتے ہیں، ان میں ترمیم کرنے کے لیے آپ انہیں منتخب کر کے انسپکٹر میں ان کے اوصاف (attributes) دیکھ سکتے ہیں۔ یا مزید کنٹرول کے لیے، آپ اصل (raw) شکل میں ترمیم کرنے کے لیے شارٹ کوڈ پر ڈبل کلک کر سکتے ہیں۔ ترامیم کرنے کے بعد، آپ کا شارٹ کوڈ تبدیلیوں کو ظاہر کرنے کے لیے اپ ڈیٹ ہو جائے گا۔

اپنے مواد کو دوبارہ ترتیب دینا

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

اپنا کام محفوظ کرنا

ایک بار جب آپ اپنے ڈیزائن سے مطمئن ہو جائیں، تو بس اپنے صفحے کے اوپر بائیں جانب محفوظ کریں (save) کے بٹن پر کلک کریں۔ بس اتنا ہی!