Page Builder Sandwich আপনার সাধারণ পেজ বিল্ডারের মতো নয়, এটি জটিলতামুক্ত এবং ব্যবহার করা সহজ।
দ্রুত এক নজরে দেখে নিতে আপনি নিচের ভিডিওটি দেখতে পারেন।
এডিটরটি কোথায়?
প্রথমে, একটি নতুন পেজ, পোস্ট বা CPT তৈরি করুন। তারপর আপনার ফ্রন্টএন্ডে আপনার নতুন পোস্টটি বা বিদ্যমান যেকোনো একটি পরিদর্শন করুন। PBS শতভাগ ফ্রন্টএন্ড, আপনাকে ব্যাকএন্ডে কোনো ঘাঁটাঘাঁটি করতে হবে না।
আপনার পেজের শীর্ষে (আপনার অ্যাডমিন বারে) একটি “Page Builder Sandwich” বোতাম থাকা উচিত, সম্পাদনা শুরু করতে সেটিতে ক্লিক করুন। আপনি ওপর থেকে টেক্সট ফরম্যাটিং এরিয়া এবং পাশ থেকে এলিমেন্ট যোগ করার প্যানেল পপ আপ হতে দেখতে পাবেন। আপনার থিমের বিষয়বস্তুর অংশটিই (কন্টেন্ট এরিয়া) এখন আপনার এডিটর!
আপনি PBS দিয়ে কেবল একক পেজ সম্পাদনা করতে পারবেন। আপনি ব্লগ পোস্টের তালিকা বা 404 পেজ সম্পাদনা করতে পারবেন না কারণ সেগুলো আপনার থিম দ্বারা তৈরি হয়। পোস্ট, পেজ এবং কাস্টম পোস্ট টাইপ ঠিক আছে।
আপনার কন্টেন্ট সম্পাদনা করা
এখন দারুণ অংশটি আসে.. আপনি ফ্রন্টএন্ডে এবং এডিটরের ভেতরে প্রবেশ করার পর, আপনার কন্টেন্টের যেকোনো লেখায় ক্লিক করুন বা আপনার কন্টেন্ট এরিয়ার ভেতরে ক্লিক করে টাইপ করা শুরু করুন! অন্যান্য পেজ বিল্ডারের মতো নয়, PBS আপনাকে পপআপ ডায়ালগ বক্সের মধ্য দিয়ে না গিয়ে সরাসরি কন্টেন্ট সম্পাদনা করার সুবিধা দেয়।
আপনার কন্টেন্ট ফরম্যাট করা / জিনিসপত্র সুন্দর দেখানো
সম্পাদনা করার সময়, ওপরের অংশটিকে Text Formatting Bar বলা হয়। এই বারে সমস্ত ফরম্যাটিং টুল রয়েছে যা আপনি টেক্সট স্টাইলিংয়ের জন্য ব্যবহার করবেন, যেমন: রঙ, বোল্ড, ইটালিক, অ্যালাইনমেন্ট, লিঙ্ক যোগ করা, বুলেট এবং আরও অনেক কিছু। প্রতিটি টুল কী কাজ করে তা জানতে বোতামগুলোর ওপর মাউস হভার করুন।
এলিমেন্ট যোগ করা
Add Element Panel প্রদর্শন করতে স্ক্রিনের ওপরের বাম দিকে থাকা Add Elements বোতামের ওপর আপনার মাউস হভার করুন। এটি দেখানোর জন্য আপনি কেবল স্ক্রিনের বাম দিকে আপনার মাউস নিয়ে যেতে পারেন।
যেকোনো এলিমেন্ট সন্নিবেশ করতে, একটির ওপর মাউস চেপে ধরে রাখুন, তারপর সেটিকে টেনে আপনার কন্টেন্ট এরিয়ায় নিয়ে যান। এলিমেন্টটি যেখানে স্থাপন করা হবে সেই জায়গাটি হাইলাইট হয়ে যাবে। এলিমেন্টটি স্থাপন করতে আপনার মাউসের বোতামটি ছেড়ে দিন।
এলিমেন্ট স্টাইলিং এবং পরিবর্তন করা
আপনার কন্টেন্টে থাকা যেকোনো এলিমেন্টের ওপর মাউস হভার করুন এবং সেগুলোর ওপর আউটলাইন ও টুলবার প্রদর্শিত হবে।
এলিমেন্টগুলোর মধ্যে মার্জিন বাড়াতে/কমাতে আপনি আউটলাইনের প্রান্তগুলোর ওপর মাউস হভার করতে পারেন।
এলিমেন্টে দ্রুত কোনো কাজ সম্পন্ন করতে আপনি টুলবারের একটি বোতামেও ক্লিক করতে পারেন। টুলবারের gear আইকনে ক্লিক করলে Properties Inspector খুলে যাবে যাতে আরও বিকল্প রয়েছে।
প্রোপার্টিজ ইন্সপেক্টর
প্রোপার্টিজ ইন্সপেক্টর আপনাকে আপনার এলিমেন্টগুলোর রূপরেখার ওপর আরও বেশি নিয়ন্ত্রণ দেয়। আপনি শ্যাডো, অ্যানিমেশন যোগ করা, মানচিত্রের রঙ পরিবর্তন, বর্ডার রেডিয়াস এবং আরও অনেক কিছু করতে পারেন।
আপনি এলিমেন্টের প্যারেন্টের প্রোপার্টিও অ্যাক্সেস করতে পারেন। উদাহরণস্বরূপ, আপনি যদি একটি কলামের ভেতরে একটি ছবি রাখেন এবং প্রোপার্টিজ ইন্সপেক্টর খোলেন, তবে আপনি ছবিটি, যে কলামটিতে এটি রয়েছে এবং যে সারিতে কলামটি রয়েছে সেটির প্রোপার্টি অ্যাক্সেস করতে পারবেন।
প্রোপার্টিজ ইন্সপেক্টরে বিভিন্ন এলিমেন্টের জন্য বিভিন্ন সেটিংস রয়েছে, তাই সেগুলো সব ভালো করে দেখে নিন।
শর্টকোড ব্যবহার করা
Page Builder Sandwich আপনাকে ফ্রন্টএন্ডে আসল শর্টকোডগুলো দেখায়, এবং আপনি সেগুলোকে সহজেই সম্পাদনা করতে পারেন!
আপনার শর্টকোডগুলো মুখস্থ থাকলে, আপনি আপনার কন্টেন্টে সরাসরি টাইপ করে শর্টকোড সন্নিবেশ করতে পারেন। কিন্তু আপনার যদি সব মুখস্থ না থাকে (কে-ই বা রাখে?) তবে ইন্সপেক্টরে আপনার সাইটে উপলব্ধ সমস্ত শর্টকোডের তালিকা থাকে। ইন্সপেক্টর থেকে একটি Shortcode বোতাম টেনে আপনার কন্টেন্ট এরিয়ায় নিয়ে আসুন এবং আপনি যেটি সন্নিবেশ করতে চান তা খুঁজে বের করে তাতে ক্লিক করে সন্নিবেশ করুন।
শর্টকোডগুলো ফ্রন্টএন্ডে আসল কন্টেন্টে রেন্ডার হয়, সেগুলো সম্পাদনা করার জন্য আপনি এটি নির্বাচন করতে পারেন এবং ইন্সপেক্টরে সেগুলোর অ্যাট্রিবিউট দেখতে পারেন। অথবা আরও নিয়ন্ত্রণের জন্য, আপনি কাঁচা (raw) আকারে সম্পাদনা করতে শর্টকোডটিতে ডাবল ক্লিক করতে পারেন। সম্পাদনা করার পর, পরিবর্তনগুলো প্রতিফলিত করতে আপনার শর্টকোডটি আপডেট হয়ে যাবে।
আপনার কন্টেন্ট পুনর্বিন্যাস করা
PBS দিয়ে আপনি যেকোনো কিছু ক্লিক করে টেনে এনে যেকোনো জায়গায় সরাতে পারেন। আপনি যখন কোনো কিছু টেনে আনেন, তখন পেজের অন্য কোনো এলিমেন্টের ওপর নিয়ে যান, আপনি সেগুলোকে অন্য যেকোনো কন্টেন্টের ওপরে বা নিচে সরাতে পারেন।
আপনার কাজ সংরক্ষণ করা
আপনার ডিজাইন পছন্দ হলে, কেবল আপনার পেজের ওপরের বাম দিকের সংরক্ষণ বোতামে ক্লিক করুন। ব্যস, এটুকুই!