ব্লক নিয়ে কাজ
ব্লক কী, ছয়টি ব্লক দল, ব্লকের সেটিংস কীভাবে সাজানো, আর ইংরেজি-বাংলা লেখা, ছবি ও নমুনা কনটেন্ট কীভাবে কাজ করে।
ব্লক হলো একটি পেজের একটি গড়ার অংশ: শিরোনাম, ছবি, পণ্যের গ্রিড, স্লাইডার। ব্লকগুলো সেকশনে সাজান, সেটিংস বদলান, আপনার পেজ তৈরি। এই গাইডে কী কী ব্লক আছে আর তাদের সেটিংস কীভাবে চলে তা দেখানো হয়েছে।
শুরুর আগে#
- বিল্ডারে যেকোনো পেজ খুলুন: পেজ বিল্ডারের প্রথম পাঠ।
- আপনার ছবি মিডিয়া লাইব্রেরিতে (সাইডবারে ছবি) রাখুন, যাতে একবার আপলোড অনেক ব্লকে লাগে।
ছয়টি ব্লক দল#
ব্লক ট্যাবে ব্লকগুলো দলে সাজানো। নাম জানা থাকলে ব্লক খুঁজুন ব্যবহার করুন।
| দল | উদাহরণ | কীসের জন্য |
|---|---|---|
| লেআউট | সেকশন, কন্টেইনার, কলাম, বিভাজক, ফাঁকা জায়গা, ক্যারোসেল, স্লাইডার, ট্যাব, অ্যাকর্ডিয়ন, চলমান স্ট্রিপ | কাঠামো: সারি, কলাম, ফাঁক আর যা বদলায় বা সরে |
| সাধারণ | শিরোনাম, টেক্সট, বাটন, কাউন্টার | লেখা, কল টু অ্যাকশন আর সংখ্যা |
| মিডিয়া | ছবি, আইকন, পিনসহ ছবি, আগে ও পরে | ছবি আর দেখে বোঝানোর প্রমাণ |
| দোকান ও পণ্য | পণ্যের গ্রিড, ক্যাটাগরির পণ্য, ক্যাটাগরি টাইল, পণ্যের নাম, দাম, পণ্যের ছবি, ভ্যারিয়েন্ট বাছাই, কেনার বাটন, রিভিউ | ক্যাটালগ আর পণ্যের পেজের অংশ দেখানো |
| নেভিগেশন | নেভিগেশন লিংক, হেডার ও ফুটারের অংশ | মেনু আর লিংক |
| ফর্ম ও চেকআউট | কার্ট, চেকআউট ফর্ম, অর্ডার ফর্ম (ল্যান্ডিং) | ক্রেতা যা পূরণ করেন |
দোকানের আসল ডেটা দেখানো ব্লক, যেমন পণ্যের অংশগুলো, পণ্যের অংশের ভেতরে কাজ করে। কোনো জায়গায় ব্লক রাখা না গেলে চেষ্টা করলে কারণ বলে দেয়।
ব্লক বদলান#
একটি ব্লক বাছুন, ডানের সেটিংস ব্যবহার করুন। চারটি ট্যাবের কাজ আলাদা:
| ট্যাব | এতে কী আছে |
|---|---|
| কনটেন্ট | ব্লকের নিজের লেখা, ছবি, লিংক ও অপশন |
| স্টাইল | লেখার চেহারা, রং, গোল কোণ, ছায়া ও ব্যাকগ্রাউন্ড |
| লেআউট | চওড়া ও উচ্চতা, ফাঁক, সাজানো আর ভেতরে জিনিস কীভাবে বসে |
| বাড়তি | কাস্টম CSS, ডেটার উৎস আর কম লাগে এমন অপশন |
- 1
ব্লক বাছুন
পেজে বা লেয়ার-এ ক্লিক করুন।
- 2
কনটেন্ট লিখুন
লেখা টাইপ করুন, মিডিয়া লাইব্রেরি থেকে ছবি বাছুন, লিংক দিন। লিংক হতে পারে আপনার দোকানের একটি পেজ (যেমন /shop), পুরো https:// ঠিকানা, tel: বা mailto:।
- 3
পর্দার মাপ ধরে ঠিক করুন
উপরে ডেস্কটপ, ট্যাবলেট ও মোবাইল বদলে প্রতিটি মাপ দেখুন। কলাম বা উচ্চতার মতো কিছু সেটিং প্রতিটির জন্য আলাদা দেওয়া যায়।
- 4
দরকারে রিসেট করুন
রিসেট ব্লককে খোলার সময়ের অবস্থায় ফেরায়। এটি ফিরিয়ে নেওয়া যায়।
দুই ভাষা#
ব্লকের লেখায় একটি ইংরেজি ও একটি বাংলা সংস্করণ থাকে। দর্শকরা ওয়েবসাইটে যে ভাষা বেছেছেন সেটি দেখেন। দুটোই পূরণ করুন, যাতে কেউ ফাঁকা বা শুধু ইংরেজি লাইন না দেখে।
নমুনা কনটেন্ট#
যে ব্লকের আসল ডেটা লাগে, যেমন কার্ট বা পণ্যের পেজ, সেগুলো বিল্ডারের ভেতরে নমুনা কনটেন্ট দেখায় যাতে লেআউট বোঝা যায়। দর্শকরা সবসময় আসল ডেটা দেখেন। স্লাইডারের মতো কিছু ব্লক "এটি বদলান" চিহ্নযুক্ত নমুনা স্লাইড নিয়ে শুরু হয়। আপনি না বদলানো পর্যন্ত সেগুলো আপনার লাইভ পেজে কখনো আসে না।
করুন
- মিডিয়া লাইব্রেরির ছবি ব্যবহার করুন, একবার আপলোড বহুবার ব্যবহার।
- প্রতিটি বদলের পর মোবাইল দেখুন।
- ইংরেজি ও বাংলা দুই লেখাই পূরণ করুন।
করবেন না
- ফোনে সরু কলামের ভেতরে লম্বা অনুচ্ছেদ রাখবেন না।
- "এটি বদলান" নমুনা লেখা রেখে সেটি দেখাবে আশা করবেন না।
- অন্য ওয়েবসাইটের ছবির লিংক বসাবেন না। মিডিয়া লাইব্রেরি ব্যবহার করুন।
বিল্ডারের ভেতরের সাহায্য#
প্রতিটি ব্লকের জন্য বিল্ডারে একটি সাহায্য নোট আছে, যাতে এটি কী, কখন ব্যবহার করবেন ও টিপস থাকে, কখনো আগে-পরের ছবি বা ভিডিও থাকে। ব্লকের সাহায্য আইকন থেকে খুলুন। ডিজাইন ট্যাবে এক মিনিটের একটি ট্যুরও আছে।
সাধারণ সমস্যা#
একটি ব্লক খুঁজে পাচ্ছি না
ব্লক খুঁজুন ব্যবহার করুন। কিছু ব্লক শুধু এক ধরনের পেজের: যেমন ল্যান্ডিং পেজের ব্লক শুধু ল্যান্ডিং পেজ এডিট করলে আসে।
বিল্ডারে নমুনা লেখা দেখাচ্ছে কিন্তু আমার ওয়েবসাইটে নেই
এটি ইচ্ছা করেই: নমুনা কনটেন্ট শুধু বিল্ডারের জন্য। নিজের লেখা বা ছবি দিয়ে বদলান।
আমার ছবি কেটে যাচ্ছে
ছবির ব্লকের কনটেন্ট সেটিংসে দেখুন ছবি বাক্সটি কীভাবে ভরছে আর কোন অংশ দেখা যাচ্ছে।

মন্তব্য (০)
যে কেউ মন্তব্য করতে পারেন। দয়া করে ফোন নম্বর, পাসওয়ার্ড বা ক্রেতার তথ্য দেবেন না।