Page Builder Sandwich আপনার পরিচিত সাধারণ পেজ বিল্ডারের মতো নয়, এটি জটিলতামুক্ত এবং ব্যবহার করা সহজ।

দ্রুত একটি সফরের জন্য আপনি নিচের ভিডিওটি দেখতে পারেন।

এডিটরটি কোথায়?

প্রথমে, একটি নতুন পেজ, পোস্ট অথবা CPT তৈরি করুন। তারপর আপনার ফ্রন্টএন্ডে আপনার নতুন পোস্ট অথবা বিদ্যমান যেকোনো একটি দেখুন। PBS হলো ১০০% ফ্রন্টএন্ড, আপনাকে ব্যাকএন্ডে কোনো ঘাঁটাঘাঁটি করতে হবে না।

আপনার পেজের শীর্ষে (আপনার অ্যাডমিন বারে) একটি “Page Builder Sandwich” বাটন থাকা উচিত, এডিট করা শুরু করতে সেটিতে ক্লিক করুন। আপনি দেখতে পাবেন টেক্সট ফরম্যাটিং এরিয়াটি উপর থেকে পপ আপ করছে এবং অ্যাড এলিমেন্টস প্যানেলটি পাশ থেকে পপ আপ করছে। আপনার থিমের কনটেন্ট এরিয়াই এখন আপনার এডিটর!

PBS দিয়ে আপনি কেবল সিঙ্গেল পেজ এডিট করতে পারবেন। আপনি ব্লগ পোস্টের তালিকা অথবা কোনো 404 পেজ এডিট করতে পারবেন না, কারণ সেগুলি আপনার থিম দ্বারা তৈরি। পোস্ট, পেজ এবং কাস্টম পোস্ট টাইপ ঠিকঠাক কাজ করবে।

আপনার কনটেন্ট এডিট করা

এখন দুর্দান্ত অংশটি আসে.. একবার আপনি ফ্রন্টএন্ডে এবং এডিটরের ভেতরে প্রবেশ করলে, আপনার কনটেন্টের যেকোনো টেক্সটে ক্লিক করুন অথবা আপনার কনটেন্ট এরিয়ার ভেতরে ক্লিক করুন এবং টাইপ করা শুরু করুন! অন্যান্য পেজ বিল্ডারের মতো নয়, PBS আপনাকে পপআপ ডায়ালগ বক্সের ঝামেলা ছাড়াই সরাসরি কনটেন্ট এডিট করার সুবিধা দেয়।

আপনার কনটেন্ট ফরম্যাট করা / সবকিছু সুন্দর করে সাজানো

এডিট করার সময়, উপরের অংশটিকে Text Formatting Bar বলা হয়। এই বারে সমস্ত ফরম্যাটিং টুল রয়েছে যা আপনি টেক্সট স্টাইল করার জন্য ব্যবহার করবেন, যেমন: রঙ, বোল্ড, ইটালিক, অ্যালাইনমেন্ট, লিংক যোগ করা, বুলেট এবং আরও অনেক কিছু। প্রতিটি টুল কী কাজ করে তা জানতে সেটির ওপর মাউস হভার করুন।

এলিমেন্ট যোগ করা

Add Element Panel দেখানোর জন্য স্ক্রিনের উপরের বাম দিকে থাকা Add Elements বাটনের ওপর আপনার মাউস হভার করুন। আপনি এটি প্রদর্শন করতে স্ক্রিনের বাম পাশে আপনার মাউস নিয়েও যেতে পারেন।

যেকোনো এলিমেন্ট ইনসার্ট করতে, সেটির ওপর মাউস চেপে ধরে রাখুন, তারপর এটিকে আপনার কনটেন্ট এরিয়াতে টেনে আনুন। এলিমেন্টটি যেখানে স্থাপন করা হবে সেই জায়গাটি হাইলাইট হয়ে যাবে। এলিমেন্টটি স্থাপন করতে আপনার মাউস বাটন ছেড়ে দিন।

এলিমেন্ট স্টাইল এবং মডিফাই করা

আপনার কনটেন্টে থাকা যেকোনো এলিমেন্টের ওপর আপনার মাউস হভার করুন এবং তারপরে সেগুলির ওপর আউটলাইন ও টুলবার প্রদর্শিত হবে।

এলিমেন্টগুলোর মধ্যবর্তী মার্জিন বাড়ানো বা কমানোর জন্য আপনি আউটলাইনের প্রান্তগুলোর ওপর আপনার মাউস হভার করতে পারেন।

এলিমেন্টে দ্রুত কোনো পদক্ষেপ নেওয়ার জন্য আপনি টুলবারের একটি বাটনেও ক্লিক করতে পারেন। টুলবারের gear আইকনে ক্লিক করলে Properties Inspector আসবে, যেখানে আরও অপশন রয়েছে।

The Properties Inspector

প্রপার্টিজ ইন্সপেক্টর আপনাকে আপনার এলিমেন্টগুলোর বাহ্যিক রূপের ওপর আরও বেশি নিয়ন্ত্রণ দেয়। আপনি শ্যাডো, অ্যানিমেশন, ম্যাপের রঙ পরিবর্তন, বর্ডার রেডিয়াস এবং আরও অনেক কিছু যোগ করতে পারেন।

আপনি এলিমেন্টের প্যারেন্টের প্রপার্টিগুলোতেও অ্যাক্সেস করতে পারেন। উদাহরণস্বরূপ, আপনি যদি একটি কলামের ভেতরে একটি ছবি রাখেন এবং প্রপার্টিজ ইন্সপেক্টরটি খোলেন, তবে আপনি সেই ছবির, যে কলামটিতে এটি রয়েছে তার এবং যে রো-তে কলামটি রয়েছে তার প্রপার্টিগুলো অ্যাক্সেস করতে পারবেন।

প্রপার্টিজ ইন্সপেক্টরে বিভিন্ন এলিমেন্টের জন্য বিভিন্ন ধরনের সেটিংস রয়েছে, তাই সেগুলি অবশ্যই দেখে নিন।

শর্টকোড ব্যবহার করা

Page Builder Sandwich আপনাকে ফ্রন্টএন্ডে আসল শর্টকোডগুলো দেখায় এবং আপনি সহজেই সেগুলি সম্পাদনাও করতে পারেন!

আপনি যদি আপনার শর্টকোডগুলো মুখস্থ করে থাকেন, তবে কনটেন্টে সরাসরি টাইপ করে শর্টকোড ইনসার্ট করতে পারেন। কিন্তু আপনি যদি সেগুলি মুখস্থ না করে থাকেন (কে-ই বা করে?), তবে ইন্সপেক্টর আপনার সাইটে উপলব্ধ সমস্ত শর্টকোডের তালিকা প্রদর্শন করে। ইন্সপেক্টর থেকে আপনার কনটেন্ট এরিয়াতে একটি Shortcode বাটন ড্র্যাগ করুন এবং আপনি যেটি ইনসার্ট করতে চান সেটি খুঁজে নিন, তারপর ইনসার্ট করতে সেটিতে ক্লিক করুন।

শর্টকোডগুলো ফ্রন্টএন্ডে আসল কনটেন্টে রেন্ডার হয়, সেগুলি সম্পাদনা করতে আপনি এটি নির্বাচন করতে পারেন এবং ইন্সপেক্টরে তাদের অ্যাট্রিবিউটগুলো দেখতে পারেন। অথবা আরও বেশি নিয়ন্ত্রণের জন্য, আপনি শর্টকোডটিতে ডাবল ক্লিক করে এর র (raw) ফর্মে সম্পাদনা করতে পারেন। আপনার সম্পাদনা সম্পন্ন করার পর, পরিবর্তনগুলো কার্যকর করতে আপনার শর্টকোড আপডেট হবে।

আপনার কনটেন্ট পুনর্বিন্যাস করা

PBS দিয়ে আপনি যেকোনো কিছু ক্লিক করে ড্র্যাগ করতে পারেন এবং যেকোনো জায়গায় নিয়ে যেতে পারেন। আপনি যখন কোনো কিছু ড্র্যাগ করবেন, পেজের অন্য একটি এলিমেন্টের ওপরে নিয়ে যাবেন, তখন আপনি সেটিকে অন্য যেকোনো কনটেন্টের উপরে বা নিচে সরিয়ে নিতে পারেন।

আপনার কাজ সংরক্ষণ করা

আপনার ডিজাইন নিয়ে সন্তুষ্ট হলে, পেজের উপরের বাম দিকের সেভ বাটনে ক্লিক করুন। ব্যস, এতটুকুই!