টেক্সট, ছবি ও ডিভাইডার যেকোনো পেজে পূর্ণ সেকশন হিসেবে কাজ করে, আবার অনেক সেকশনের ভেতরে ব্লক হিসেবেও। দুই জায়গাতেই এদের সেটিংস একই, নিচে ছোটখাটো পার্থক্যগুলো বলা হয়েছে।
একটি যোগ করুন
বিল্ডার-এ নতুন সেকশন যোগ করুন-এ ক্লিক করুন। টেক্সট ও ছবি আছে কনটেন্ট গ্রুপে, ডিভাইডার আছে সাজসজ্জা গ্রুপে। প্রতি পেজে সর্বোচ্চ 3টি টেক্সট সেকশন, 3টি ছবি সেকশন এবং 10টি ডিভাইডার যোগ করতে পারেন। ব্লক হিসেবে যোগ করতে একটি সেকশন সিলেক্ট করে নতুন ব্লক যোগ করুন-এ ক্লিক করুন।
টেক্সট
- টেক্সট: এডিটরে আছে বোল্ড, ইটালিক, আন্ডারলাইন, স্ট্রাইকথ্রু, লেখার সাইজ (ছোট, সাধারণ, বড়, অনেক বড়), লেখার রং, হাইলাইটের রং এবং ফরম্যাটিং মুছে ফেলার একটি বাটন।
- প্রিসেট: ডিফল্ট, অনুচ্ছেদ, অথবা হেডিং 1 থেকে হেডিং 6। হেডিংগুলো আপনার হেডিংয়ের ফন্ট ব্যবহার করে এবং সার্চ ইঞ্জিনকে জানায় পেজটি কীভাবে সাজানো। প্রতি পেজে শুধু একটি হেডিং 1 ব্যবহার করুন।
- ফন্ট: ডিফল্ট প্রিসেটের ফন্ট ব্যবহার করে। বডি, হেডিং, সাবহেডিং বা অ্যাকসেন্ট বেছে নিলে ফন্ট সেটিংস থেকে সেই ফন্ট ব্যবহার হয়।
- সাইজ (10 থেকে 30 পিক্সেল), লাইনের উচ্চতা এবং অক্ষরের ব্যবধান (কম, সাধারণ বা বেশি)।
- প্রস্থ: ফিট (লেখার সমান চওড়া) বা ফিল (পুরো প্রস্থ)। ফিল দিলে অ্যালাইনমেন্ট (বাম, মাঝখানে, ডান) দেখা যায়।
কালেকশন পেজে লেখায় {{collection_name}}, {{collection_description}} ও {{products_count}} ব্যবহার করে যে কালেকশনটি দেখা হচ্ছে তার লাইভ তথ্য দেখানো যায়।
ছবি
- ছবি: আপনার মিডিয়া লাইব্রেরি থেকে একটি ছবি বেছে নিন।
- প্রস্থ: ফিট, ফিল, অথবা শতাংশে কাস্টম প্রস্থ সহ কাস্টম। ফিল দিলে অ্যালাইনমেন্ট লুকানো থাকে।
- অনুপাত: অটো (ছবির নিজের আকার), পোর্ট্রেট, স্কয়ার বা ল্যান্ডস্কেপ। নির্দিষ্ট অনুপাত দিলে ফিট দিয়ে বেছে নিন কভার (ফ্রেম ভরে দেয়, কিছুটা কেটে যেতে পারে) বা কনটেইন (পুরো ছবি দেখায়)।
- কোণের রেডিয়াস: কোণগুলো গোল করে, 0 থেকে 100 পিক্সেল।
- লিংক: ঐচ্ছিক। ছবিতে ক্লিক করলে এই ঠিকানা খোলে, যেমন
https://example.com/products/your-link।
ডিভাইডার
কনটেন্ট আলাদা করার একটি লাইন। উপর-নিচে সাজানো লেআউটে এটি আড়াআড়ি থাকে, আর সরাসরি একটি আড়াআড়ি গ্রুপের ভেতরে রাখলে লম্বালম্বি হয়ে যায়।
- প্রস্থ: ফিট বা ফিল।
- পুরুত্ব: 1 থেকে 10 পিক্সেল। দৈর্ঘ্য: জায়গার 5% থেকে 100%।
- অ্যালাইনমেন্ট: শুরু, মাঝখানে বা শেষ। দৈর্ঘ্য 100%-এর কম হলে দেখা যায়।
- কোণের রেডিয়াস: লাইনের প্রান্ত চোখা বা গোলাকার।
রং ও ব্যবধান
- সেকশন হিসেবে প্রত্যেকটির একটি কালার স্কিম থাকে: এর ব্যাকগ্রাউন্ড, লেখার রং, আর ডিভাইডারের ক্ষেত্রে লাইনের রং (স্কিমের বর্ডারের রং)। দেখুন কালার স্কিম।
- ব্লক হিসেবে টেক্সটে আছে প্যারেন্টের কালার স্কিম ব্যবহার করুন (ডিফল্টভাবে চালু)। ভিন্ন স্কিম বেছে নিতে এটি বন্ধ করুন। ব্লকের ছবিগুলো তাদের সেকশন অনুসরণ করে।
- প্রতিটি পাশে প্যাডিং। সেকশনগুলোর মাঝে বেশি জায়গার জন্য ডিভাইডার সেকশনে সর্বোচ্চ 200 পিক্সেল দেওয়া যায়।
জেনে রাখুন
- খালি টেক্সট দেখায় না স্টোরে, তাই খালি টেক্সট ব্লক কোনো ফাঁকা জায়গা রাখে না।
- ছবি কেটে যাচ্ছে: ফিট কনটেইন করুন, অথবা অনুপাত অটো করুন।
- ডিভাইডার লম্বালম্বি হচ্ছে না: এটি সরাসরি আড়াআড়ি সেট করা একটি গ্রুপের ভেতরে থাকতে হবে, দেখুন কনটেন্ট পাশাপাশি বা কলামে রাখতে গ্রুপ ব্লক কীভাবে ব্যবহার করব?।