ওয়ার্কস্পেস টেমপ্লেট কী, কাদের লাগে, HTML-এর জন্য কী নিয়ম, পেজ কীভাবে এগুলো ব্যবহার করে এবং কেন ডিজাইন বরং পেজ বিল্ডারে করবেন।
“ডোমেইন ও টেমপ্লেট”-এর অধীনে মালিক আর অ্যাডমিনরা Creator Pro থেকে নিজস্ব টেমপ্লেট তৈরি করতে পারেন। এগুলো সেই ডেভেলপার আর এজেন্সিদের জন্য একটি HTML ফ্রেম, যাঁরা একটি লেআউট অনেক পেজে আবার ব্যবহার করতে চান। একটি পেজ ডিজাইন করতে এগুলো লাগে না।
প্ল্যান আর অনুমতি
| প্ল্যান | ওয়ার্কস্পেস টেমপ্লেট |
|---|---|
| Creator Free | – |
| Creator Pro | ৫ |
| Creator Agency | ২৫ |
| Enterprise | ১০০ |
মালিক আর অ্যাডমিনরা টেমপ্লেট তৈরি, সম্পাদনা আর মুছতে পারেন। Creator Free-তে “+ টেমপ্লেট” বাটন লক থাকে এবং “ওয়ার্কস্পেস টেমপ্লেট Creator Pro থেকে পাওয়া যায়।” দেখা যায়।
টেমপ্লেট তৈরি করুন
- “ডোমেইন ও টেমপ্লেট” খুলুন
- “+ টেমপ্লেট”-এ ক্লিক করুন
- ফিল্ডগুলো পূরণ করে “তৈরি করুন”-এ ক্লিক করুন
- “কী (a-zA-Z0-9_-)”
- অক্ষর, সংখ্যা, _ আর - দিয়ে তৈরি ২–৬৪ অক্ষর। কী ওয়ার্কস্পেসের মধ্যে ইউনিক এবং পরে বদলানো যায় না।
- “নাম”
- আবশ্যক, সর্বোচ্চ ১২০ অক্ষর, যেমন “প্রোডাক্ট লঞ্চ”।
- “শুরু করুন”
- শুধু তৈরির সময়: “খালি টেমপ্লেট” বা কোনো বিল্ট-ইন টেমপ্লেটের কপি। কপি মূলটির কাঠামো, প্লেসহোল্ডার আর চেহারা নিয়ে নেয় এবং শুরু করার সবচেয়ে দ্রুত উপায়।
- “স্ট্যাটাস”
- শুধু সম্পাদনার সময়: “সক্রিয়” বা “নিষ্ক্রিয়”।
- “HTML কনটেন্ট”
- HTML ফ্রেম, আবশ্যক। সর্বোচ্চ ৬০,০০০ বাইট; বাংলা অক্ষর, অ্যাকসেন্টযুক্ত অক্ষর আর অন্যান্য বিশেষ চিহ্ন একাধিক বাইট নেয়। HTML এর চেয়ে বড় হলে LinkHarbor সংরক্ষণ করতে দেয় না।
- “স্কিমা (JSON)” আর “ডিফল্ট (JSON)”
- টেমপ্লেটের পরিবর্তনযোগ্য মান আর তাদের ডিফল্ট বর্ণনা করে। দুটোই বৈধ JSON হতে হবে, আর ডিফল্টগুলো স্কিমার সাথে মিলতে হবে। প্রতিটি সর্বোচ্চ ৬৪ KB হতে পারে, ভেতরের একটি টেক্সট সর্বোচ্চ ৫,০০০ অক্ষর।
HTML-এর নিয়ম
HTML-এ এমন একটি প্লেসহোল্ডার থাকতে হবে, যেখানে পেজের কনটেন্ট দেখা যাবে।
| প্লেসহোল্ডার | প্রভাব |
|---|---|
| {{blocks}} বা {{content}} | লিংকসহ পেজের সব ব্লক; এদের একটি আবশ্যক |
| {{links}} | শুধু লিংক; {{blocks}}-এর সাথে মেলাবেন না, নইলে লিংক দুবার দেখা যায় |
| {{name}} আর {{#if name}}…{{/if}} | স্কিমা আর ডিফল্ট থেকে মান বসায়, অথবা কোনো মান সেট থাকলেই কেবল কিছু অংশ দেখায় |
নিরাপত্তার কারণে সংরক্ষণের সময় LinkHarbor HTML পরিষ্কার করে:
- div, section, header, p, a, img বা table-এর মতো সাধারণ টেক্সট আর লেআউট উপাদান চলে। script, iframe আর noscript তাদের কনটেন্টসহ সরানো হয়, form, svg, link বা meta-র মতো অন্য উপাদান কনটেন্ট ছাড়া
- onclick-এর মতো ইভেন্ট অ্যাট্রিবিউট আর javascript:-সহ লিংক মুছে ফেলা হয়
- একটি style ব্লক রাখা হয়, তবে কাস্টম CSS-এর মতো এটিও অন্য সার্ভার থেকে কিছু লোড করতে পারে না
- CSS ক্লাস রাখা হয় যদি সেগুলো lh- দিয়ে শুরু হয়, বিল্ট-ইন টেমপ্লেটে থাকে বা টেমপ্লেটের style ব্লকে সংজ্ঞায়িত থাকে, যেমন .hero { … } দিয়ে; অন্য ক্লাস সরানো হয়। আইডি, data- আর aria- অ্যাট্রিবিউট রাখা হয়
- ইনলাইন স্টাইল চলে, তবে অন্য সার্ভারের দিকে url(), @import বা position: fixed-সহ ডিক্লারেশন সরানো হয়
- style ব্লকে বা style=""-এ প্লেসহোল্ডার শুধু বৈধ CSS মান বসায়, যেমন #1a2b3c-এর মতো রং, 24px-এর মতো মাপ বা 0.5-এর মতো সংখ্যা। ; { } উদ্ধৃতিচিহ্ন বা url()-সহ মান খালি থাকে। যে ফিল্ডের ডিফল্ট মান একটি রং, মাপ বা সংখ্যা, পেজ সংরক্ষণের সময় সেগুলো শুধু এমন মানই গ্রহণ করে
- ছবি শুধু আপনার LinkHarbor অ্যাসেট থেকে বা {{avatar_url}}-এর মতো প্লেসহোল্ডারের মাধ্যমে সম্ভব
দুটো ত্রুটি সংরক্ষণ আটকে দেয়: style ব্লকে বাইরের ঠিকানা থাকলে “টেমপ্লেটের CSS অন্য সার্ভার থেকে কিছু লোড করতে পারবে না …”, আর কোনো {{#if}}, {{#unless}} বা {{#each}} যে টেক্সট, ট্যাগ বা অ্যাট্রিবিউটে শুরু হয় সেখানে শেষ না হলে, অথবা style, href বা src-এ থাকলে “টেমপ্লেট HTML-এর একটি অংশ … অনুমোদিত নয় বা ঠিকভাবে বন্ধ হয়নি।”
১ নভেম্বর ২০২৬-এর আগে সংরক্ষিত টেমপ্লেটগুলো সেই সময় সংরক্ষণের সময় তাদের স্টাইল আর ক্লাস হারিয়েছিল। দরকার হলে একটি নতুন কপি থেকে আবার তৈরি করুন।
কোনো পেজে টেমপ্লেট ব্যবহার করুন
সক্রিয় ওয়ার্কস্পেস টেমপ্লেটগুলো পেজ তৈরির সময় এবং বিল্ডারে “থিম” → “টেমপ্লেট”-এ “নিজস্ব টেমপ্লেট” গ্রুপে দেখা যায়, তাদের ওপরে “বিল্ট-ইন টেমপ্লেট”-এর অধীনে ১৭টি বিল্ট-ইন টেমপ্লেট। বিবরণে লেখা থাকে “ওয়ার্কস্পেস টেমপ্লেট, ‘ডোমেইন ও টেমপ্লেট’-এ তৈরি।” বাছাই আর বদল বিল্ট-ইন টেমপ্লেটের মতোই কাজ করে, দেখুন টেমপ্লেট বাছাই ও বদল।
- টেমপ্লেট বদলালে পেজের প্রিভিউ সাথে সাথে পরিবর্তনটি দেখায়। পেজটি আবার পাবলিশ করলেই কেবল তা লাইভ হয়। কয়েকটি পেজ টেমপ্লেটটি ব্যবহার করলে প্রতিটি আবার পাবলিশ করুন
- পাবলিশ করার সময় LinkHarbor ভার্সনে টেমপ্লেটের একটি কপি রাখে। তাই পরে টেমপ্লেট বদলালে বা নিষ্ক্রিয় করলেও লাইভ পেজ অপরিবর্তিত থাকে
- API-তে আর AI অ্যাসিস্ট্যান্টের কাছে একটি ওয়ার্কস্পেস টেমপ্লেটের নাম “ws:” আর তার কী, যেমন ws:product-launch
- নিজস্ব ছবির স্লট API দিয়ে ঠিক করেন (asset_slots), প্রতি টেমপ্লেটে সর্বোচ্চ ৩২টি
সম্পাদনা, নিষ্ক্রিয় আর মুছে ফেলা
তালিকায় নাম, কী, স্ট্যাটাস আর তারিখ দেখা যায়, “সম্পাদনা করুন” আর “মুছুন” বাটনসহ।
- নিষ্ক্রিয় করা
- সম্পাদনার সময় “স্ট্যাটাস” “নিষ্ক্রিয়” করুন। যে পেজগুলো ইতিমধ্যে টেমপ্লেটটি ব্যবহার করে, সেগুলো এটি রেখে দেয়। বিল্ডার তখন দেখায়, যেমন “বর্তমান: প্রোডাক্ট লঞ্চ (নিষ্ক্রিয়)”। এটি আর বাছাই করা যায় না; কেউ চেষ্টা করলে দেখেন “এই ওয়ার্কস্পেস টেমপ্লেটটি নিষ্ক্রিয়। কোনো পেজে ব্যবহার করতে ‘ডোমেইন ও টেমপ্লেট’-এ এটি সক্রিয় করুন।”
- মুছে ফেলা
- মুছে ফেলা টেমপ্লেট তালিকা থেকে চিরতরে চলে যায় এবং আর সীমায় গোনা হয় না; এর কী নতুন টেমপ্লেটে আবার ব্যবহার করতে পারেন। কোনো পেজ এটি ব্যবহার করলে মোছা আটকে থাকে: “এই টেমপ্লেটটি এখনও {count}টি পেজে ব্যবহৃত হচ্ছে। আগে সেই পেজগুলোর টেমপ্লেট বদলান।” {count}-এর জায়গায় পেজের সংখ্যা দেখা যায়।
নিষ্ক্রিয় টেমপ্লেটও আপনার প্ল্যানের সীমায় গোনা হয়। জায়গা দরকার হলে সেগুলো মুছুন।
ডাউনগ্রেড আর আপগ্রেডে
Creator Free-তে সব সক্রিয় ওয়ার্কস্পেস টেমপ্লেট নিষ্ক্রিয় হয়; তালিকায় তখন “প্ল্যানের কারণে নিষ্ক্রিয়” দেখা যায়। পাবলিশ করা পেজগুলো অপরিবর্তিত থাকে, নিজস্ব টেমপ্লেট ব্যবহার করা পেজও। বিল্ডারে তখন “বর্তমান:”-এর পাশে “(নিষ্ক্রিয়)” দেখা যায়। আপগ্রেডের পর ঠিক এই টেমপ্লেটগুলোই আবার সক্রিয় হয়। যেগুলো আপনি নিজে নিষ্ক্রিয় করেছেন বা মুছেছেন, সেগুলো তেমনই থাকে।
এগুলোও কাজে আসতে পারে
কিছু খুঁজে পাননি?
আপনার কী দরকার তা আমাদের জানান, আমাদের সাপোর্ট টিম ব্যক্তিগতভাবে আপনাকে সাহায্য করবে।