স্কিপ করে মূল কন্টেন্ট এ যান

Generate Logo SVG

Generate Logo SVG সুবিধাটি থিম বিল্ডারকে আপনার ওয়ার্ডপ্রেস সাইটে কাস্টম লোগো SVG তৈরি করতে এবং এমবেড করতে সাহায্য করে। এটি স্বয়ংক্রিয়ভাবে নেমস্পেস-নিরাপদ স্যানিটাইজেশন (sanitisation) করে।

Overview​

এই সুবিধাটি আপনার সাইটের ব্র্যান্ডিং দিকনির্দেশনা এবং ডিজাইনের পছন্দের উপর ভিত্তি করে স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) লোগো তৈরি করে। তৈরি হওয়া SVG গুলো স্বয়ংক্রিয়ভাবে স্যানিটাইজ করা হয়, যাতে নিশ্চিত করা যায় যে এগুলো ওয়ার্ডপ্রেসে ব্যবহারের জন্য নিরাপদ এবং একই সাথে ভিজ্যুয়াল ইন্টিগ্রিটি বজায় থাকে।

Parameters​

ParameterTypeRequiredDescription
site_namestringYesযে সাইটের জন্য লোগো তৈরি করতে হবে তার নাম
stylestringYesডিজাইনের স্টাইল (যেমন: "modern", "classic", "minimalist", "playful")
colorsarrayNoলোগোতে ব্যবহার করার জন্য হেক্স রঙের কোডের অ্যারে (যেমন: ["#678233", "#ffffff"])
widthnumberNoপিক্সেল এককে SVG প্রস্থ (ডিফল্ট: 200)
heightnumberNoপিক্সেল এককে SVG উচ্চতা (ডিফল্ট: 200)
include_textbooleanNoলোগোতে সাইট নামটি টেক্সট হিসেবে অন্তর্ভুক্ত করা হবে কি না (ডিফল্ট: true)

Output Format​

এই সুবিধাটি নিম্নলিখিত কাঠামো সহ একটি SVG স্ট্রিং ফিরিয়ে দেয়:

{
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\">...</svg>",
"width": 200,
"height": 200,
"colors_used": ["#678233", "#ffffff"],
"sanitised": true
}

SVG Sanitisation Behaviour​

তৈরি হওয়া SVG গুলো স্বয়ংক্রিয় নেমস্পেস-নিরাপদ স্যানিটাইজেশনের মধ্য দিয়ে যায়, যা নিম্নলিখিত কাজগুলো করে:

  • Remove unsafe attributes — ইভেন্ট হ্যান্ডলার, স্ক্রিপ্ট এবং সম্ভাব্য বিপজ্জনক অ্যাট্রিবিউটগুলো মুছে দেয়।
  • Preserve namespaces — সঠিক রেন্ডারিং-এর জন্য SVG নেমস্পেস (xmlns, xlink) বজায় রাখে।
  • Validate structure — নিশ্চিত করে যে SVG টি W3C স্ট্যান্ডার্ড মেনে চলছে।
  • Encode entities — টেক্সট কন্টেন্টের বিশেষ অক্ষরগুলো সঠিকভাবে এস্কেপ করে।
  • Remove external references — বাহ্যিক স্টাইলশীট এবং ইমেজ রেফারেন্স মুছে দেয়।

এটি নিশ্চিত করে যে SVG টি ওয়ার্ডপ্রেসে সরাসরি এমবেড করার জন্য নিরাপদ এবং এর জন্য অতিরিক্ত স্যানিটাইজেশনের প্রয়োজন হয় না।

Usage Example​

Prompt:

Generate a modern logo for my tech startup called "CloudSync" using blue and white colors.

Result: এই সুবিধাটি একটি SVG লোগো তৈরি করে যা:

  • সাইট নামটি "CloudSync" অন্তর্ভুক্ত করে
  • নির্দিষ্ট নীল এবং সাদা রঙের স্কিম ব্যবহার করে
  • আধুনিক ডিজাইনের নীতি অনুসরণ করে
  • স্বয়ংক্রিয়ভাবে স্যানিটাইজ করা এবং ব্যবহারের জন্য প্রস্তুত

Integration with Theme Builder​

যখন আপনি থিম বিল্ডারের ডিজাইন-ডিরেকশন নির্বাচন ব্যবহার করেন, তখন Generate Logo SVG সুবিধাটি:

১. আপনার ডিজাইন দিকনির্দেশনা এবং কালার প্যালেট বিশ্লেষণ করে ২. আপনার পছন্দের সাথে মিল রেখে একটি কাস্টম SVG লোগো তৈরি করে ৩. স্বয়ংক্রিয়ভাবে লোগোটি আপনার সাইটের হেডার/ব্র্যান্ডিং এলাকায় এমবেড করে ৪. ওয়ার্ডপ্রেস মিডিয়ায় একটি কাস্টম লোগো হিসেবে SVG টি সংরক্ষণ করে

Best Practices​

  • Provide clear style preferences — আপনি কেমন ডিজাইন স্টাইল চান তা বর্ণনা করুন (যেমন: আধুনিক, ক্লাসিক, প্লেফুল ইত্যাদি)।
  • Specify colors — ধারাবাহিকতার জন্য আপনার ব্র্যান্ডের রংগুলো উল্লেখ করুন।
  • Test rendering — বিভিন্ন স্ক্রিন সাইজে লোগোটি সঠিকভাবে প্রদর্শিত হচ্ছে কিনা তা যাচাই করুন।
  • Customize further — আকার এবং স্থান পরিবর্তন করতে ওয়ার্ডপ্রেসের লোগো কাস্টমাইজেশন টুল ব্যবহার করুন।

Limitations​

  • SVG লোগোগুলো স্ট্যাটিক গ্রাফিক্স হিসেবে তৈরি হয় (এনিমেটেড নয়)।
  • অনেক উপাদানযুক্ত জটিল লোগোর জন্য ম্যানুয়াল পরিমার্জন প্রয়োজন হতে পারে।
  • কাস্টম ফন্ট সাপোর্ট করে না; টেক্সটে সিস্টেম ফন্ট ব্যবহার করা হয়।
  • খুব বড় বা খুব ছোট মাত্রা গুণমানকে প্রভাবিত করতে পারে।
  • Validate Palette Contrast — অ্যাক্সেসিবিলিটির জন্য রঙের বৈসাদৃশ্য পরীক্ষা করুন
  • Create Menu — আপনার সাইটের জন্য নেভিগেশন মেনু তৈরি করুন