Генерация SVG-логотипа
Возможность Генерация SVG-логотипа позволяет Theme Builder создавать и встраивать пользовательские SVG-логотипы прямо на ваш сайт WordPress с автоматической очисткой данных, безопасной для использования в пространстве имен.
Обзор
Эта возможность генерирует масштабируемые векторные графические логотипы (SVG), основываясь на направлении брендинга и дизайнерских предпочтениях вашего сайта. Сгенерированные SVG автоматически очищаются (санитизируются), чтобы гарантировать их безопасность для использования в WordPress, сохраняя при этом визуальную целостность.
Параметры
| Параметр | Тип | Обязательно | Описание |
|---|---|---|---|
site_name | string | Да | Название сайта, для которого нужно сгенерировать логотип |
style | string | Да | Дизайн-стиль (например, "современный", "классический", "минималистичный", "игривый") |
colors | array | Нет | Массив шестнадцатеричных кодов цветов для использования в логотипе (например, ["#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 без необходимости дополнительной очистки.
Пример использования
Запрос:
Сгенерируй современный логотип для моего технологического стартапа под названием "CloudSync", используя синий и белый цвета.
Результат: Возможность создает SVG-логотип, который:
- Включает название сайта "CloudSync"
- Использует указанную сине-белую цветовую схему
- Соответствует принципам современного дизайна
- Автоматически очищен и готов к использованию
Интеграция с Theme Builder
При использовании выбора направления дизайна в Theme Builder, возможность Генерация SVG-логотипа:
- Анализирует ваше направление дизайна и цветовую палитру
- Генерирует пользовательский SVG-логотип, соответствующий вашим предпочтениям
- Автоматически встраивает логотип в область шапки/брендинга вашего сайта
- Сохраняет SVG как пользовательский логотип в медиатеке WordPress
Лучшие практики
- Предоставляйте четкие предпочтения по стилю — опишите желаемый стиль дизайна (современный, классический, игривый и т. д.)
- Указывайте цвета — включите фирменные цвета для единообразия
- Проверяйте отображение — убедитесь, что логотип корректно отображается на разных размерах экрана
- Дополнительная настройка — используйте инструменты кастомизации логотипа WordPress для регулировки размера и расположения
Ограничения
- Логотипы SVG генерируются как статические графические элементы (не анимированные)
- Сложные логотипы с множеством элементов могут потребовать ручной доработки
- Не поддерживаются пользовательские шрифты; для текста используются системные шрифты
- Очень большие или очень маленькие размеры могут повлиять на качество
Связанные возможности
- Validate Palette Contrast — проверка контрастности цвета для обеспечения доступности
- Create Menu — создание навигационных меню для вашего сайта