থিম: রং, ফন্ট ও পেজের চওড়া
একবার তৈরি প্যালেট বা নিজের রং ও ফন্ট ঠিক করলে পুরো স্টোরফ্রন্ট তা মানে। একটি ফেভিকন দিন, তারপর প্রকাশ করুন।
থিম-এ থাকে রং, ফন্ট আর পেজের চওড়া, যা প্রতিটি পেজ ব্যবহার করে। একবার একটি মান বদলালে পুরো স্টোরফ্রন্ট তা মানে, তাই বাটন, লিংক আর ব্যাকগ্রাউন্ড সবসময় মেলে। ব্রাউজার ট্যাবের ছোট আইকন ফেভিকন-ও থিমে থাকে।
শুরুর আগে#
- ডেস্কটপ আকারের পর্দা ব্যবহার করুন, অন্তত ১০২৪ px চওড়া। ছোট পর্দায় থিম এডিটর একটি বার্তা দেখায়।
- থিম বদলাতে ডিজাইন এডিটের অনুমতি, আর প্রকাশ করতে ডিজাইন প্রকাশের অনুমতি লাগে।
থিম এডিটর খুলুন#
ডিজাইন খুলে স্টোর থিম কার্ডটি খুঁজুন (এতে থিম ও রং লেখা), তাতে চাপুন। বিল্ডার থেকেও খোলা যায়: আরও > থিমের রং ও ফন্ট।
রং বাছুন#
- 1
প্যালেট দেখুন
তৈরি রঙের প্যালেট থেকে এক ক্লিকে একটি লুক বাছুন। প্যালেটের দল ফিল্টার ব্যবহার করুন, আর লাইট বা ডার্কে প্যালেটের প্রিভিউ দেখুন।
- 2
একটি ব্যবহার করুন
এই প্যালেট ব্যবহার করুন চাপুন। এটি লাইট ও ডার্ক দুই মোডের সব রং বসায়। প্রকাশ না করা পর্যন্ত কিছু লাইভ হয় না।
- 3
অথবা প্রিসেট থেকে শুরু করুন
তৈরি লুক থেকে শুরু করুন একটি তৈরি লুকের রং, ফন্ট আর পেজের চওড়া বসায়। আপনার আগে দেওয়া অন্য মান থেকে যায়।
- 4
হাতে ঠিক করুন
রং নিজে বদলান (বা উন্নত: নিজে রং ঠিক করুন) খুলে এক একটি মান বদলান। প্রতিটির জন্য রঙের মোড লাইট আর ডার্ক-এ বদলে নিন।
- 5
প্রকাশ করুন
প্রকাশ চাপুন। নতুন কিছু না থাকলে এডিটর বলে "প্রকাশ করার মতো নতুন কিছু নেই"।
মানের চেহারা কেমন হতে পারে#
| মানের ধরন | যা চলে |
|---|---|
| রং | #hex, rgb(), hsl() বা রঙের নাম |
| ফন্ট | ফন্টের নাম ও কমা |
| মাপ | px, rem, em বা % সহ একটি সংখ্যা |
অনুমোদিত নয় এমন মান বার্তাসহ ফিরিয়ে দেওয়া হয়, তাই একটি ভুল টাইপে আপনার স্টোরফ্রন্ট ভাঙে না।
ফেভিকন#
ফেভিকন (ব্রাউজার ট্যাবের আইকন) অংশে আপনার মিডিয়া লাইব্রেরি থেকে একটি বর্গাকার PNG, JPEG, WebP, GIF বা ICO ছবি বাছুন। ফেভিকন না থাকলে ব্রাউজারে কোনো আইকন দেখায় না। ফেভিকন সরান আবার সরিয়ে দেয়।
কাস্টম CSS#
উন্নত ব্যবহারকারীরা কাস্টম CSS দিতে পারেন। এটি প্রকাশের পর শুধু আপনার লাইভ স্টোরফ্রন্টে লাগে। প্রকাশের সময় @import, বাইরের ফন্ট, স্ক্রিপ্ট আর বাইরের ছবি সরিয়ে দেওয়া হয়। ছবি আপনার মিডিয়া লাইব্রেরি থেকে হতে হবে। কী সরানো হয়েছে এডিটর তা তালিকায় দেখায়।
সাধারণ সমস্যা#
থিম এডিটর খুলছে না
এর জন্য অন্তত ১০২৪ px চওড়া পর্দা লাগে। কম্পিউটার বা চওড়া করে ধরা ট্যাবলেট ব্যবহার করুন।
আমার দেওয়া রং নিচ্ছে না
রং লিখুন #hex, rgb(), hsl() বা রঙের নামে। মাপের জন্য px, rem, em বা % সহ সংখ্যা দিন।
কাস্টম CSS-এর কিছু অংশ গায়েব
প্রকাশের সময় import, বাইরের ফন্ট, স্ক্রিপ্ট আর বাইরের ছবি সরে যায়। ছবি মিডিয়া লাইব্রেরিতে আপলোড করে সেগুলো ব্যবহার করুন।
মন্তব্য (০)
যে কেউ মন্তব্য করতে পারেন। দয়া করে ফোন নম্বর, পাসওয়ার্ড বা ক্রেতার তথ্য দেবেন না।