আপনি যদি WeChat অফিশিয়াল অ্যাকাউন্ট (বা যেকোনো রিচ-টেক্সট প্রকাশনা) চালান, তাহলে নিশ্চয়ই এমন লেআউট দেখেছেন যা আবার ব্যবহার করতে ইচ্ছে করে — শিরোনামসহ সেকশন কার্ড, ফলো-আস ব্লক, সাজানো উক্তি, ডিভাইডার। হাতে হাতে কপি করতে গেলে নেস্টেড HTML-এ ঢুকতে হয়, আর একটা ভুল এডিটেই পুরো SVG ভেঙে যায়। এই টুল ক্লান্তিকর কাজটা আপনার হয়ে করে: একটা আর্টিকেল পেস্ট করুন, আর এটি প্রতিটি স্টাইলড ব্লককে স্বাধীন, পুনর্ব্যবহারযোগ্য মডিউল হিসেবে বের করে আনে।
তারপর আপনি ব্লকের ভেতরের ছবি বদলাতে পারেন (নতুন ছবি আপলোড করুন বা URL পেস্ট করুন), ব্লকের ব্যবহৃত যেকোনো রঙে ক্লিক করে রং পাল্টাতে পারেন, ব্লকটিকে ইনলাইন HTML হিসেবে কপি করতে পারেন — WeChat এডিটর, CMS বা যেকোনো রিচ-টেক্সট বক্সে পেস্ট করার জন্য প্রস্তুত — আর পছন্দেরগুলো এই ব্রাউজারে থাকা লোকাল লাইব্রেরিতে সেভ করতে পারেন। কিছুই আপলোড হয় না; আপনার উপকরণ আপনারই থাকে।
সবকিছু ক্লায়েন্ট-সাইডে Clipboard ও localStorage API দিয়ে চলে, তাই কোনো অ্যাকাউন্ট নেই, কোনো ক্লাউড নেই, কোনো ব্যাকএন্ড নেই — IMG.DIY-এর বাকি সবকিছুর পেছনে যে লোকাল-ফার্স্ট ভাবনা, এখানেও তা-ই।
যেভাবে ব্যবহার করবেন
- আর্টিকেল পেস্ট করুনএকটি WeChat আর্টিকেল (বা যেকোনো রিচ কনটেন্ট) কপি করে বক্সে পেস্ট করুন। কাঁচা HTML সোর্সও পেস্ট করতে পারেন।
- মডিউলগুলো বের করুনExtract-এ ক্লিক করুন — প্রতিটি স্টাইলড ব্লক আলাদা প্রিভিউ কার্ড হিসেবে দেখা যায়, আইসোলেটেড থাকায় পেজের স্টাইল কোনো ঝামেলা করতে পারে না।
- এডিট করুন ও পুনর্ব্যবহার করুনছবি বদলান, রং পাল্টান, তারপর Copy HTML দিয়ে অন্য জায়গায় পেস্ট করুন, অথবা পরের বারের জন্য লোকাল লাইব্রেরিতে সেভ করুন।
নতুন করে না গড়ে লেআউট মডিউল বের করা কেন
WeChat আর্টিকেলের সুন্দর ব্লকগুলো — শিরোনামওয়ালা সেকশন কার্ড, ফলো-আস প্রম্পট, সাজানো উক্তি, SVG ডিভাইডার — প্রায় সবই হাতে-জোড়া ইনলাইন HTML আর SVG। শূন্য থেকে একটা বানাতে গেলে প্যাডিং, রং, গ্রেডিয়েন্ট আর নেস্টেড span হুবহু মেলাতে হয়, আর একটা ভুল এডিটেই SVG ভেঙে পড়ে। বদলে তৈরি ব্লকটাই বের করে নিলে প্রতিটি খুঁটিনাটি অক্ষত থাকে, আর সেকেন্ডেই পুনর্ব্যবহারযোগ্য কিছু হাতে আসে।
এই টুল আপনার পেস্ট করা আর্টিকেল পার্স করে প্রতিটি স্টাইলড ব্লককে স্বাধীন মডিউল হিসেবে তুলে আনে। পুরো পেজ এক তাল করে স্ক্র্যাপ করা নয়; পাবেন আলাদা আলাদা, পুনর্ব্যবহারযোগ্য টুকরোর গোছানো তালিকা — অন্যের পোস্টে সুন্দর লেআউট দেখে ঠিক যেটা চেয়েছিলেন।
লোকাল-ফার্স্ট, তাই অ্যাসেটগুলো সত্যিই আপনার
ক্লাউড এডিটররা আপনার সেভ করা ব্লক তাদের সার্ভারে, অ্যাকাউন্টের পেছনে রাখে। এখানে লাইব্রেরি থাকে আপনার নিজের ব্রাউজারে localStorage দিয়ে, আর JSON ফাইলে এক্সপোর্ট করে ব্যাকআপ বা মেশিন বদল করতে পারেন। কিছুই আপলোড হয় না, সাইন-আপ নেই, আর পার্সিং, ছবি বদল ও রং বদল সবই আপনার ডিভাইসে ব্রাউজারের নিজস্ব DOM ও Clipboard API দিয়ে চলে।
বাস্তব লাভটা হলো কাজের সঙ্গে সঙ্গে বেড়ে ওঠা এক ব্যক্তিগত, বহনযোগ্য মডিউল লাইব্রেরি: আর্টিকেল পেস্ট করুন, পুনর্ব্যবহারের যোগ্য দু-তিনটে ব্লক রাখুন, পরের বার সেগুলো সোজা ইনলাইন HTML হিসেবে টেনে বের করুন।
মানুষ এটা যেসব কাজে ব্যবহার করে
পছন্দ হওয়া লেআউট পুনর্ব্যবহার — অন্য আর্টিকেলে সুন্দর শিরোনাম-কার্ড বা ডিভাইডার দেখলেন — বের করুন, নিজের ব্র্যান্ডের রঙে সাজান, নিজের খসড়ায় কপি করুন।
হাউস-স্টাইল কিট গড়া — প্রতি সংখ্যায় ব্যবহার করা সেকশন হেডার, উক্তির স্টাইল আর ফলো-আস কার্ড এক লোকাল লাইব্রেরিতে জমা করুন।
টেমপ্লেট ব্লকের ছবি বদল — প্রিয় ইমেজ-কার্ড লেআউটটা রেখে প্রতিবার শুধু ছবিটা নিজের আপলোড দিয়ে বদলান।
নিজের ব্র্যান্ডের রঙে রাঙান — ইনলাইন স্টাইলে হাতড়ে না বেড়িয়ে ব্লকের অ্যাকসেন্ট রং সব জায়গায় একবারে বদলান।
এডিটরে এডিটরে ব্লক সরান — স্টাইলিং অক্ষুণ্ণ রেখে পেস্ট হওয়া ইনলাইন HTML কপি করুন — WeChat এডিটর, CMS বা যেকোনো রিচ-টেক্সট বক্সে।
ব্যক্তিগত, বহনযোগ্য ভাণ্ডার — লাইব্রেরি JSON হিসেবে এক্সপোর্ট করে ব্যাকআপ নিন বা অন্য ব্রাউজারে নিয়ে যান — অ্যাকাউন্ট নেই, ক্লাউড নেই।
কেন IMG.DIY
ব্লক এক্সট্র্যাকশন
SVG কার্ড, হেডার, উক্তি ও ডিভাইডার স্বাধীন মডিউল হিসেবে বের করে আনে।
ইনলাইনেই ছবি বদল
ব্লকের যেকোনো ছবি আপনার নিজেরটা দিয়ে বদলান — আপলোড বা URL।
এক ক্লিকে রং বদল
ব্লকের ব্যবহৃত যেকোনো রঙে ক্লিক করুন, সব জায়গায় একসঙ্গে বদলে যাবে।
ইনলাইন HTML কপি
সরাসরি WeChat এডিটর, CMS বা যেকোনো রিচ-টেক্সট বক্সে পেস্ট করুন।
লোকাল লাইব্রেরি
মডিউলগুলো এই ব্রাউজারে সেভ করুন, JSON হিসেবে এক্সপোর্ট/ইমপোর্ট করুন।
কোনো আপলোড নেই
সম্পূর্ণ আপনার ব্রাউজারে চলে — উপকরণ কখনো ডিভাইস ছেড়ে বেরোয় না।