پرش به مطلب اصلی

تولید لوگوی SVG

قابلیت تولید لوگوی SVG به Theme Builder اجازه می‌دهد تا لوگوهای سفارشی SVG را مستقیماً با پاک‌سازی خودکار و ایمن در فضای نام (namespace-safe sanitisation) در سایت وردپرسی شما ایجاد و جاسازی کند.

نمای کلی​

این قابلیت لوگوهای وکتور مقیاس‌پذیر (SVG) را بر اساس جهت‌گیری برند و ترجیحات طراحی سایت شما تولید می‌کند. SVGهای تولید شده به طور خودکار پاک‌سازی می‌شوند تا مطمئن شوند که برای استفاده در وردپرس ایمن هستند و در عین حال، کیفیت بصری آن‌ها حفظ شود.

پارامترها​

پارامترنوعالزامیتوضیحات
site_namestringبلهنام سایتی که قرار است لوگو برای آن تولید شود
stylestringبلهسبک طراحی (مثلاً: "مدرن"، "کلاسیک"، "مینیمال"، "شاد")
colorsarrayخیرآرایه‌ای از کدهای رنگ هگز که باید در لوگو استفاده شوند (مثلاً: ["#678233", "#ffffff"])
widthnumberخیرعرض SVG بر حسب پیکسل (پیش‌فرض: 200)
heightnumberخیرارتفاع SVG بر حسب پیکسل (پیش‌فرض: 200)
include_textbooleanخیراینکه آیا نام سایت باید به صورت متن در لوگو گنجانده شود (پیش‌فرض: true)

فرمت خروجی​

این قابلیت یک رشته 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​

SVGهای تولید شده تحت پاک‌سازی خودکار و ایمن در فضای نام قرار می‌گیرند تا:

  • ویژگی‌های ناامن را حذف کنند — هندلرهای رویداد، اسکریپت‌ها و ویژگی‌های بالقوه خطرناک را حذف می‌کند.
  • فضاهای نام (namespaces) را حفظ کنند — فضاهای نام SVG (xmlns, xlink) را برای رندر صحیح حفظ می‌کند.
  • ساختار را اعتبارسنجی کنند — اطمینان حاصل می‌کند که SVG با استانداردهای W3C مطابقت دارد.
  • موجودیت‌ها را کدگذاری کنند — کاراکترهای ویژه موجود در محتوای متنی را به درستی فرار (escape) می‌دهد.
  • ارجاعات خارجی را حذف کنند — شیت‌های استایل و ارجاعات تصویر خارجی را حذف می‌کند.

این کار تضمین می‌کند که SVG برای جاسازی مستقیم در وردپرس ایمن است و نیازی به پاک‌سازی اضافی ندارد.

مثال استفاده​

پرامپت:

یک لوگوی مدرن برای استارتاپ فناوری من به نام "CloudSync" با استفاده از رنگ‌های آبی و سفید تولید کن.

نتیجه: این قابلیت یک لوگوی SVG ایجاد می‌کند که:

  • نام سایت "CloudSync" را در خود جای داده است.
  • از طرح رنگ آبی و سفید مشخص شده استفاده کرده است.
  • از اصول طراحی مدرن پیروی می‌کند.
  • به طور خودکار پاک‌سازی شده و آماده استفاده است.

یکپارچه‌سازی با Theme Builder​

هنگام استفاده از انتخاب جهت‌گیری طراحی در Theme Builder، قابلیت Generate Logo SVG:

۱. جهت‌گیری طراحی و پالت رنگی شما را تحلیل می‌کند. ۲. یک لوگوی SVG سفارشی متناسب با ترجیحات شما تولید می‌کند. ۳. لوگو را به طور خودکار در بخش هدر/برندینگ سایت شما جاسازی می‌کند. ۴. SVG را به عنوان یک لوگوی سفارشی در رسانه‌های وردپرس ذخیره می‌کند.

بهترین شیوه‌ها​

  • ترجیحات سبک واضح ارائه دهید — سبک طراحی مورد نظر خود را توصیف کنید (مدرن، کلاسیک، شاد و غیره).
  • رنگ‌ها را مشخص کنید — برای حفظ ثبات، رنگ‌های برند خود را بگنجانید.
  • رندرینگ را آزمایش کنید — تأیید کنید که لوگو در اندازه‌های مختلف صفحه به درستی نمایش داده می‌شود.
  • بیشتر سفارشی‌سازی کنید — از ابزارهای سفارشی‌سازی لوگوی وردپرس برای تنظیم اندازه و قرارگیری استفاده کنید.

محدودیت‌ها​

  • لوگوهای SVG به صورت گرافیک‌های استاتیک (غیر متحرک) تولید می‌شوند.
  • لوگوهای پیچیده با عناصر زیاد ممکن است نیاز به اصلاح دستی داشته باشند.
  • فونت‌های سفارشی پشتیبانی نمی‌شوند؛ متن از فونت‌های سیستمی استفاده می‌کند.
  • ابعاد بسیار بزرگ یا بسیار کوچک ممکن است بر کیفیت تأثیر بگذارد.