Page Builder Sandwich-এর Jetpack-এর বিভিন্ন মডিউলের সাথে সামঞ্জস্যপূর্ণ হওয়া উচিত।
কনটেন্ট সেভ করার সময় Markdown মডিউল বিশেষ কিছু করে, যার ফলে মার্কডাউন রূপান্তরের সময় পরিবর্তনগুলো হারিয়ে যায়। এটি সামলানোর জন্য, ফ্রন্টএন্ড থেকে আপনার পরিবর্তনগুলো সেভ করার সময় ব্যাকএন্ড এডিটরের মার্কডাউন টেক্সট এইচটিএমএল ট্যাগে পরিণত হয়। (সাহায্য করার জন্য জ্যাক জ্যাকসনকে ধন্যবাদ)
আমরা PHP 7-এর সাথে Page Builder Sandwich পরীক্ষা করেছি এবং কোনো সমস্যা ছাড়াই সবকিছু ঠিকঠাক কাজ করা উচিত।
আপনার সাইটটি কোনো নিম্নতর সংস্করণ থেকে PHP 7-এ আপগ্রেড করার সময় সতর্ক থাকুন, কারণ এতে নিম্নতর সংস্করণগুলির সাথে অনেক অসঙ্গতি রয়েছে যা আপনার সমস্ত থিম এবং প্লাগইনে সমাধান করা উচিত।
Page Builder Sandwich এবং Materialize উভয়ই যখন একসাথে থাকে তখন একটি Javascript ত্রুটি দেখা দেয়। materialize.js এবং WordPress Core-এর কালার পিকারের মধ্যে একটি দ্বন্দ্ব রয়েছে।
এই বিষয়ে Materialize-এর GitHub রিপোতে একটি ইস্যু রয়েছে: https://github.com/Dogfalo/materialize/issues/2821
যতদিন আপনি আপনার সাইটে লাইসেন্সটি নিষ্ক্রিয় না করবেন ততদিন প্লাগইনটি সঠিকভাবে কাজ করতে থাকবে। একবার আপনি এটি নিষ্ক্রিয় করলে, পুনরায় আর সক্রিয় করতে পারবেন না।
আপনি আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে আপডেট পাবেন না, বা নতুন সংস্করণগুলোতে অ্যাক্সেস পাবেন না। আমরা আপনাকে দুর্দান্ত কাস্টম সাপোর্ট প্রদান করতে সক্ষম হব না।
আপনি যখন প্রথমবার Page Builder Sandwich কিনবেন, তখন প্লাগইনটি সংবলিত একটি .zip ফাইল স্বয়ংক্রিয়ভাবে আপনার কম্পিউটারে ডাউনলোড হয়ে যাবে।
যদি আপনি এটি হারিয়ে ফেলেন, তবে এই লিঙ্কে প্রবেশ করে আপনি পুনরায় আপনার .zip ফাইলটি ডাউনলোড করতে পারেন: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
এই লিঙ্কে আপনার লাইসেন্স প্রদান করলে আপনি আপনার লাইসেন্স এবং অ্যাকাউন্টের বিবরণের সাথে Page Builder Sandwich-এর আপনার .zip ফাইলটি পুনরুদ্ধার করতে পারবেন।
ইন্সপেক্টরের Elements section-এ Widget Element বোতামটিতে ক্লিক করে উইজেট যুক্ত করা যেতে পারে। ক্লিক করার সাথে সাথেই একটি পপআপ প্রদর্শিত হবে যেখানে আপনার সাইটে Page Builder Sandwich-এর খুঁজে পাওয়া সমস্ত উইজেট তালিকাভুক্ত থাকবে।
আপনার ওয়ার্ডপ্রেস সাইটে পাওয়া সমস্ত উইজেট যুক্ত করা যেতে পারে, তবে কিছু উইজেট যেগুলোর সেটিংসে কাস্টমাইজড/বিশেষায়িত Javascript কোড ব্যবহার করা হয় সেগুলো সঠিকভাবে কাজ নাও করতে পারে। যে উইজেটগুলো এগুলো ব্যবহার করে সেগুলো কাজ নাও করতে পারে:
ডিফল্ট ওয়ার্ডপ্রেস উইজেট এবং একইভাবে তৈরি করা উইজেটগুলোতে কোনো সমস্যা হওয়া উচিত নয়।
আপনার যদি সত্যিই সেই নির্দিষ্ট উইজেটটির কাজ করার প্রয়োজন হয়, তবে এর একটি বিকল্প সমাধান রয়েছে।
আপনি একটি নতুন সাইডবার/উইজেট এলাকা তৈরি করতে Custom Sidebars by WPMU Dev প্লাগইনটি ব্যবহার করতে পারেন, Appearance > Widgets-এ সাধারণ পদ্ধতি ব্যবহার করে আপনার উইজেটটি সেখানে যুক্ত করতে পারেন। তারপর Page Builder Sandwich-এ, একটি Sidebar Element যুক্ত করুন এবং আপনার প্রয়োজনীয় উইজেটটি যে সাইডবারে রয়েছে সেটি নির্বাচন করুন।
আরেকটি বিকল্প হলো Page Builder Sandwich-এ উপলব্ধ বিভিন্ন উপাদান এবং শৈলী ব্যবহার করে আপনার কাঙ্ক্ষিত ইফেক্টটি পুনরায় তৈরি করা।
কারিগরিভাবে এটি যেকোনো এবং সমস্ত থিমের সাথেই কাজ করা উচিত।
আমাদের ব্যবহারকারী এবং গ্রাহকদের সাথে আমরা WordPress.org থিম রিপোজিটরি, জেনেসিস থিমস, স্টুডিওপ্রেস থিমস, এলিগ্যান্ট থিমস এবং থিমফরেস্টের থিমসহ বহু থিমের সাথে পেজ বিল্ডার স্যান্ডউইচ সফলভাবে ব্যবহার করেছি।
তবে, এমন কিছু সময় হতে পারে যখন আপনার থিমটি অপ্রচলিত কিছু করতে পারে এবং পেজ বিল্ডার স্যান্ডউইচকে সঠিকভাবে কাজ করতে বাধা দিতে পারে। এমনটি ঘটলে, অনুগ্রহ করে আমাদের একটি সাপোর্ট রিকোয়েস্ট পাঠান এবং আমরা এটি ঠিক করার চেষ্টা করব।
Page Builder Sandwich-এ কোনো কিছু মুছে ফেলার সাধারণ নিয়ম হলো কেবল টেক্সট বা উপাদানটি নির্বাচন করে ডিলিট বা ব্যাকস্পেস বোতাম চাপ দেওয়া।
আরেকটি বিকল্প হলো ইন্সপেক্টরে ডিলিট / রিমুভ বোতামে ক্লিক করা:
কিছু ক্ষেত্রে এটি কাজ করে না। যে আইটেমগুলোর ক্ষেত্রে এটি কাজ করবে না সেগুলো সাধারণত সারি, কলাম বা ক্যারোসেল-এর মতো কন্টেইনার। কন্টেন্ট মোছার সময় অনাকাঙ্ক্ষিত মুছে ফেলা রোধ করতেই এটি করা হয়েছে।
সেই আইটেমগুলি মুছে ফেলার জন্য, ইন্সপেক্টরে উপাদানের প্রোপার্টিজের ডিলিট / রিমুভ বোতামে ক্লিক করুন। উদাহরণস্বরূপ, একটি সারি মুছে ফেলতে আপনাকে এই অংশটি ব্যবহার করতে হবে:
Page Builder Sandwich এখন উপলব্ধ রয়েছে:
আপনার ভাষায় অনুবাদ করে আপনি যদি Page Builder Sandwich-এ অবদান রাখতে চান, তবে আমাদের Transifex পৃষ্ঠায় যান!
ছবি যোগ করা খুবই সহজ। আপনি চাইলে:
আমরা নিশ্চিত করেছি যে Page Builder Sandwich আপনার ওয়েবসাইটের পারফরম্যান্সে প্রায় শূন্য প্রভাব ফেলে। লগ আউট থাকা অবস্থায়, ন্যূনতমপক্ষে, কেবল সারি এবং কলামের CSS স্টাইলগুলো এনকিউ করা হয়, পাশাপাশি আপনার ব্যবহৃত শর্টকোডগুলোর জন্য প্রয়োজনীয় JS এবং CSS স্ক্রিপ্টগুলো এনকিউ করা হয়।
NextGen এবং Page Builder Sandwich সংক্রান্ত একটি পূর্ববর্তী সমস্যা ছিল।
২.১২ সংস্করণের পূর্বে, PBS কোনোভাবে NextGen-এ এমন একটি ত্রুটি বার্তা প্রদর্শন করাত যার কারণে আপনার সাইটে একটি ফাঁকা সাদা পর্দা (ব্ল্যাঙ্ক স্ক্রিন) দেখা যেত। ২.১২ সংস্করণ থেকে এটি সমাধান করা হয়েছে, তাই আপনি যদি কোনো পুরোনো সংস্করণ ব্যবহার করে থাকেন, তবে অনুগ্রহ করে আপডেট করুন।
সেখানে হাজার হাজার থিম এবং অন্যান্য প্লাগইন রয়েছে। তাই যদিও আমরা সতর্ক থাকার চেষ্টা করি এবং সবকিছু মানসম্মতভাবে তৈরি করি, তবুও কখনো কখনো সমস্যা দেখা দিতে পারে।
আপনি যদি দেখতে পান যে Page Builder Sandwich আপনার সেটআপে সঠিকভাবে কাজ করছে না, তবে সমস্যা সমাধানের জন্য এখানে কয়েকটি পদক্ষেপ রয়েছে যা আপনি গ্রহণ করতে পারেন।
এই নিবন্ধটি দেখুন: The “Edit with Page Builder Sandwich” Button Doesn’t Appear যদি এটি সমস্যার সমাধান না করে, তবে পড়তে থাকুন।
ডকসের ট্রাবলশুটিং ক্যাটাগরির.
WordPress, আপনার প্লাগইনগুলো, আপনার থিম এমনকি Page Builder Sandwich। সর্বদা আপডেট থাকা ভালো। আপনার উপাদানগুলো আপডেট আছে কিনা তা নিশ্চিত করার অর্থ হলো আপনার সাইটে সর্বশেষ বাগ এবং দুর্বলতার সমাধান থাকবে।
আপনি যদি Page Builder Sandwich দিয়ে আপনার কন্টেন্ট সম্পাদনা করতে না পারেন (এবং সম্ভবত একটি ত্রুটির পপআপ প্রদর্শিত হয়েছে), তবে হতে পারে যে আপনি বর্তমানে যে পেজে আছেন তার পুরো কন্টেন্ট আপনার থিম/একটি প্লাগইন দ্বারা তৈরি হয়েছে। এটি পরীক্ষা করার জন্য, WordPress ব্যবহার করে সাধারণত ব্যাকএন্ডে আপনার পেজ/পোস্ট সম্পাদনা করুন, তারপর আপনার সংরক্ষিত কন্টেন্ট ফ্রন্টএন্ডে প্রদর্শিত হচ্ছে কিনা তা পরীক্ষা করুন। যদি এটি প্রদর্শিত না হয়, তবে এর অর্থ হলো পেজ/পোস্টের কন্টেন্ট পুরোপুরি জেনারেট করা এবং PBS ব্যবহার করে সম্পাদনা করা যাবে না।
মাঝে মাঝে, কোনো প্লাগইনের সাথে Page Builder Sandwich-এর দ্বন্দ্ব তৈরি হতে পারে। কোন প্লাগইনটির কারণে দ্বন্দ্ব হচ্ছে তা পরীক্ষা করতে, একটি প্লাগইন নিষ্ক্রিয় করুন এবং পরীক্ষা করুন যে PBS আবার কাজ করা শুরু করে কিনা। আপনার সক্রিয় থাকা প্রতিটি প্লাগইনের জন্য এটি করুন। যদি PBS আবার কাজ করা শুরু করে এবং আপনি আপনার পেজগুলো সম্পাদনা করতে পারেন, তবে আপনি যে প্লাগইনটি নিষ্ক্রিয় করেছেন তা PBS-এর সাথে সামঞ্জস্যপূর্ণ নয়। সেক্ষেত্রে, [email protected]এ ইমেলের মাধ্যমে আমাদের সাথে যোগাযোগ করুন এবং আমাদের জানান যাতে আমরা এটি ঠিক করতে পারি।
প্লাগইন নিষ্ক্রিয় করে যদি কোনো কাজ না হয়, তবে আপনার থিমটি ডিফল্ট WordPress থিমে (Twenty-Something থিমগুলোতে) পরিবর্তন করার চেষ্টা করুন। আপনি যদি আবার Page Builder Sandwich দিয়ে আপনার কন্টেন্ট সম্পাদনা শুরু করতে পারেন, তবে আপনি যে থিমটি ব্যবহার করছেন তা PBS-এর সাথে সামঞ্জস্যপূর্ণ নয়। [email protected]এ ইমেলের মাধ্যমে আমাদের এই তথ্য পাঠান এবং আমাদের জানান যাতে আমরা এটি ঠিক করতে পারি।
খুব বিরল ক্ষেত্রে, কোনো ব্রাউজার এক্সটেনশন সম্ভাব্যভাবে একটি ওয়েবসাইটের জাভাস্ক্রিপ্ট কোড সঠিকভাবে কাজ করতে বাধা দিতে পারে। ব্রাউজার এক্সটেনশন কোনো সমস্যা তৈরি করছে কিনা তা পরীক্ষা করতে, আপনার ব্রাউজারটি ইনকগনিটো মোডে (Chrome) বা প্রাইভেট মোডে খুলুন এবং PBS অ্যাক্সেস করার চেষ্টা করুন, এটি কোনো এক্সটেনশন ছাড়াই একটি নতুন ট্যাব খুলবে। যদি এটি কাজ করে, তবে আপনার কোনো দ্বন্দ্ব সৃষ্টিকারী এক্সটেনশন রয়েছে।
ব্রাউজার এক্সটেনশন PageXray সমস্যা সৃষ্টি করে বলে জানা গেছে।
আপনি Page Builder Sandwich-এ পার্মালিংক ইউআরএল পেস্ট করে YouTube ভিডিও, Vimeo ভিডিও, টুইট এবং এমনকি Reddit কমেন্টের মতো বিভিন্ন সাইটের কনটেন্ট এম্বেড করতে পারেন।
মনে রাখবেন যে পাঠ্যের একটি সম্পূর্ণ লাইনে কেবল ইউআরএলটি থাকা উচিত
Page Builder Sandwich ওয়ার্ডপ্রেসের oEmbed ফিচারের সাথে কাজ করে। সুতরাং আপনি ব্যাকএন্ডে যে ইউআরএলগুলি এম্বেড করতে পারেন সেগুলি সমর্থিত হওয়া উচিত। অতিরিক্ত oEmbed সরবরাহকারীদের সমর্থন যোগ করে এমন প্লাগইনগুলিও কাজ করা উচিত।
আপনি কোডেক্স থেকে oEmbed সরবরাহকারীদের একটি তালিকা পেতে পারেন: https://codex.wordpress.org/Embeds
সম্পাদনা করার সময় শর্টকোড পেস্ট করা যেতে পারে অথবা সরাসরি টাইপ করা যেতে পারে। আপনার শর্টকোডটি টাইপ করার পর, এন্টার চাপুন বা শর্টকোড থেকে বের হয়ে যান এবং এটি সাথে সাথেই রেন্ডার করা অবস্থায় দেখা যাবে।
শর্টকোড যোগ করার আরেকটি উপায় হলো আপনার ইন্সপেক্টরে Shortcode Element-এ ক্লিক করা। এটি একটি পপআপ নিয়ে আসবে যেখানে আপনার সাইটে উপলব্ধ সমস্ত শর্টকোডের তালিকা থাকবে। সন্নিবেশ করতে যেকোনো একটি নির্বাচন করুন অথবা সেগুলোর যেকোনো একটিতে ডাবল ক্লিক করুন।
আপনি ২টি উপায়ে শর্টকোড সম্পাদনা করতে পারেন:
Page Builder Sandwich শর্টকোড অ্যাট্রিবিউট শনাক্ত করতে পারে না। তাই আপনাকে সেগুলো টাইপ করতে হবে। প্রত্যেকের জন্য এটি সহজ করতে আমরা সিস্টেমে শর্টকোড ম্যাপ করার একটি উপায় নিয়ে কাজ করছি। সেটির জন্য সাথে থাকুন।
Page Builder Sandwich ব্যবহার করে আপনি কেবল পেজ, পোস্ট এবং কাস্টম পোস্ট টাইপের বিষয়বস্তু সম্পাদনা করতে পারবেন।
তবে আপনি থিম টেমপ্লেট ফাইলসমূহ সম্পাদনা করতে পারবেন না, যেমন:
বিষয়টি এভাবে ভাবুন, যদি আপনার ফ্রন্টএন্ডে অ্যাডমিন বারে “Edit Post” বা “Edit Page” থাকে, তাহলে পেজটি সম্পাদনাযোগ্য হবে।
মার্কডাউন মূলত এমন একটি সিনট্যাক্স যা আপনার লেখার ফরম্যাটিং যোগ বা পরিবর্তন করতে সম্পাদনা করার সময় টাইপ করেন। এগুলো শর্টকাট কি-এর মতো, তবে কি-এর সমন্বয় চাপার পরিবর্তে আপনি সেগুলি টাইপ করেন।
নিচে Page Builder Sandwich-এ সমর্থিত সমস্ত মার্কডাউন সিনট্যাক্সের একটি তালিকা দেওয়া হলো।
## হেডিং২
### হেডিং৩
পর্যন্ত:
###### হেডিং৬
> ব্লককোট
(৪টি স্পেস) প্রিফরম্যাট করা টেক্সট/কোড
* বুলেট তালিকা - বুলেট তালিকা
1. নম্বরযুক্ত তালিকা 1) নম্বরযুক্ত তালিকা
- ------------------------------(বা একাধিক ড্যাশ)
ইউআরএল টাইপ করলে তা স্বয়ংক্রিয়ভাবে একটি লিংকে রূপান্তরিত হবে:
ভিজিট করুন https://pagebuildersandwich.com
ভিজিট করুন [Page Builder Sandwich](https://pagebuildersandwich.com
আপনি সরাসরি পার্মালিংক URL পেস্ট করে বিভিন্ন সাইট যেমন YouTube ভিডিও, Vimeo ভিডিও, Instagram ছবি, Flickr ছবি, Tweet এবং এমনকি Reddit মন্তব্যের কনটেন্ট এম্বেড করতে পারেন।
https://www.youtube.com/watch?v=dQw4w9WgXcQ
আপনি WordPress কোডেক্স থেকে এম্বেডযোগ্য URL-এর একটি তালিকা পেতে পারেন: https://codex.wordpress.org/Embeds
আপনি অতিরিক্ত এম্বেড URL-এর সহায়তা যুক্ত করে এমন অন্যান্য প্লাগইনও ইনস্টল করতে পারেন। উদাহরণস্বরূপ, Wistia URL-গুলি WordPress-এ ডিফল্টভাবে সমর্থিত নয়, এম্বেডিং সক্ষম করতে আপনি তাদের প্লাগইন ইনস্টল করতে পারেন, এরপর PB Sandwich-ও সেগুলি হ্যান্ডেল করতে সক্ষম হবে।
মনে রাখবেন এটি কাজ করার জন্য লেখার একটি সম্পূর্ণ লাইনে কেবল URL-টিই থাকা উচিত।
আপনি সরাসরি এম্বেড কোডও পেস্ট করতে পারেন।
এম্বেড কোড দেখতে এইরকম হয়:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
মনে রাখবেন এটি কাজ করার জন্য লেখার একটি সম্পূর্ণ লাইনে কেবল এম্বেড কোডটিই থাকা উচিত।
“Add Media” টুলে ক্লিক করুন, তারপর “Insert from URL” ট্যাবে আপনার URL পেস্ট করুন।
Page Builder Sandwich-কে তৈরি করা হয়েছিল যতটা সম্ভব অনধিকারচর্চাহীন রাখতে, যাতে অন্যান্য প্লাগইনগুলোর আমাদেরটির সাথে সহাবস্থানে কোনো সমস্যা না হয়।
তবে কখনও কখনও এর ব্যতিক্রম দেখা যায়। নিচে এমন প্লাগইনগুলোর একটি তালিকা দেওয়া হলো যা Page Builder Sandwich-এর সাথে কাজ করার সময় কিছু অদ্ভুত আচরণ করে। এর মানে এই নয় যে সেগুলি কাজ করে না বা অসামঞ্জস্যপূর্ণ, বরং কেবল কিছু আচরণ ভিন্ন হতে পারে।
আমরা এই তালিকাটি আপডেট করা চালিয়ে যাব। আপনি যদি নতুন কিছু খুঁজে পান, তবে নির্দ্বিধায় একটি সাপোর্ট টিকিট পাঠান [email protected]-এ
Page Builder Sandwich-এর প্রিমিয়াম সংস্করণে আপনি নিজের SVG / ভেক্টর আইকন ব্যবহার করতে পারেন। প্রক্রিয়াটি নিচে দেওয়া হলো:
আপলোড করা আইকনগুলি বুলেট তালিকার বুলেট আইকন এবং বোতামের আইকন হিসেবেও ব্যবহার করা যেতে পারে।
নোট: আপনার অনুসন্ধানে আইকনটি প্রদর্শিত না হলে, হতে পারে ফাইলের নামটি PBS দ্বারা সঠিকভাবে পার্স করা হয়নি। সেই ক্ষেত্রে, আপনার আপলোড করা আইকনগুলি খুঁজে পেতে “custom” বা “upload” শব্দগুলি ব্যবহার করতে পারেন।
PBS চালু আছে এবং এডিটিং মোডে রয়েছে কিনা তা পরীক্ষা করুন।
if ( PBSEditor.isEditing() ) {
// এডিট করার সময় কিছু করুন।
}
কোনোটিই নয়।
বুলিয়ান। বর্তমানে এডিট করার সময় True, এডিট না করার সময় false।
সম্পাদনার সময় রেসপন্সিভ ভিউ রেন্ডার করতে PBS কর্তৃক ব্যবহৃত আইফ্রেমের (iframe) মধ্যে ব্যবহৃত হয়। এটি <head> ট্যাগ বন্ধ হওয়ার ঠিক আগে কল করা হয় এবং স্ক্রিপ্ট ও স্টাইল যুক্ত করতে ব্যবহার করা যেতে পারে।
কোনোটিই নয়.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
আপনার যদি কোনো সমস্যা হয়, তবে সাহায্য করার জন্য আমরা এখানে আছি! তবে অনুগ্রহ করে প্রথমে ডকুমেন্টেশন পেজগুলো দেখে নিন, আপনি হয়তো এখানেই উত্তর পেয়ে যেতে পারেন এবং আপনার সময় বাঁচবে।
আপনার সহায়তা সংক্রান্ত অনুসন্ধানের জন্য আমাদের ইমেল করুন [email protected] ঠিকানায়
ব্যবহারকারী যখন বিভিন্ন রেসপনসিভ ভিউয়ের মধ্যে পরিবর্তন করেন তখন ট্রিগার হয়।
কিছু নেই।
আপনি pbs_is_editable_by_user ফিল্টার ব্যবহার করে ফ্রন্ট-এন্ডে PB Sandwich প্রদর্শন বন্ধ করতে পারেন।
উদাহরণস্বরূপ, slider স্লাগ দ্বারা চিহ্নিত একটি কাস্টম পোস্ট টাইপে PB Sandwich প্রদর্শন বন্ধ করতে, আপনি আপনার functions.php ফাইলে এই কোডটুকু যোগ করতে পারেন
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
নির্দিষ্ট কোনো পৃষ্ঠা/পোস্টের জন্য PB Sandwich বন্ধ করতে, আপনি পোস্ট আইডি ব্যবহার করে যাচাই করতে পারেন:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
যেসব ব্যবহারকারী সম্মতি দিয়েছেন, প্রতিবার PBS-এর এডিটরে সেভ করার সময় PBS তাদের ব্যবহারের পরিসংখ্যান পাঠায়। ডেটা পাঠানো বন্ধ করতে এই ফিল্টারটি ব্যবহার করা যেতে পারে।
$true
বুলিয়ান। এটি সর্বদা true।
আপনি যদি কোনো সমস্যার সম্মুখীন হন, আমরা সাহায্য করতে এখানে আছি! তবে প্রথমে অনুগ্রহ করে ডকুমেন্টেশন পৃষ্ঠাগুলো দেখে নিন, আপনি হয়তো এখানেই উত্তর পেয়ে যেতে পারেন এবং আপনার সময়ও বাঁচবে।
আপনার সহায়তার অনুসন্ধানগুলো আমাদের ইমেল করুন [email protected]
ইন্সপেক্টর থেকে কোনো অপশন পরিবর্তন করা হলে এটি ট্রিগার হয়।
কিছুই নেই।
PBS >= 4.3
একটি পোস্টের বিষয়বস্তুর এলাকা শনাক্ত করতে PBS একটি র্যাপার যোগ করে। র্যাপারটি বসানোর আগে এটি কল করা হয়।
$content
String। র্যাপার প্রয়োগ করা পোস্টের বিষয়বস্তু।
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
কোনোটি নয়.
Array। শনাক্ত করা সমস্ত শর্টকোড ট্যাগের একটি অ্যারে।
PBS >= 4.3
ফ্রন্ট-এন্ডে PBS লোড করা হবে কি না এবং ব্যবহারকারীকে পোস্টটি এডিট করার জন্য PBS ব্যবহার করতে দেওয়া হবে কি না সেই সিদ্ধান্তটি ওভাররাইড করুন।
$is_editable
Boolean। পোস্টটি PBS দিয়ে এডিট করার যোগ্য হওয়া উচিত হলে True। অন্যথায় False
PBS দিয়ে পোর্টফোলিও post_types এডিট করার অনুমতি বাতিল করুন
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
সম্পাদনা করার সময় রেসপনসিভ ভিউ রেন্ডার করার জন্য PBS দ্বারা ব্যবহৃত iframe-এর মধ্যে ব্যবহৃত হয়। এটি <body> ট্যাগ বন্ধ হওয়ার ঠিক আগে কল করা হয় এবং স্ক্রিপ্ট ও স্টাইল যোগ করতে ব্যবহার করা যেতে পারে।
কোনোটি নেই।
পোস্টের বিষয়বস্তুর অংশ চিহ্নিত করার জন্য PBS একটি র্যাপার যুক্ত করে। র্যাপারটি যুক্ত করার পর এটিকে কল করা হয়।
$content
String. র্যাপার প্রয়োগ করা পোস্টের বিষয়বস্তু।
PageBuilderSandwich::is_editable_by_user()
কোনটিই নয়.
বুলিয়ান। PBS পোস্টটি সম্পাদনা করতে পারলে True, অন্যথায় false।
PBS >= 4.3
PageBuilderSandwich-এর ইন্সট্যান্স প্রদান করে
$pbs = PageBuilderSandwich::instance()
কোনোটিই নয়।
PageBuilderSandwich অবজেক্ট। PBS ক্লাসের বর্তমান ইন্সট্যান্স।
একটি পোস্টের জন্য সংরক্ষিত হতে চলা CSS স্টাইলগুলো পরিবর্তন করার একটি ফিল্টার। PBS এডিটর থেকে সেভ বা সংরক্ষণ শুরু করা হলে এটি কল করা হয়।
$style
String. সংরক্ষণের জন্য পাঠানো CSS স্টাইলগুলো।
$post_id
Int. যে পোস্ট আইডিটি আমরা সংরক্ষণ করছি।
পিবিএস (PBS) এডিটর লোড হওয়া শেষ হলে কল করা হয় (ব্যবহারকারী স্টার্ট এডিটিং বোতামে ক্লিক করলে কল করা হয় না)
পিবিএস (PBS) লোড হওয়ার পরে কিছু করুন
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
PBS-এর শর্টকোড পিকার-এ লুকানোর জন্য শর্টকোড ট্যাগগুলির একটি তালিকা। পিকার পপআপে প্রদর্শিত এমন শর্টকোড থাকলে এটি ব্যবহার করুন যা আপনি ইতিমধ্যে অপ্রচলিত (deprecated) করেছেন বা ব্যবহারকারীদের কাছ থেকে কেবল লুকিয়ে রাখতে চান।
$shortcodes
Array. শর্টকোড ট্যাগগুলোর একটি অ্যারে।
পিকার থেকে শর্টকোডটি লুকান।
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
ফ্রন্ট-এন্ডে pbsFrontendParams অবজেক্টে জাভাস্ক্রিপ্ট প্রোপার্টি যোগ করে। ব্যবহারকারী লগ ইন করে এডিটিং করার সময় নির্বিশেষে pbsFrontendParams অবজেক্টটি ফ্রন্ট-এন্ডে উপলব্ধ থাকে।
$params
অ্যারে। কী এবং ভ্যালুগুলির একটি অ্যারে যা উইন্ডো-স্তরের জাভাস্ক্রিপ্ট ভেরিয়েবল pbsFrontendParams-এ উপলব্ধ হবে
ফ্রন্ট-এন্ডে একটি ভেরিয়েবল অ্যাক্সেসযোগ্য করুন
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// This will be available in Javascript under pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
এডিটর বিষয়বস্তু সংরক্ষণ করার ঠিক আগে কল করা হয়। সংরক্ষণের সময় পাঠানোর জন্য অতিরিক্ত ডেটা যুক্ত করতে আপনি এটি ব্যবহার করতে পারেন (এটি ডেটা সংরক্ষণ করে না, কেবল এজ্যাক্সের (Ajax) মাধ্যমে ব্যাকএন্ডে পাঠায়)
payload
FormData অবজেক্ট। সংরক্ষণের জন্য এজ্যাক্সের মাধ্যমে পাঠানো ডেটা।
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
পেজ বিল্ডার স্যান্ডউইচের বেশিরভাগ অংশই জাভাস্ক্রিপ্ট, এবং আমরা বেশ কিছু মেথড যোগ করেছি যাতে ডেভেলপাররা আমাদের পেজ বিল্ডারে আরও কার্যকারিতা যোগ করতে এবং প্রসারিত করতে পারেন।
ডেভেলপারদের জন্য বিষয়গুলো সহজ করার উদ্দেশ্যে, ওয়ার্ডপ্রেস যেভাবে কাজ করে আমরাও সেই অনুকরণ করেছি – হুকের মাধ্যমে!
ওয়ার্ডপ্রেসে, সাধারণত WP-এর আচরণ পরিবর্তন করতে বা নতুন কিছু যোগ করতে আপনি add_filter() এবং add_action() ফাংশনগুলো ব্যবহার করেন। একইভাবে PBS-এ, আপনি wp.hooks.addFilter() এবং wp.hooks.addAction() ব্যবহার করতে পারেন।
এগুলো ব্যবহারের উপায়ও একই: বিষয়বস্তু পরিবর্তন করতে ফিল্টার ব্যবহার করুন, এবং অতিরিক্ত কাজ সম্পন্ন করতে অ্যাকশন ব্যবহার করুন। এই দুটি ফাংশন কল মূলত তাদের PHP প্রতিরূপগুলোর মতোই, পার্থক্য শুধু এগুলো জাভাস্ক্রিপ্টে চলে।
পিএইচপি হুক এবং জাভাস্ক্রিপ্ট হুকের মধ্যে যাতে বিভ্রান্তি না ঘটে, সেজন্য আমরা জাভাস্ক্রিপ্ট হুকগুলোর নামকরণ করেছি “period-case” (একটি উদ্ভাবিত শব্দ) দিয়ে। পিএইচপি হুকগুলো সবই snake case ব্যবহার করে:
সবগুলো হুক ব্রাউজ করতে বাম দিকের মেনুতে থাকা Javascript Actions এবং Javascript Filters ক্যাটাগরিগুলো দেখুন।
যারা জানতে আগ্রহী তাদের জন্য, জাভাস্ক্রিপ্টে এই চমৎকার হুক কলগুলো যুক্ত করার জন্য আমরা ব্যবহার করছি https://github.com/carldanley/WP-JS-Hooks
আপনি যদি প্রিমিয়াম প্লাগইনের আপনার কপিটি কোথায় রেখেছেন তা খুঁজে না পান, তবে এটি পুনরুদ্ধার করতে আপনি এখানে গিয়ে আপনার ইমেল ঠিকানা দিতে পারেন। প্লাগইনটি আপনাকে ইমেল করে পাঠানো হবে।
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
PBS-এর পাশাপাশি কোনো স্ক্রিপ্ট বা স্টাইল এনকিউ করুন। এটি শুধুমাত্র তখনই কল করা হয় যখন পোস্টটি PBS দিয়ে সম্পাদনাযোগ্য হয়। পৃষ্ঠাটি যখন PBS দিয়ে সম্পাদনাযোগ্য হয় না, তখন এটি একেবারেই ব্যবহৃত হয় না।
কোনোটিই নয়।
PBS লোড হওয়ার সময়, my-script.js-ও এনকিউ করুন
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
ফ্রন্ট-এন্ডে pbsParams অবজেক্টে জাভাস্ক্রিপ্ট প্রোপার্টি যোগ করে। ব্যবহারকারী লগ ইন থাকলে এবং পৃষ্ঠাটি সম্পাদনা করার উপযুক্ত অনুমতি থাকলে ফ্রন্ট-এন্ডে pbsParams অবজেক্টটি উপলভ্য হয়।
এই ভেরিয়েবলটি সম্পাদনার সময় PBS দ্বারা ব্যবহৃত অনেক বৈশিষ্ট্যও বহন করে, যেমন ননস (nonces), লোড হওয়া সমস্ত শর্টকোডের একটি তালিকা এবং অনুবাদের স্ট্রিং।
$params
অ্যারে। কী (keys) এবং মানের একটি অ্যারে যা উইন্ডো-স্তরের জাভাস্ক্রিপ্ট ভেরিয়েবল pbsParams-এ উপলভ্য হবে
সম্পাদকে সনাক্ত না হওয়া একটি শর্টকোড যুক্ত করুন
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
এটি একটি প্রিমিয়াম বৈশিষ্ট্য এবং সংস্করণ 4.0.1+ এ উপলব্ধ
একই পৃষ্ঠার স্ক্রোলিং অ্যাঙ্কর লিঙ্কগুলি এমন লিঙ্ক যা একই পৃষ্ঠার একটি নির্দিষ্ট অবস্থানকে নির্দেশ করে। আপনি যখন একই পৃষ্ঠার কোনো লিঙ্কে ক্লিক করেন, তখন আপনার ব্রাউজার নির্দেশিত এলাকার দিকে স্ক্রোল করবে।
একই পৃষ্ঠার অ্যাঙ্কর লিঙ্ক তৈরি করতে আপনার দুটি জিনিস প্রয়োজন:
আপনার পৃষ্ঠার নিচের দিকের যেকোনো উপাদান বেছে নিন এবং তারপর এর বৈশিষ্ট্যগুলি (properties) খুলুন। advanced অংশে, ” go_here” নামের একটি কাস্টম ক্লাস বা কাস্টম আইডি যোগ করুন
এখন আপনার পৃষ্ঠার উপরের কাছাকাছি কোথাও একটি লিঙ্ক তৈরি করুন বা একটি বোতাম উপাদান যোগ করুন। লিঙ্ক হিসেবে কোনো URL যোগ করার পরিবর্তে, আপনি যদি কাস্টম ক্লাস হিসেবে “go_here” যোগ করে থাকেন তবে ” .go_here” (ডট সহ) ব্যবহার করুন; অথবা আপনি যদি কাস্টম আইডি হিসেবে যোগ করে থাকেন তবে “#go_here” (হ্যাশ সহ) ব্যবহার করুন।
আপনার পৃষ্ঠা সংরক্ষণ করার পরে, আপনি যখন আপনার লিঙ্ক/বোতামে ক্লিক করবেন, তখন এটি মসৃণভাবে আপনার পৃষ্ঠার নিচের উপাদানের দিকে স্ক্রোল করবে।
নামযুক্ত অ্যাঙ্কর যেমন
<a name="go_here"></a>
কে “#go_here” (হ্যাশ সহ) এ একটি লিঙ্ক যোগ করেও লক্ষ্য করা যেতে পারে
আপনি আপনার পৃষ্ঠার অন্য যেকোনো এলাকাকেও লক্ষ্য করতে পারেন, এমনকি এডিটর এলাকার বাইরেও, যতক্ষণ পর্যন্ত আপনি সেগুলিকে তাদের ক্লাসের নাম বা আইডি ব্যবহার করে লক্ষ্য করছেন।
কন্টেন্ট সংরক্ষণ করার পরে এটি কল করা হয়। PBS এডিটর থেকে সংরক্ষণ প্রক্রিয়া শুরু করা হলে এটি কল করা হয়।
কোনোটি নয়
সংরক্ষণ করার জন্য পোস্ট ডেটা পরিবর্তন করার একটি ফিল্টার। PBS এডিটর থেকে যখন সেভ শুরু করা হয় তখন এটি কল করা হয়।
$post_data
অ্যারে। সংরক্ষণ করার জন্য চূড়ান্ত পোস্ট ডেটা, এটি পরবর্তীতে সরাসরি wp_update_post()-এ পাঠানো হয়।
$_POST
অ্যারে। সংরক্ষণের জন্য এডিটর থেকে পাঠানো র’ (raw) পোস্ট ডেটা। এটি ইতিমধ্যেই ননস (nonce) যাচাইকৃত।
$post_id
পূর্ণসংখ্যা (Int)। যে পোস্ট আইডিটি আমরা সংরক্ষণ করছি।
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// For some reason, we always want the post to be a draft.
$post_data['post_status'] = 'draft';
return $post_data;
}
কন্টেন্ট সংরক্ষণ করার ঠিক আগে কল করা হয়। PBS এডিটর থেকে সংরক্ষণ শুরু করা হলে এটি কল করা হয়।
কোনোটি নয়
আপনি যদি একজন থিম ডেভেলপার হন, তবে আপনার থিমে PBS অন্তর্ভুক্ত করা আপনার পণ্যের মূল্য ব্যাপকভাবে বাড়িয়ে দিতে পারে।
আমাদের সাথে যোগাযোগ করুন [email protected] ঠিকানায়, আসুন একসাথে কাজ করি!
CloudFlare হলো ব্যাপকভাবে ব্যবহৃত একটি ফ্রি DNS CDN। এটি দারুণ, তবে Rocket Loader ফিচারের ক্ষেত্রে PBS-এ বর্তমানে কিছু সমস্যা দেখা দেয়। Rocket Loader মূলত Javascript ফাইলগুলোর লোডিং সময় উন্নত করে, কিন্তু এটি PBS-এর স্ক্রিপ্টগুলোর ডিপেন্ডেন্সি এবং কল অর্ডার এলোমেলো করে দেয়। আপনার Rocket Loader চালু করা থাকলে, Page Builder Sandwich-এর এডিট বাটনটি দেখতে পাবেন না (এবং কোনো Javascript কনসোল এররও দেখাবে না)।
Rocket Loader বন্ধ করতে, আপনার CloudFlare অ্যাকাউন্টে লগ ইন করুন এবং আপনার ডোমেইনের সেটিংসে যান। এরপর Speed সেটিংসে নেভিগেট করুন:
এরপর স্ক্রোল করে নিচে Rocket Loader সেটিংসে যান এবং নিশ্চিত করুন যে সেটিংটি বন্ধ (off) করা আছে:
এটি বন্ধ করার পর, Cache সেটিংস থেকে অবশ্যই আপনার সম্পূর্ণ সাইটের ক্যাশ পার্জ (purge) করুন:
আপনার ক্যাশের সবকিছু পার্জ করার পর, আপনি পেজটি রিফ্রেশ করতে পারেন এবং এখন Page Builder Sandwich-এর এডিট বাটনটি প্রদর্শিত হওয়া উচিত।
সংরক্ষণ করার জন্য পোস্টের বিষয়বস্তু সংশোধন করার একটি ফিল্টার। PBS এডিটর থেকে সংরক্ষণ শুরু করার সময় এটিকে কল করা হয়।
$content
String. সংরক্ষণ করার জন্য চূড়ান্ত পোস্টের বিষয়বস্তু।
$post_id
Int. যে পোস্ট আইডিটি আমরা সংরক্ষণ করছি।
সংস্করণ ৪.০ থেকে, আপনি সম্পাদনা করার সময় এখন ডেস্কটপ, ট্যাবলেট এবং মোবাইল ফোন ভিউয়ের মধ্যে পরিবর্তন করতে পারেন! আমরা এটিকে রেসপনসিভ মোড বলি। রেসপনসিভ মোডে, আপনার সাইটটি ছোট স্ক্রিনে কেমন দেখাবে তা অনুকরণ করার জন্য ছোট আকারে পরিবর্তিত হবে।
ট্যাবলেট বা মোবাইল ফোন ভিউতে আপনার সাইট দেখার সময়, আপনার সীমিত সম্পাদনা ক্ষমতা থাকবে। এর মাধ্যমে, আপনি শুধুমাত্র নিম্নলিখিত কাজগুলি করতে পারেন:
* PBS আপনার উপাদান এবং সারিগুলিতে কিছু রেসপনসিভ স্টাইলিং প্রয়োগ করে, তাই কিছু মার্জিন সামঞ্জস্যযোগ্য হবে না।
এখানে এমন কিছু বিষয় রয়েছে যা আপনি করতে পারবেন না:
আপনি যদি আপনার সাইটটি ট্যাবলেট বা মোবাইল ফোন ভিউতে দেখে থাকেন, তবে আপনার করা যেকোনো মার্জিন সমন্বয় শুধুমাত্র বর্তমান ভিউ এবং এর চেয়ে ছোট ভিউতে প্রয়োগ করা হবে। এটি আপনাকে সম্পূর্ণ ডেস্কটপ সংস্করণ থেকে আলাদা করে, ছোট স্ক্রিনে আরও ভালো দেখানোর জন্য আপনার ডিজাইনগুলিকে সামান্য পরিবর্তন করতে সক্ষম করে।
বিষয়টি আরও পরিষ্কার করার জন্য এখানে একটি উদাহরণ দেওয়া হলো।
এটি শুধুমাত্র মার্জিনের সমন্বয়ের ক্ষেত্রে প্রযোজ্য, টেক্সট পরিবর্তন বা টেক্সট স্টাইল পরিবর্তন সমস্ত স্ক্রিনের আকারের জন্য প্রয়োগ করা হয়।
ট্যাবলেট বা মোবাইল ফোন ভিউতে দেখার সময়, আপনার সারিগুলিতে একটি নতুন “চোখ” টুলবার বোতাম থাকবে যা আপনি সেগুলির উপর হোভার করলে প্রদর্শিত হবে। এটিতে ক্লিক করলে আপনি বর্তমান স্ক্রিনের আকারের জন্য সারিটি দেখাতে/লুকাতে পারবেন।
সম্পাদনা শেষ করার পরে লুকানো সারিগুলি লুকানো থাকবে তা নির্দেশ করতে সম্পাদনা করার সময় কিছুটা স্বচ্ছ হয়ে যাবে।
মনে রাখবেন যে এই সুবিধাটি শুধুমাত্র সারির জন্য উপলব্ধ।
Varnish Cache ব্যবহার করার সময় আপনার পরিবর্তনগুলো সংরক্ষণ করার পরেও যদি আপনি আপনার পুরোনো বিষয়বস্তু দেখতে পান, তবে হতে পারে Varnish Cache স্বয়ংক্রিয়ভাবে মুছে যায়নি।
কিছু ওয়ার্ডপ্রেস প্লাগইন রয়েছে যা আপনাকে আপনার ক্যাশ ক্লিয়ার করতে দেয়: https://wordpress.org/plugins/search/varnish+cache/
যদি এটি কাজ না করে, তবে আপনি টার্মিনালে এই কমান্ডটি কার্যকর করে ম্যানুয়ালি Varnish Cache পার্জ করতে পারেন:
curl -X PURGE http://mysite.com/my-page/
মার্কডাউন মূলত এমন একটি সিনট্যাক্স যা আপনি আপনার লেখার ফরম্যাটিং যোগ বা পরিবর্তন করার জন্য সম্পাদনা করার সময় টাইপ করেন। এগুলো শর্টকাট কী-এর মতো, তবে সমন্বিত কী চাপার পরিবর্তে আপনি সেগুলো টাইপ করেন।
নিচে Page Builder Sandwich-এ সমর্থিত সকল মার্কডাউন সিনট্যাক্সের একটি তালিকা দেওয়া হলো।
(স্পেসের দিকে খেয়াল রাখুন)
# Heading1
## Heading2
পর্যন্ত:
###### Heading6
> Blockquote
(4 spaces)Preformatted Text/Code
* Bullet list - Bullet list
1. Numbered list 1) Numbered list
- ------------------------------(or multiple dashes)
ইউআরএল টাইপ করলে তা স্বয়ংক্রিয়ভাবে লিংকে রূপান্তরিত হবে:
Head over to https://pagebuildersandwich.com
ডামি টেক্সট কন্টেন্ট তৈরি করতে “lorem” টাইপ করুন এবং তারপর ট্যাব চাপুন।
PBS নিষ্ক্রিয় করতে, প্রথমে আপনার ড্যাশবোর্ড / ব্যাকএন্ডে লগ ইন করুন, তারপর Plugins > Installed Plugins-এ যান:
Plugins পৃষ্ঠায় থাকাকালীন, আপনার প্লাগইনগুলির তালিকা নিচে স্ক্রোল করুন এবং Page Builder Sandwich-এর প্লাগইনটি খুঁজুন। নামের ঠিক নিচে, আপনি Edit বা Change License-এর মতো অন্যান্য লিঙ্কের সাথে একটি deactivate লিঙ্ক দেখতে পাবেন (আপনার সাইটের ক্ষেত্রে এটি ভিন্ন হতে পারে)। প্লাগইনটি নিষ্ক্রিয় করতে deactivate লিঙ্কে ক্লিক করুন।
বেশিরভাগ এলিমেন্টে (তবে শর্টকোড নয়), আপনি একটি এন্ট্রান্স অ্যানিমেশন নির্দিষ্ট করতে পারেন যা এলিমেন্টটি আপনার স্ক্রিনে দৃশ্যমান হলে চালু হয়।
এটি করতে, টুলবারটি প্রদর্শনের জন্য একটি এলিমেন্টের ওপর হোভার করুন এবং তারপরে গিয়ার বোতামটিতে ক্লিক করুন।
এটি ইন্সপেক্টরটি ওপেন করবে। Animations অংশে যান, এটি খুলুন এবং তারপরে একটি অ্যানিমেশন বেছে নিন।
একটি অ্যানিমেশন বেছে নেওয়ার পরে, এটি আপনাকে একটি প্রিভিউ দেখানোর জন্য প্লে হবে। আপনি প্রদত্ত অন্যান্য বিকল্পগুলির সাহায্যে অ্যানিমেশনটি আরও নিখুঁত করতে পারেন।
ব্যবহারকারী স্ক্রোল করার সময় এলিমেন্টটি দৃশ্যের মধ্যে আসলেই কেবল অ্যানিমেশন চলে। আপনি আপনার পৃষ্ঠায় আসার সময় এলিমেন্টটি ইতিমধ্যে দৃশ্যমান থাকলে, এটি অ্যানিমেট হবে না।
না, আপনি হারাবেন না! আপনার সমস্ত পেজ এবং বিষয়বস্তু এখনও আপনার সাইটেই থাকবে। এর মানে হলো আপনি যখন ফ্রি সংস্করণ থেকে প্রিমিয়াম সংস্করণে আপগ্রেড করছেন, অথবা কেবল পরীক্ষা করে দেখছেন, তখন নিরাপদে PBS নিষ্ক্রিয় করতে পারেন।
তবে, সবকিছু আগের মতো দেখতে নাও হতে পারে। আপনি লক্ষ্য করবেন যে আপনার পেজের কিছু উপাদান পরিবর্তিত হতে পারে কারণ PBS-এ কিছু জটিল উপাদানের জন্য প্রয়োজনীয় অতিরিক্ত স্টাইল এবং স্ক্রিপ্ট রয়েছে।
PBS নিষ্ক্রিয় করলেও যা যা থেকে যাবে তা এখানে দেওয়া হলো:
PBS নিষ্ক্রিয় করলে যা যা চলে যাবে তা এখানে দেওয়া হলো:
আপনি যদি আপনার পৃষ্ঠায় পরিবর্তনগুলো সংরক্ষণ করে থাকেন এবং…
এর অর্থ হতে পারে যে সংরক্ষণের ফলে আপনার ক্যাশিং সমাধানটি তার সংরক্ষিত ডেটা মুছে ফেলতে সক্রিয় হয়নি।
আপনি যদি কোনো ধরণের ক্যাশিং সমাধান ব্যবহার করে থাকেন – যেমন W3 Total Cache-এর মতো ক্যাশিং প্লাগইন, Memcached বা Redis-এর মতো সার্ভার-সাইড ক্যাশিং সফটওয়্যার, অথবা CloudFlare-এর মতো DNS ক্যাশিং – তবে এটি হয়তো আপনার সংরক্ষিত বিষয়বস্তু পরিষ্কার করেনি।
এটি আসলেই ঘটেছে কিনা তা পরীক্ষা করার একটি উপায় হলো ব্যাকএন্ডে আপনার পৃষ্ঠাটি সম্পাদনা করা (স্বাভাবিক উপায়ে), তারপর ফ্রন্টএন্ডে পৃষ্ঠাটি দেখা। যদি আপনার বিষয়বস্তু পরিবর্তিত না হয়, তবে সম্ভবত আপনার ক্যাশ স্বয়ংক্রিয়ভাবে পরিষ্কার হয়নি।
কিছু নন-ওয়ার্ডপ্রেস ক্যাশিং সমাধানের একটি পরিপূরক ওয়ার্ডপ্রেস প্লাগইন থাকে যা বর্তমান ক্যাশ পার্জ বা পরিষ্কার করতে সহায়তা করতে পারে, ওয়ার্ডপ্রেস সমাধানগুলোতে সাধারণত এর জন্য বোতাম বা বিকল্প থাকে।
সংরক্ষণের সময় কোনো ধরণের PHP ত্রুটি ঘটে থাকাও সম্ভব।
এটি ঘটছে কিনা তা পরীক্ষা করতে, আপনার ডেভেলপার কনসোল খুলুন (বিশেষত Chrome-এ) এবং তারপর Network ট্যাবে যান। সেখানে যাওয়ার পর, PBS-এ আপনার পরিবর্তনগুলো সংরক্ষণ করুন, এরপর আপনার admin-ajax.php-এর প্রতি একাধিক এন্ট্রি দেখা উচিত। আপনি যদি এটি লাল রঙে দেখতে পান, তবে তা নির্দেশ করে যে একটি ত্রুটি ঘটেছে। এরকম কিছু দেখতে পাচ্ছেন কিনা তা পরীক্ষা করুন:
যদি এমনটি হয়ে থাকে তবে অনুগ্রহ করে প্রয়োজনীয় লগইন তথ্যসহ আমাদের [email protected] এ ইমেল করুন যাতে আমরা এটি পরীক্ষা করে আপনার জন্য ঠিক করে দিতে পারি।
অনুগ্রহ করে Wordfence সামঞ্জস্য সংক্রান্ত নিবন্ধটি এখানে পড়ুন: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
নোট: এটি Envato গ্রাহকদের ক্ষেত্রে প্রযোজ্য নয়
আপনার লাইসেন্স সক্রিয় করার সময় যদি কোনো ত্রুটি দেখা দেয়, তবে এখানে কয়েকটি বিষয় চেষ্টা করে দেখতে পারেন..
এটি বেশিরভাগ ক্ষেত্রে উচ্চতর সংস্করণে আপডেট করা ব্যবহারকারীদের ক্ষেত্রে ঘটে। আপনি যদি সরাসরি ম্যানুয়ালি প্লাগইনের ফাইলগুলো আপডেট করে থাকেন এবং সম্পূর্ণ আপডেট বা নিষ্ক্রিয়-সক্রিয় করার ধাপগুলো বাদ দিয়ে থাকেন, তবে কিছু প্রক্রিয়া সঠিকভাবে সম্পন্ন নাও হতে পারে। অনুগ্রহ করে প্লাগইনটি নিষ্ক্রিয় করুন, তারপর পুনরায় সক্রিয় করুন এবং আবার আপনার লাইসেন্স প্রবেশ করানোর চেষ্টা করুন।
সংস্করণ ৩.২ থেকে, Page Builder Sandwich-কে Freemius-এর সাথে সমন্বিত করা হয়েছে। এমন কিছু ঘটনা ঘটেছে যেখানে Freemius ডেটা মুছে ফেললে লাইসেন্স সক্রিয়করণের ত্রুটি সমাধান হয়। এটি যেভাবে ঠিক করবেন তা নিচে দেওয়া হলো।
আপনার ড্যাশবোর্ডে যান, এবং আপনার URL পরিবর্তন করে http://yoursite.com/wp-admin/admin.php?page=freemius করুন (আপনার সাইটের সাথে মিলিয়ে URL পরিবর্তন করতে ভুলবেন না।) আপনি যদি নিচের মতো স্থানে পৌঁছান, তবে আপনি সঠিক জায়গায় এসেছেন।
Delete All Accounts বোতামে ক্লিক করুন, এবং তারপর Clear API Cache বোতামেও ক্লিক করুন। এটি করার পরে, আবার আপনার লাইসেন্স কি প্রবেশ করানোর চেষ্টা করুন।
যদি এটি কাজ না করে, তবে অনুগ্রহ করে [email protected] ঠিকানায় আমাদের সাথে যোগাযোগ করুন এবং অনুগ্রহ করে সমস্যাটি ও আপনার সাইট সম্পর্কিত বিস্তারিত তথ্য আমাদের জানান।
দ্রুত কিছু ডামি টেক্সট যোগ করতে, “lorem” শব্দটি টাইপ করুন এবং তারপরে দ্রুত কিছু lorem ipsum প্লেসহোল্ডার টেক্সট যোগ করার জন্য tab অথবা enter চাপুন:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
এখানে আমি একটি ব্যাকগ্রাউন্ড কালার সহ একটি রো যোগ করেছি এবং তারপরে এর ভেতরে একটি ছবি যুক্ত করেছি। এটি নিচে দেওয়া হলো:
এটিকে কনটেইনারের ওপরে “উঁকি” দেওয়ার মতো দেখাতে, আপনি যে এলিমেন্টটি সরাতে চান তার ওপর মাউস কার্সারটি রাখুন। এরপর যখন আউটলাইনগুলো দৃশ্যমান হবে, আপনার মাউসটিকে আউটলাইনের ওপরের অংশ ছাড়িয়ে নিয়ে যান। এটি বর্তমান টপ মার্জিন মান প্রদর্শন করবে:
আপনার মার্জিন কমাতে টপ মার্জিন ক্লিক করে ওপরের দিকে ড্র্যাগ করুন, যাতে এটি একটি নেগেটিভ মান হয়ে যায়:
এখন ছবিটি রো-এর বাইরে “উঁকি দিচ্ছে”!
যদি এলিমেন্টটি রো অতিক্রম করার পর কেটে যায়, তবে রো-এর প্রপার্টিজ ইন্সপেক্টর খুলুন এবং Advanced অপশনগুলো থেকে overflow hidden অপশনটি টগল অফ করুন:
বাহ্যিক ওয়েবসাইট থেকে কনটেন্ট এম্বেড করতে, কেবল URL-টি পেস্ট করুন এবং তারপর এন্টার চাপুন। উদাহরণস্বরূপ, আপনি YouTube থেকে এই URL-টি কপি ও পেস্ট করতে পারেন:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
<iframe> এম্বেড কোড পেস্ট করেও Iframe এম্বেড করা সম্ভব। উদাহরণস্বরূপ, এই এম্বেড স্ট্রিংটি কপি ও পেস্ট করুন:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
আপনি WordPress Codex-এ তালিকাভুক্ত সাইটগুলি থেকে URL এম্বেড করতে পারেন: https://codex.wordpress.org/Embeds এবং যেকোনো oEmbed সক্রিয় সাইট।
Page Builder Sandwich সমস্ত ক্যাশিং প্লাগইনের সাথে কাজ করে। তবে, আপনি যদি সেগুলির মিনিফাই বা ক্যাশিং কার্যকারিতা চালু করেন তবে কিছু সমস্যার সম্মুখীন হতে পারেন।
শুধু নিশ্চিত করুন যে মিনিফাই লগ ইন করা ব্যবহারকারীদের জন্য নিষ্ক্রিয় করা আছে, এবং এটি ঠিকঠাক কাজ করবে।
আমরা এখানে কেবল W3 Total Cache-এর সেটিংস দেখাচ্ছি, তবে অন্যান্য ক্যাশিং & মিনিফাই প্লাগইনেও অনুরূপ সেটিংস থাকা উচিত।
নিশ্চিত করুন যে Performance > Page Cache-এর অধীনে Don’t cache pages for logged in users
আপনি যদি মিনিফাই ব্যবহার করেন, তবে নিশ্চিত করুন যে Performance > Minify-এর অধীনে Disable minify for logged in users
আপনি যদি ওপরের এবং নিচের মার্জিন বা প্যাডিং হ্যান্ডেলগুলো টেনে পরিবর্তন করার চেষ্টা করেন এবং এলিমেন্টের মার্জিন/প্যাডিং পরিবর্তিত না হয়, তবে অন্য কোনো স্টাইল থাকতে পারে যা যেকোনো স্টাইল পরিবর্তনকে জোরপূর্বক ওভাররাইড করছে। আপনি যখন ব্যাকগ্রাউন্ড, বর্ডার পরিবর্তন করতে পারেন না অথবা যখন স্বচ্ছ ছবিগুলোতে সর্বদা একটি ব্যাকগ্রাউন্ডের রঙ চলে আসে তখনও এটি ঘটতে পারে।
সমস্যাটি খুঁজে বের করতে, আপনার ব্রাউজারের ইন্সপেক্টর খুলুন এবং এলিমেন্টটি ইন্সপেক্ট করুন। সেই এলিমেন্টের স্টাইলগুলো ব্রাউজ করুন। আপনি যদি এমন কিছু দেখতে পান:
তাহলে আপনি নিশ্চিত হতে পারেন যে আপনার থিম অথবা কোনো প্লাগইন এলিমেন্টটিতে অন্য কোনো স্টাইল প্রয়োগ হতে বাধা দিচ্ছে। এটি কোন থিম/প্লাগইন থেকে আসছে তা জানতে স্টাইলশিটের ওপর মাউস নিয়ে যান।
এটি সমাধান করতে, স্টাইলের “! important” অংশটি মুছে ফেলুন, এবং আপনি আবার স্টাইল প্রয়োগ করতে সক্ষম হবেন। এটি ঠিক করার জন্য আপনাকে থিম বা প্লাগইনের নির্মাতার সাথে যোগাযোগ করতে হতে পারে।
নোট: ডিফল্টভাবে, হেডার শুধুমাত্র প্রথম পাতা (ফ্রন্টপেজ) থেকে সরানো হয়।
আপনার যেকোনো পৃষ্ঠা থেকে হেডার বা মেনু সরাতে, আপনার একটি প্লাগইনের প্রয়োজন হবে যা আপনাকে কাস্টম CSS যোগ করতে দেয়, যেমন Jetpack।
হেডার সরাতে, আপনার পোস্টের পোস্ট আইডি (post ID) প্রয়োজন হবে, তারপর এই কাস্টম CSS যোগ করুন (এখানে থাকা 9999 আপনার পোস্ট আইডি দিয়ে প্রতিস্থাপন করুন):
body.page-id-9999 #masthead {
display: none;
}
একটি পৃষ্ঠা থেকে মেনুগুলো সরাতে (এখানে থাকা 9999 আপনার পোস্ট আইডি দিয়ে প্রতিস্থাপন করুন):
body.page-id-9999 #header-wrapper {
display: none;
}
অথবা শুধুমাত্র আপনার হোম পেজ থেকে মেনু সরানোর সময়:
body.page-id-9999 #header-wrapper {
display: none;
}
আপনি আপনার রো এবং ব্যাকগ্রাউন্ডে ব্যাকগ্রাউন্ড ছবি যোগ করতে পারেন। তাছাড়া, আপনার ডিজাইনের সাথে আরও ভালোভাবে মানিয়ে নেওয়ার জন্য আপনি ব্যাকগ্রাউন্ড ছবিতে রঙের আভা বা শেড (tint) যোগ করতে পারেন।
উদাহরণস্বরূপ, এখানে আমার ব্যাকগ্রাউন্ড ছবিসহ একটি রো রয়েছে যেখানে কিছু সাদা রঙের টেক্সট উপরে বসানো আছে। আমার বাছাই করা ব্যাকগ্রাউন্ড ছবির কারণে এই মুহূর্তে টেক্সটটি পড়া বেশ কঠিন।
দৃশ্যমানতা আরও সুন্দর করতে, আমরা আমাদের ব্যাকগ্রাউন্ড ছবিতে কিছু রঙ যোগ করতে পারি। এটি করতে, row-এর ওপর মাউস রাখুন, তারপর এর প্রোপার্টিজ খুলতে রো-এর gear icon-এ ক্লিক করুন। Background অপশনে যান, এরপর Background Image Tint চালু করুন।
এটি চালু করার পর, আপনি ব্যাকগ্রাউন্ডের রঙ পরিবর্তন করলে তা আপনার ব্যাকগ্রাউন্ড ছবিতে একটি রঙিন শেড যোগ করবে। আপনি টিন্টের তীব্রতা বা অপাসিটিও পরিবর্তন করতে পারেন। টেক্সটটিকে আরও স্পষ্ট করে তোলার জন্য এখানে আমার ব্যাকগ্রাউন্ডে সবুজ শেড দেওয়া হয়েছে:
Page Builder Sandwich নিয়মিতভাবে পরীক্ষা করে যে আপনি এখনও WordPress-এ লগ ইন আছেন কিনা। আপনি সংরক্ষণ (সেভ) বোতামে ক্লিক করার সময় আপনার পরিবর্তনগুলি যেন নিশ্চিতভাবে সংরক্ষিত হয়, তা নিশ্চিত করতে এটি করা হয়। এটি পোস্ট লকিং এবং স্বয়ংক্রিয়ভাবে সংরক্ষণের (autosaves) জন্যও ব্যবহৃত হয়।
আমাদের যাচাইকরণগুলি পরিচালনা করতে আমরা WordPress Heartbeat API-এর ওপর নির্ভর করি এবং এটি ব্রাউজার কুকিজ ও সেশনের ওপর নির্ভর করে। তাই সম্পাদনা করার সময় আপনি যদি বারবার সেই “session expired” পপআপ দেখতে পান, তবে এমন কিছু থাকতে পারে যা WordPress-কে আপনাকে সঠিকভাবে ট্র্যাক করতে বাধা দিচ্ছে। এর সমাধানের জন্য আপনি যা করতে পারেন তা নিচে দেওয়া হলো:
আপনার যদি ক্যাশিং প্লাগইন ইনস্টল করা থাকে, অথবা ডিএনএস ক্যাশিং, বা যেকোনো ধরনের ক্যাশিং থাকে, তবে সেগুলো সাফ করুন। আপনার ব্রাউজারের ক্যাশও সাফ করুন। এমন হতে পারে যে আপনার সাইটের জন্য সর্বশেষ স্ক্রিপ্টগুলো লোড হচ্ছে না।
এটিও হতে পারে যে আপনার কুকিজ নষ্ট (corrupted) হয়ে গেছে, আপনার ব্রাউজারের সেটিংস থেকে ব্রাউজার কুকিজ সাফ করার মাধ্যমে সহজেই এর সমাধান করা যেতে পারে। এটি সাধারণত আপনার ব্রাউজারের ক্যাশ সাফ করার বিকল্পের কাছাকাছি থাকে।
Settings > General-এ যান এবং আপনার সেটিংস পরীক্ষা করুন। WordPress Address (URL) এবং Site Address (URL)-এর সেটিংস খুঁজুন। এগুলোর ডোমেন এবং প্রোটোকল আপনার আসল ডোমেনের সাথে মিল থাকা উচিত। উদাহরণস্বরূপ, যদি একটিতে “http://” থাকে কিন্তু আপনি “https://” ব্যবহার করে আপনার সাইটে যান, তবে সেটিংসে “https://” থাকা উচিত। আরেকটি সাধারণ সমস্যা হতে পারে যে এই URL-গুলোর একটিতে “www” রয়েছে এবং অন্যটিতে নেই।
এগুলোর মিল থাকা উচিত:
অথবা:
এটি ঠিক করতে, আপনি Settings > General থেকে সেটিংস পরিবর্তন করতে পারেন। আপনি যদি সেই সেটিংস সম্পাদনা করতে না পারেন, তবে আপনি আপনার FTP খুলতে পারেন এবং wp-config.php ফাইলটি সম্পাদনা করে এই লাইনগুলো যুক্ত করতে পারেন:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| লাইট সংস্করণ | উপলব্ধ নয় |
| প্রিমিয়াম সংস্করণ | সমস্ত বৈশিষ্ট্য উপলব্ধ
|
ক্যারোসেল হলো এমন একটি অভিনব উপায় যার মাধ্যমে দৃশ্যপটে বারবার আবর্তিত হওয়া কন্টেন্ট যুক্ত করা যায়। Page Builder Sandwich-এ একটি নিজস্ব ক্যারোসেল উপাদান রয়েছে যা ব্যবহার করা যেতে পারে, যা বাহ্যিক ক্যারোসেল প্লাগইনের প্রয়োজনীয়তা দূর করে।
ক্যারোসেল উপাদানের গিয়ার বোতামে ক্লিক করে আপনি ক্যারোসেলের আচরণ কনফিগার করতে পারেন, যেমন স্লাইড অ্যানিমেশন, বিলম্ব এবং আরও অনেক কিছু। তৈরির পর, আপনাকে কাজ করার জন্য তিনটি ক্যারোসেল স্লাইড দেওয়া হয়, সাথে স্লাইড যোগ বা মুছে ফেলার বিকল্পও থাকে। এই সমস্ত স্লাইড সাধারণত ব্যবহৃত উপাদানগুলো গ্রহণ করে, যেমন টেক্সট, ছবি এবং নির্দিষ্ট শর্টকোড।
ন্যাভিগেশন বোতামগুলো নির্বাচন করার মতোই স্লাইড পরিবর্তন করা সহজ। প্রোপার্টিজ (গিয়ার আইকন)-এর মাধ্যমে স্লাইডের ক্রমও পরিবর্তন করা যেতে পারে।
আপনার পোস্টের স্ট্যাটাস পরিবর্তন করতে, স্ক্রিনের উপরের বাম দিকে থাকা সেভ বোতামের ড্রপ ডাউন সূচকের উপর মাউস হোভার করুন। এটি আরও সেভ করার অপশন দেখাবে।
আপনি যদি লাইট সংস্করণ ব্যবহার করে থাকেন, তবে আপনি হয়তো হলুদ ত্রিভুজাকার ফ্ল্যাগগুলো লক্ষ্য করেছেন। এগুলো নির্দেশ করে যে কোনো নির্দিষ্ট বোতাম/উপাদান/অপশন একটি প্রিমিয়াম ফিচার কিনা।
আপনি যদি সেগুলো লুকাতে চান, তবে আপনার ড্যাশবোর্ডে যেতে পারেন, PBSandwich > Settings-এর সেটিংস পৃষ্ঠায় নেভিগেট করতে পারেন এবং Hide Premium Feature Flags-এর সেটিংটি চেক করতে পারেন
আমরা কোনো অগোছালো ইন্টারফেস চাই না, এবং সবকিছু যাতে স্বজ্ঞাত ও সহজে আবিষ্কারযোগ্য হয় তা চেয়েছিলাম। তাই Page Builder Sandwich-এর ইউজার ইন্টারফেস দেখতে সহজ হলেও, এটি বেশ শক্তিশালী এবং সম্পাদনা করার সময় আপনি অনেক কিছু করতে পারেন।
আপনি আপনার মাউস কার্সার ব্যবহার করেও অনেক চমৎকার কাজ করতে পারেন। বিভিন্ন উপাদানের ওপর মাউস হোভার করলে ইন্টারঅ্যাক্টিভ ওভারলে এবং টুলবার প্রদর্শিত হয়। এগুলোর প্রতিটি আলাদা আলাদা কাজ করে, যেমন:
| লাইট সংস্করণ | সমস্ত ফিচার উপলব্ধ |
| প্রিমিয়াম সংস্করণ | সমস্ত ফিচার উপলব্ধ |
একটি নতুন HTML এলিমেন্ট যোগ করতে ইন্সপেক্টরে থাকা HTML এলিমেন্টে ক্লিক করুন, একটি মোডাল উইন্ডো প্রদর্শিত হবে। সেখানে আপনার HTML কোড টাইপ করুন বা পেস্ট করুন, তারপর save HTML-এ ক্লিক করুন। আপনার HTML এখন এডিটরের ভিতরে দেখা যাবে।
টুলবার দেখাতে HTML এলিমেন্টের উপরে আপনার মাউস হোভার করুন। টুলবারের পেন্সিল আইকনে ক্লিক করে অথবা এলিমেন্টটির উপরে সরাসরি ডাবল ক্লিক করে আপনি আপনার HTML এডিট করতে পারেন।
একবার আপনি PBS দিয়ে সম্পাদনা শুরু করলে, আপনার পেজ/পোস্টের শিরোনামের উপর মাউস হোভার করুন, সেটিতে একটি রূপরেখা দেখা যাবে। কার্সার রাখতে এবং এটি পরিবর্তন করতে শিরোনামটিতে ক্লিক করুন।
শিরোনামের অংশে ফরম্যাটিং টুল উপলব্ধ নেই, আপনি এর স্টাইল পরিবর্তন করতে পারবেন না বা শিরোনামে কোনো উপাদান যোগ করতে পারবেন না।
সারি ও কলাম হলো এমন কিছু টুল যা আপনি বিভাগযুক্ত বিষয়বস্তু তৈরি করতে ব্যবহার করতে পারেন।
নতুন তৈরি করা পেজ/পোস্ট থেকে Page Builder Sandwich ব্যবহার করে সম্পাদনা করার সময়, আপনি যে বিষয়বস্তু টাইপ করবেন তা একটি একক কলামে রাখা হবে। ব্লগ পোস্ট লেখার জন্য এটি ভালো, তবে আপনি যদি ল্যান্ডিং পেজ বা যোগাযোগ পেজের জন্য বিশেষ লেআউট পেতে চান, তবে আপনি সম্ভবত একটি ২ কলামের লেআউট বা আপনার পেজ জুড়ে বিভিন্ন কলামের সংমিশ্রণ চাইতে পারেন।
আপনি ইন্সপেক্টরে এই বোতামগুলো ব্যবহার করে সারি ও কলাম যোগ করতে পারেন:
একবার যোগ করার পর, আপনার নতুন সারির চারপাশে আউটলাইন দেখা যাবে:
আপনি আপনার সারি এবং কলামের ভেতরে যেকোনো কিছু রাখতে পারেন – টেক্সট, শর্টকোড, উইজেট, এমনকি আরও সারি ও কলাম যোগ করতে পারেন।
যখন একটি সারি (বা আপনার সারির ভেতরের কোনো বিষয়বস্তু) নির্বাচন করা হয়, তখন আপনার ইন্সপেক্টরে আরও বিকল্প উপলব্ধ হবে। আপনি আপনার সেকশনটিকে আরও স্টাইল করতে এই বোতামগুলো ব্যবহার করতে পারেন:
ইন্সপেক্টরে এর নিচে আপনার কলামগুলো স্টাইল করার জন্য অতিরিক্ত বিকল্পও রয়েছে।
আপনি সারির উপর ক্লিক করে চেপে ধরে রেখে সারিগুলোকে বিভিন্ন স্থানে সরাতে পারেন (যদি আপনি এর ভেতরের কোনো এলিমেন্টের উপর ক্লিক করে চেপে ধরে রাখেন, তবে এলিমেন্টটি ড্র্যাগ হবে, সারিটি নয়)।
| লাইট সংস্করণ | উপলব্ধ নয় |
| প্রিমিয়াম সংস্করণ | সমস্ত ফিচার উপলব্ধ
|
ঐচ্ছিকভাবে কিছু টেক্সট হাইলাইট করুন, তারপর ইন্সপেক্টরে বাটন এলিমেন্টে ক্লিক করুন। এটি একটি মোডাল নিয়ে আসবে যেখানে আপনি আপনার বাটনের সাথে লিঙ্ক করার জন্য URL টাইপ করতে পারবেন। আপনি সেখান থেকে আপনার ওয়েবসাইটে থাকা বিদ্যমান যেকোনো ওয়েবপেজও অনুসন্ধান করতে পারেন।
অন্যান্য এলিমেন্টগুলির মতো নয়, বাটনগুলি ইনলাইন স্থাপন করা হয়, যার অর্থ এগুলি অন্যান্য টেক্সট (বা অন্যান্য বাটন)-এর পাশাপাশি স্থাপন করা হবে। আপনি স্বতন্ত্র বাটনগুলিকে টেনে অন্য স্থানে ড্রপ করতে পারবেন না, বরং বাটনের আশেপাশের টেক্সটসহ সেটিকে ড্র্যাগ করতে হবে।
এডিট করার সময়, আপনি যখন একটি বাটনে ক্লিক করবেন, তখন আপনি ইন্সপেক্টরে অতিরিক্ত স্টাইলিং বিকল্প দেখতে পাবেন। এগুলি কোন URL-এর সাথে লিঙ্ক করে তা দেখতে এবং অন্যান্য কমান্ড দেখতে আপনি বাটনের ওপর আপনার মাউস হোভার করতে পারেন।
দ্রষ্টব্য: এটি তখন করুন যখন আপনার ইতোমধ্যে PBS ইনস্টল এবং অ্যাক্টিভ করা আছে এবং আপনি সাইট থেকে ডাউনলোড করা কোনো জিপ ফাইল বা আমাদের পাঠানো কোনো ইমেলের অ্যাটাচমেন্ট দিয়ে এটি আপডেট করতে চান।
দ্রষ্টব্য: আপডেট সম্পন্ন করতে আমরা আরেকটি প্লাগইন ব্যবহার করছি, যা প্রথমে আনইনস্টল করার প্রয়োজন ছাড়াই সাথে সাথেই PBS আপডেট করার সুবিধা দেয়।
Plugins > Add New-এ যান, তারপর সার্চ বক্সে “Easy Theme and Plugin Upgrades” প্লাগইনটি অনুসন্ধান করুন
প্লাগইনটি খুঁজে পাওয়ার পর, এটি ইনস্টল এবং অ্যাক্টিভ করুন।
Easy Theme and Plugin Upgrades প্লাগইনটি অ্যাক্টিভ করার পর, আবার Plugins > Add New-এ যান, তারপর উপরের দিকের Upload Plugin বাটনে ক্লিক করুন:
Page Builder Sandwich জিপ ফাইলটি বেছে নিয়ে ইনস্টল করুন,
ব্যস, এতটুকুই। এখন আপনার কাছে PBS-এর নতুন সংস্করণটি থাকা উচিত।
| লাইট সংস্করণ | সীমিত স্টাইলিং সহ উপলব্ধ |
| প্রিমিয়াম সংস্করণ | সমস্ত বৈশিষ্ট্য উপলব্ধ
|
আপনার পৃষ্ঠায় একটি মানচিত্র যোগ করতে মানচিত্র এলিমেন্টে ক্লিক করুন। যখনই মানচিত্র এলিমেন্টটি নির্বাচিত হবে, ইন্সপেক্টরে মানচিত্রের সেটিংস দেখানো উচিত। আপনি মানচিত্রটি সেই এলাকায় কেন্দ্রবিন্দু করতে ইন্সপেক্টরের অবস্থান (location) ফিল্ডে অক্ষাংশ ও দ্রাঘিমাংশ স্থানাঙ্ক অথবা একটি ঠিকানা প্রবেশ করাতে পারেন। সেখানে অন্যান্য স্টাইলিং বিকল্পও উপলব্ধ রয়েছে।
আপনি মানচিত্রটি প্যান করে বা জুম ইন/আউট করে মানচিত্র এলিমেন্টটিকে আরও নিয়ন্ত্রণ করতে পারেন। মনে রাখবেন যে মানচিত্রে আপনার পরিবর্তনগুলি এলিমেন্টে প্রয়োগ করা হবে।
প্রিমিয়াম ব্যবহারকারীদের জন্য, আপনি এতে একটি রঙ বেছে নিয়ে মানচিত্রটি স্টাইলাইজ করতে পারেন; আরেকটি বিকল্প হলো কিছু রঙের স্কিম তৈরি করতে snazzymaps.com ব্যবহার করা এবং তারপর সেগুলি ব্যবহার করা। SnazzyMaps ব্যবহার করে এই ধরণের রঙের স্কিম তৈরি করা যেতে পারে: https://snazzymaps.com/style/20053/papuportal-dark এই রঙের স্কিমগুলি ব্যবহার করতে, ইন্সপেক্টরে Javascript style array কপি করুন।
মানচিত্রের উচ্চতা সমন্বয় করা যেতে পারে, তবে মানচিত্রের প্রস্থ সমন্বয় করা যায় না এবং সর্বদা উপলব্ধ সর্বোচ্চ প্রস্থে পরিবর্তিত হবে। এর আকার পরিবর্তন করতে, আপনার মানচিত্রগুলি সারি এবং কলামের ভিতরে রাখুন। আপনি ব্রাউজারের সম্পূর্ণ প্রস্থ দখল করার জন্যও মানচিত্র সেট করতে পারেন।
আপনার বিষয়বস্তুর বিভিন্ন অংশে কার্সার দ্রুত স্থাপন করতে বা বিভিন্ন উপাদান নির্বাচন করতে আপনি আপনার মাউস ব্যবহার করতে পারেন।
আপনার বিষয়বস্তুর মাঝে কার্সার সরাতে আপনি আপনার কীবোর্ডের তীর বোতামগুলি (অ্যারো বাটন) ব্যবহার করতে পারেন। সারিগুলির উপরে বা নীচে যেতে আপনি এটি ব্যবহার করতে পারেন।
সারি এবং কলাম নিয়ে কাজ করার সময়, আপনার সারির ঠিক পরে বা আগে বিষয়বস্তু যোগ করতে আপনি সারির প্রান্তগুলিতে ক্লিক করতে পারেন। এটি বিশেষভাবে সহায়ক যদি আপনার একের ভেতর আরেকটি একাধিক সারি থাকে এবং আপনি তাদের মাঝে কিছু বিষয়বস্তু যোগ করতে চান।
আপনি যদি আপনার সাইটের ফ্রন্টএন্ডে “Edit with Page Builder Sandwich” বাটনটি দেখতে না পান, তবে আপনি কয়েকটি বিষয় চেষ্টা করে দেখতে পারেন:
PB Sandwich-এর এডিট বাটনটি আপনার ফ্রন্টএন্ডের অ্যাডমিন বারে থাকে। অ্যাডমিন বারটি দৃশ্যমান কিনা তা নিশ্চিত করতে আপনার অ্যাডমিনিস্ট্রেশনে যান এবং Users > Your Profile -এ যান এবং Show Toolbar when viewing site-এর পাশের বক্সে টিক দেওয়া আছে কিনা তা পুনরায় যাচাই করুন।
ফ্রন্টএন্ডে কেবল পোস্ট, পেজ এবং কাস্টম পোস্ট টাইপ সম্পাদনাযোগ্য। আপনি ফ্রন্টএন্ডে কেবলমাত্র তখনই বিষয়বস্তু সম্পাদনা করতে পারেন যদি আপনি ব্যাকএন্ডে ওয়ার্ডপ্রেসের কন্টেন্ট এডিটর ব্যবহার করে সেগুলি সম্পাদনা করতে পারেন। আপনার সাইটের অন্যান্য অংশ – যেমন ব্লগ পোস্টের ফ্রন্টপেজ তালিকা, সমস্ত ব্লগ পোস্টের তালিকা, ক্যাটাগরি তালিকা, ৪০৪ পেজ, সার্চ পেজ – এগুলো আপনার ব্যবহৃত থিমের পাশাপাশি ওয়ার্ডপ্রেস দ্বারা তৈরি ডায়নামিক পেজ এবং PB Sandwich ব্যবহার করে এগুলো সম্পাদনা করা যায় না।
বর্তমান ওয়েবপেজটি সম্পাদনাযোগ্য কিনা তা বোঝার একটি লক্ষণ হলো আপনার অ্যাডমিন বারে “Edit Post” বা “Edit Page” দেখতে পাওয়া যাচ্ছে কিনা।
যদি আপনার পেজ/পোস্ট কোনও থিম বা প্লাগইন দ্বারা ডায়নামিকভাবে তৈরি হয়, তবে এটি Page Builder Sandwich (এবং সম্ভবত অন্যান্য পেজ বিল্ডারেও) দিয়ে সম্পাদনা করা যাবে না। আপনি যদি লক্ষ্য করেন যে ব্যাকএন্ডে আপনার কন্টেন্ট এডিটর খালি, কিন্তু ফ্রন্টএন্ডে পেজটি কন্টেন্টে পূর্ণ দেখাচ্ছে, তবে এটি একটি ভালো ইঙ্গিত যে আপনার পেজটি ডায়নামিকভাবে তৈরি হয়েছে।
আপনার পেজটি ডায়নামিকভাবে তৈরি কিনা তা পরীক্ষা করতে, আপনার ওয়েবপেজের সোর্স কোড দেখুন (রাইট ক্লিক করে “View Page Source” নির্বাচন করুন)। “pbs-main-wrapper” টেক্সটটি খুঁজুন, যদি আপনি কোথাও সেই টেক্সটটি দেখতে না পান, তবে আপনার পেজটি ডায়নামিকভাবে তৈরি।
ডায়নামিকভাবে তৈরি কন্টেন্টের কয়েকটি উদাহরণ এখানে দেওয়া হলো:
এমন কিছু ঘটনা ঘটেছে যেখানে থিমটি ফাঁকা থাকলে কন্টেন্টটি একেবারেই প্রদর্শন করেনি এবং এর ফলে PBS ভুলবশত ভেবেছিল যে পেজটি অসম্পাদনাযোগ্য। এটি আপনার ক্ষেত্রেও হচ্ছে কিনা তা পরীক্ষা করতে, ব্যাকএন্ড এডিটরে আপনার পেজ/পোস্ট সম্পাদনা করুন, আপনার কন্টেন্টে যেকোনো টেক্সট যোগ করার চেষ্টা করুন (উদাহরণস্বরূপ “hello”), তারপর সেখান থেকে “Edit with Page Builder Sandwich” বাটনে ক্লিক করুন।
এই পরামর্শটির জন্য Mathias Hellquist-কে ধন্যবাদ!
কিছু পেজ বিল্ডার আপনাকে ওয়ার্ডপ্রেসের ডিফল্ট কন্টেন্ট এডিটর বা পেজ বিল্ডারের নিজস্ব এডিটর ব্যবহার করার মধ্যে যেকোনো একটি বেছে নিতে বাধ্য করে। আপনি যদি ইতিমধ্যেই অন্য কোনো পেজ বিল্ডার ব্যবহার করে আপনার পেজটি সম্পাদনা করে থাকেন, তবে হতে পারে সেই পেজ বিল্ডারটি আগেই কন্টেন্টটির “দখল” নিয়ে নিয়েছে এবং অন্যান্য কন্টেন্ট হুক/ফিল্টার আর চলতে পারছে না। এর ফলে, কখনো কখনো Page Builder Sandwich আপনার কন্টেন্টটি কোথায় আছে তা সনাক্ত করতে পারে না এবং সম্পাদনা করার মতো কিছু না থাকায় এটি এডিট বাটনটি প্রদর্শন করে না।
এটি সমাধান করতে, কেবল সেই নির্দিষ্ট পেজ/পোস্টের জন্য সেই পেজ বিল্ডারটি ব্যবহার না করার সিদ্ধান্ত নিন এবং ওয়ার্ডপ্রেসের ডিফল্ট কন্টেন্ট এডিটর ব্যবহার করা বেছে নিন।
নিশ্চিত করুন যে পেজটিতে আপনার সম্পাদনা করার অনুমতি রয়েছে
আপনি যদি পেজটি সম্পাদনা করতে না পারেন তবে এডিট বাটনটি প্রদর্শিত হবে না। উদাহরণস্বরূপ, আপনি যদি একজন এডিটর বা কন্ট্রিবিউটর হন এবং আপনি সাইটে ব্লগ পোস্ট ও নিবন্ধ লিখতে পারেন, তবে তার অর্থ এই নয় যে আপনি ফ্রন্ট পেজ বা আপনার যোগাযোগের পেজটি সম্পাদনা করতে পারবেন। আপনি যদি আপনার অ্যাডমিন বারে “Edit Post” বাটনটি দেখতে পান, তবে আপনার PB Sandwich ব্যবহার করেও এটি সম্পাদনা করতে সক্ষম হওয়া উচিত। আপনার সম্পাদনার সুবিধার প্রয়োজন হলে আপনার সাইট অ্যাডমিনিস্ট্রেটরের কাছে চেয়ে নিন।
PB Sandwich ব্যাপকভাবে Javascript ব্যবহার করে। আপনার সাইটে থাকা অন্যান্য স্ক্রিপ্ট থেকে যদি Javascript ত্রুটি থাকে, তবে এটি PB Sandwich-কে কাজ করতে বাধা দিতে পারে। এটি হচ্ছে কিনা তা পরীক্ষা করতে, ত্রুটিগুলো দেখতে আপনি আপনার ব্রাউজারে ডেভেলপার কনসোল খুলতে পারেন।
এর জন্য আমি Chrome ব্যবহার করার পরামর্শ দেব। পেজের যেকোনো জায়গায় রাইট ক্লিক করুন, তারপর “Inspect” বিকল্পটিতে ক্লিক করুন। এটি আপনার ব্রাউজারের নিচে একটি নতুন অংশ নিয়ে আসবে, সেখানে “console” ট্যাবে ক্লিক করুন। যদি কোনো ত্রুটি থাকে, তবে আপনি এই ধরনের কিছু দেখতে পাবেন:
আপনার যদি কোনো ত্রুটি থাকে, তবে স্ক্রিপ্টের নামের উপর ক্লিক করে বা আপনার মাউস রেখে এটি কোথা থেকে আসছে তার একটি সূত্রও পেতে পারেন:
এই ত্রুটিগুলি আপনার থিম বা আপনার থাকা অন্যান্য প্লাগইন থেকে আসতে পারে। সেই ত্রুটিগুলি সমাধান করা হলে PB Sandwich আবার কাজ করতে পারে।
যদি আপনার থিম বা প্লাগইনগুলির মধ্যে একটির কারণে Javascript ত্রুটিটি ঘটে থাকে, তবে অনুগ্রহ করে আমাদের [email protected]-এ ইমেলের মাধ্যমে জানান এবং আমরা সমস্যাটি সমাধান করার জন্য যথাসাধ্য চেষ্টা করব 🙂
CloudFlare একটি বহুল ব্যবহৃত ফ্রি DNS CDN। এটি চমৎকার, তবে Rocket Loader ফিচারের ক্ষেত্রে PBS-এর বর্তমানে কিছু সমস্যা রয়েছে। Rocket Loader মূলত Javascript ফাইল লোড হওয়ার সময় উন্নত করে, তবে এটি PBS-এর স্ক্রিপ্টগুলির ডিপেনডেন্সি এবং কল অর্ডারে ব্যাঘাত ঘটায়। আপনার Rocket Loader চালু থাকলে, Page Builder Sandwich-এর এডিট বাটনটি প্রদর্শিত হবে না (এবং কোনো Javascript কনসোল ত্রুটিও দেখাবে না)।
আপনার সাইট CloudFlare-এর Rocket Loader ব্যবহার করছে কিনা তা পরীক্ষা করতে, আপনার ওয়েবপেজের সোর্স কোড দেখুন (রাইট ক্লিক করে “View Page Source” নির্বাচন করুন), এবং তারপর “rocketscript” টেক্সটটি অনুসন্ধান করুন, যদি আপনি সেই টেক্সটটি খুঁজে পান তবে আপনার Rocket Loader চালু রয়েছে।
এটি কীভাবে বন্ধ করতে হবে তার বিস্তারিত নির্দেশাবলীর জন্য CloudFlare & Rocket Loader Compatibility সম্পর্কিত নিবন্ধটি পড়ুন।
ঠিক আছে, এই পর্যায়ে উপরের কোনো সমাধানই যদি কাজ না করে, তবে এটি কেন প্রদর্শিত হচ্ছে না এবং এ বিষয়ে কী করণীয় তা ব্যাখ্যা করার সময় এসেছে। প্রস্তুত? চলুন শুরু করা যাক!
আপনার পেজ/পোস্টের বিষয়বস্তু কোথায় অবস্থিত তা Page Builder Sandwich-এর জানা প্রয়োজন। ওয়ার্ডপ্রেস কখন পোস্টের বিষয়বস্তু লোড করে তা লক্ষ্য রেখে এবং সেই এলাকাটি “চিহ্নিত” করে আমরা এটি করি, যাতে সবকিছু লোড হয়ে গেলে আমরা মূল বিষয়বস্তুটি খুঁজে পেতে পারি।
কখনো কখনো, কিছু প্লাগইন এই প্রক্রিয়াটি ওভাররাইড বা বাইপাস করে এবং পরিবর্তে তাদের নিজস্ব উপায়ে কন্টেন্ট লোড করার চেষ্টা করে। কখনো কখনো এটি ঠিক থাকে, কিন্তু নির্দিষ্ট কিছু ক্ষেত্রে, বিশেষ করে মূল পোস্টের বিষয়বস্তু লোড করার ক্ষেত্রে, এটি কিছু প্লাগইনের কাজ বন্ধের কারণ হতে পারে। যখন অন্য কোনো প্লাগইন এই লোডিং প্রক্রিয়াটি বাইপাস করে, তখন আমাদের করা “চিহ্নগুলি” হারিয়ে যেতে পারে, এবং যখন এডিটরটি সক্রিয় হওয়ার সময় আসে, তখন এটি আপনার কন্টেন্ট কোথায় আছে তা আর খুঁজে পায় না। ফলে, এডিট বাটনটি প্রদর্শিত হয় না! আপনি আরও দেখতে পারেন যে আপনার পেজে কন্টেন্ট যোগ করে এমন কিছু প্লাগইন, যেমন কিছু সোশ্যাল শেয়ারিং প্লাগইনও ঠিক এই একই কারণে কাজ করা বন্ধ করে দিতে পারে।
Page Builder Sandwich-এর জানা প্রয়োজন যে আপনার পেজ/পোস্টের বিষয়বস্তু কোথায় অবস্থিত, এবং এটি the_content ফিল্টারে হুক করে আপনার মূল কন্টেন্টের চারপাশে একটি র্যাপার যুক্ত করার মাধ্যমে তা সম্পন্ন করে। কিছু প্লাগইন এটিকে ওভাররাইড করতে পারে এবং পরিবর্তে পরবর্তীতে একটি get_the_content() ফাংশন দিয়ে কন্টেন্টটি ওভাররাইট করে দিতে পারে। দুর্ভাগ্যবশত, এটি করার ফলে ALL the_content ফিল্টার কল হওয়া বন্ধ হয়ে যায় এবং ফলস্বরূপ PBS-এর র্যাপার হারিয়ে যায়। অন্য যেকোনো প্লাগইনের পরিবর্তনও একইভাবে হারিয়ে যাবে।
বস্তুত get_the_content() ব্যবহার করাতে কোনো ভুল নেই, তবে সাধারণ the_content() কলের পরিবর্তে যেখানে সমস্ত the_content ফিল্টার চালানো হয়, তার বদলে যদি এটি মেইন কোয়েরি এবং সিঙ্গেল পোস্ট টেমপ্লেট পেজের ভেতরে ব্যবহার করা হয় তবে বিরূপ প্রতিক্রিয়া হতে পারে।
ফ্রন্টএন্ডে আপনার পেজ/পোস্টে গিয়ে এবং লগইন থাকা অবস্থায় পেজের সোর্স কোড দেখে আপনি পরীক্ষা করতে পারেন যে Page Builder Sandwich-এর “চিহ্নগুলি” অনুপস্থিত কিনা। কোডের ভিড়ে অনুসন্ধান করে দেখুন আপনি এই স্ট্রিংটি খুঁজে পান কিনা:
data-name="main-content"
আপনি যদি এটি খুঁজে পান, তবে কোথাও কোনো Javascript সমস্যা হতে পারে এবং আপনি যে থিম এবং প্লাগইনগুলি ব্যবহার করছেন তা আমাদের জানান, আমরা এটি ঠিক করতে পারি।
কিন্তু আপনি যদি এটি খুঁজে না পান, তবে সম্ভবত আপনার থিম (অথবা একটি প্লাগইন, তবে এটি পেজ বা ব্লগ পোস্ট হলে থিম হওয়ার সম্ভাবনাই বেশি) পোস্টের বিষয়বস্তু নিয়ে এমন কিছু করছে। যদি তাই হয়, তবে আপনার থিম নির্মাতার সাথে যোগাযোগ করা উচিত এবং সমস্যাটি সম্পর্কে তাদের জানানো উচিত! আপনি তাদের উপরের প্রযুক্তিগত “কেন”-র ব্যাখ্যাটিও দেখাতে পারেন, এটি ডিবাগিংয়ে সাহায্য করতে পারে 🙂
আপনি যদি PHP-তে কাজ করতে স্বাচ্ছন্দ্যবোধ করেন, তবে আপনি পোস্ট কন্টেন্ট পরিচালনা করে এমন টেমপ্লেট ফাইলটি খুঁজে বের করে এটি ঠিক করার চেষ্টা করতে পারেন। আমরা একটি সমাধানের সম্মুখীন হয়েছি যেখানে নিচের কলটি প্রতিস্থাপন করা হয়:
$content = get_the_content();
এর সাথে:
ob_start(); the_content(); $content = ob_get_clean();<br>
দ্রষ্টব্য: আপনার ক্ষেত্রে PHP ভ্যারিয়েবল ভিন্ন হতে পারে, তবে ধারণাটি একই থাকবে। এটি কাজ করলে, আপনার থিমে সরাসরি এই পরিবর্তনটি বাস্তবায়নের পরিবর্তে আপনি যদি একটি চাইল্ড থিম তৈরি করতে পারেন তবে আরও ভালো হবে। এই পরিবর্তনের কারণে পার্শ্বপ্রতিক্রিয়াও হতে পারে, তাই এ বিষয়ে আপনার থিম নির্মাতার সাথে পরামর্শ করাই ভালো।
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 দিয়ে আপনি যেকোনো কিছু ক্লিক করে ড্র্যাগ করতে পারেন এবং যেকোনো জায়গায় নিয়ে যেতে পারেন। আপনি যখন কোনো কিছু ড্র্যাগ করবেন, পেজের অন্য একটি এলিমেন্টের ওপরে নিয়ে যাবেন, তখন আপনি সেটিকে অন্য যেকোনো কনটেন্টের উপরে বা নিচে সরিয়ে নিতে পারেন।
আপনার কাজ সংরক্ষণ করা
আপনার ডিজাইন নিয়ে সন্তুষ্ট হলে, পেজের উপরের বাম দিকের সেভ বাটনে ক্লিক করুন। ব্যস, এতটুকুই!
লাইট প্লাগইন এবং প্রিমিয়াম প্লাগইন হলো দুটি ভিন্ন প্লাগইন। প্রিমিয়াম বৈশিষ্ট্যগুলো ব্যবহার করতে হলে, আপনাকে লাইট সংস্করণটি নিষ্ক্রিয় (বা আনইনস্টল) করতে হবে, তারপর প্রিমিয়াম প্লাগইনটি ইনস্টল ও সক্রিয় করতে হবে এবং তারপর আপনার লাইসেন্স কী লিখতে হবে।
দ্রষ্টব্য: আপনি যদি একই সাথে লাইট এবং প্রিমিয়াম উভয় প্লাগইন সক্রিয় করেন, তবে প্লাগইনটি এগিয়ে যাওয়ার আগে আপনার বিদ্যমান প্লাগইনটি নিষ্ক্রিয় করতে বলবে।
pagebuildersandwich.com থেকে যারা PBS কিনেছেন সেই গ্রাহকদের জন্য দ্রষ্টব্য: আপনি সাইট থেকেও প্লাগইনটি ডাউনলোড করতে পারেন, আপনার বর্তমান লাইসেন্স কীটি এখনও কাজ করার কথা। যদি এটি কাজ না করে, অনুগ্রহ করে আমাদের সাথে যোগাযোগ করুন এবং আমরা আপনাকে একটি নতুন কী প্রদান করতে পারব।
PBS কেনার পর, আপনার দুটি বিষয় সম্বলিত একটি ইমেল পাওয়া উচিত:
প্রিমিয়াম প্লাগইনটি ইনস্টল ও সক্রিয় করুন, এবং তারপর আপনার সামনে এই স্ক্রিনটি প্রদর্শিত হবে:
এখানে আপনার লাইসেন্স কী লিখুন এবং Agree & Activate License-এ ক্লিক করুন। এখন প্রিমিয়াম বৈশিষ্ট্যগুলো ব্যবহার উপযোগী হবে।
বিকল্পভাবে, আপনি আপনার প্লাগইন পৃষ্ঠাতেও যেতে পারেন এবং তালিকায় Page Builder Sandwich প্লাগইনটি খুঁজে নিতে পারেন:
Activate License লিঙ্কটিতে ক্লিক করুন, এবং আপনি সেখান থেকে আপনার লাইসেন্স প্রবেশ করাতে সক্ষম হবেন।
আপনি Page Builder Sandwich ব্যবহার করে কেবল একক পেজ বা পোস্ট সম্পাদনা করতে পারবেন। এটিকে এভাবে বিবেচনা করুন, ব্যাকএন্ডে যদি কোনো কনটেন্ট এডিটরসহ “New Post” সেকশন থাকে, তবে আপনি Page Builder Sandwich দিয়ে তা সম্পাদনা করতে পারবেন।
আপনি যেকোনো কাস্টম পোস্ট টাইপের বিষয়বস্তু সম্পাদনা করতে সক্ষম হবেন।
আমরা নিশ্চিত করেছি যে আপনার ওয়েবসাইটের পারফরম্যান্সে Page Builder Sandwich-এর প্রভাব প্রায় শূন্যের কাছাকাছি। লগ আউট অবস্থায়, আপনার ব্যবহৃত শর্টকোডগুলোর জন্য প্রয়োজনীয় জেএস (JS) এবং সিএসএস (CSS) স্ক্রিপ্টের পাশাপাশি খুব বেশি হলে কেবল রো (row) এবং কলামের (column) সিএসএস স্টাইলগুলো এনকিউ (enqueue) করা হয়।
আপনার ওয়েবসাইটের ভিজিটরদের জন্য, আপনার ব্যবহৃত শর্টকোডগুলোর জন্য প্রয়োজনীয় জেএস এবং সিএসএস স্ক্রিপ্টের পাশাপাশি খুব বেশি হলে কেবল রো এবং কলামের সিএসএস স্টাইলগুলো যুক্ত করা হয়।
আমরা সম্প্রতি সামঞ্জস্যতা সংক্রান্ত সমস্যার কিছু সমাধান যোগ করেছি যেখানে Page Builder Sandwich এবং IMPress for IDX Broker উভয় প্লাগইন একসাথে সক্রিয় থাকলে, এটি লগ ইন করা ব্যবহারকারীদের জন্য ফ্রন্টএন্ডে ক্র্যাশ ঘটাচ্ছিল।
এই সমাধানটি PBS-কে পুনরায় কার্যকর করেছে, তবে এডিটরের ভেতরে IDX Broker উইজেট সন্নিবেশ করার ক্ষমতা আমাদের সরিয়ে নিতে হয়েছে। তা সত্ত্বেও, IDX Broker উইজেটটি এখনও আপনার Appearance > Widgets মেনুতে ব্যবহার করা যেতে পারে।
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 দিয়ে আপনি যেকোনো কিছু ক্লিক করে টেনে এনে যেকোনো জায়গায় সরাতে পারেন। আপনি যখন কোনো কিছু টেনে আনেন, তখন পেজের অন্য কোনো এলিমেন্টের ওপর নিয়ে যান, আপনি সেগুলোকে অন্য যেকোনো কন্টেন্টের ওপরে বা নিচে সরাতে পারেন।
আপনার কাজ সংরক্ষণ করা
আপনার ডিজাইন পছন্দ হলে, কেবল আপনার পেজের ওপরের বাম দিকের সংরক্ষণ বোতামে ক্লিক করুন। ব্যস, এটুকুই!
আপনাকে দ্রুত কাজ করার সুবিধা দিতে, আপনি Page Builder Sandwich-এ উপলব্ধ বিভিন্ন শর্টকাট কি ব্যবহার করতে পারেন।
এগুলো নন-ফরম্যাটিং/টুল কমান্ডের শর্টকাট। ফরম্যাটিং/টুল শর্টকাট কি-এর জন্য, টেক্সট ফরম্যাটিং বারের প্রতিটি বোতামের ওপর আপনার মাউস হোভার করে তাদের শর্টকাট কি কম্বিনেশন দেখুন।
| শর্টকাট কি | বিবরণ |
| CTRL+E (এডিট না করার সময়) | এডিটিং শুরু করুন |
| CTRL+SHIFT+R (এডিট করার সময়) | পেজ রিফ্রেশ করুন (যেহেতু CTRL+R ডানদিকে অ্যালাইন করার জন্য ব্যবহৃত হয়) |
| CTRL+S | পরিবর্তন সংরক্ষণ করুন |
| CTRL+ESC | পরিবর্তনগুলো বাতিল করুন এবং এডিটিং বন্ধ করুন |
| CTRL+C | কপি করুন |
| CTRL+V | পেস্ট করুন |
| CTRL+X | কাট করুন |
| CTRL+ENTER | লাইন ব্রেক / পরবর্তী লাইন |
| CTRL+Z | আনডু করুন |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
রিডু করুন |