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

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

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

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

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

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

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

اپنے مواد میں ترمیم (ایڈیٹنگ) کرنا

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

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

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

ایلیمنٹس کا اضافہ کرنا

ایلیمنٹ شامل کرنے والے پینل (Add Element Panel) کو ظاہر کرنے کے لیے اسکرین کے اوپر بائیں جانب موجود ‘Add Elements’ بٹن پر ماؤس لے جائیں۔ آپ اسے ظاہر کرنے کے لیے اپنے ماؤس کو صرف اسکرین کے بائیں جانب بھی لے جا سکتے ہیں۔

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

ایلیمنٹس کو اسٹائل اور موڈیفائی کرنا

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

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

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

پراپرٹیز انسپیکٹر

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

آپ ایلیمنٹ کے پیرنٹس (والدین/بنیادی حصوں) کی پراپرٹیز تک بھی رسائی حاصل کر سکتے ہیں۔ مثال کے طور پر، اگر آپ نے کسی کالم کے اندر تصویر رکھی ہے اور پراپرٹیز انسپیکٹر کھولا ہے، تو آپ تصویر، اس کالم جس میں یہ موجود ہے، اور اس قطار (رو) جس میں وہ کالم شامل ہے، کی پراپرٹیز تک رسائی حاصل کر سکتے ہیں۔

پراپرٹیز انسپیکٹر مختلف ایلیمنٹس کے لیے بہت سی مختلف سیٹنگز پر مشتمل ہے، لہذا ان سب کو ضرور دیکھیں۔

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

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

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

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

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

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

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

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