Генерація SVG логотипу

Функціонал Generate Logo SVG дозволяє Theme Builder створювати та вбудовувати кастомні SVG логотипи безпосередньо на ваш сайт WordPress з автоматичною санітизацією, безпечною для використання в просторі імен.

Огляд

Цей функціонал генерує масштабовані векторні графічні логотипи (SVG), виходячи з напрямку брендингу та дизайнерських уподобань вашого сайту. Згенеровані SVG автоматично санітизуються, щоб гарантувати їхню безпечність для використання в WordPress, зберігаючи при цьому візуальну цілісність.

Параметри

Параметр	Тип	Обов'язково	Опис
`site_name`	string	Так	Назва сайту, для якого потрібно згенерувати логотип
`style`	string	Так	Стиль дизайну (наприклад, "modern", "classic", "minimalist", "playful")
`colors`	array	Ні	Масив кодових кольорів HEX для використання в логотипі (наприклад, `["#678233", "#ffffff"]`)
`width`	number	Ні	Ширина SVG у пікселях (за замовчуванням: 200)
`height`	number	Ні	Висота SVG у пікселях (за замовчуванням: 200)
`include_text`	boolean	Ні	Чи потрібно включати назву сайту як текст у логотип (за замовчуванням: 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 проходять автоматичну санітизацію, безпечну для простору імен, щоб:

Видалити небезпечні атрибути — видаляє обробники подій, скрипти та потенційно небезпечні атрибути
Зберегти простори імен — підтримує простори імен SVG (xmlns, xlink) для коректного рендерингу
Валідувати структуру — гарантує, що SVG відповідає стандартам W3C
Кодувати сутності — належним чином екранує спеціальні символи в текстовому вмісті
Видалити зовнішні посилання — видаляє зовнішні таблиці стилів та посилання на зображення

Це гарантує, що SVG безпечно вбудовувати безпосередньо в WordPress без необхідності додаткової санітизації.

Приклад використання

Запит:

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

Результат: Функціонал створює SVG логотип, який:

Включає назву сайту "CloudSync"
Використовує вказану синьо-білу палітру кольорів
Дотримується принципів сучасного дизайну
Автоматично санітизований і готовий до використання

Інтеграція з Theme Builder

При використанні вибору напрямку дизайну в Theme Builder, функціонал Generate Logo SVG:

Аналізує ваш напрямок дизайну та палітру кольорів
Генерує кастомний SVG логотип, що відповідає вашим уподобанням
Автоматично вбудовує логотип у секцію заголовка/брендингу вашого сайту
Зберігає SVG як кастомний логотип у медіабібліотеці WordPress

Найкращі практики

Надайте чіткі стилістичні уподобання — опишіть бажаний стиль дизайну (modern, classic, playful тощо)
Вкажіть кольори — включіть кольори вашого бренду для послісності
Тестуйте рендеринг — перевірте, чи коректно відображається логотип на різних розмірах екрана
Додаткова кастомізація — використовуйте інструменти кастомізації логотипу WordPress, щоб налаштувати розмір та розташування

Обмеження

SVG логотипи генеруються як статична графіка (не анімована)
Складні логотипи з багатьма елементами можуть вимагати ручного доопрацювання
Не підтримуються кастомні шрифти; для тексту використовуються системні шрифти
Дуже великі або дуже малі розміри можуть вплинути на якість

Пов'язані функції

Validate Palette Contrast — перевірка контрасту кольорів для доступності
Create Menu — створення навігаційних меню для вашого сайту

Огляд​

Параметри​

Формат виводу​

Поведінка санітизації SVG​

Приклад використання​

Інтеграція з Theme Builder​

Найкращі практики​

Обмеження​

Пов'язані функції​