Генериране на SVG Лого

Функцията Генериране на SVG Лого позволява на Theme Builder да създава и вгражда персонализирани лого SVG файлове директно в вашия WordPress сайт, като автоматично извършва почистване (sanitisation) за безопасност на името на пространството (namespace-safe).

Преглед

Тази функция генерира мащабируеми векторни графики (SVG) лого, базирани на стила и дизайнерските предпочитания на вашия сайт. Генерираните SVG файлове автоматично се почистват (sanitise), за да гарантират, че са безопасни за използване в 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 файлове преминават през автоматично почистване (sanitisation), което е безопасно за името на пространството, за да:

Премахне опасни атрибути — изтрива обработчици на събития, скриптове и потенциално опасни атрибути
Поддържа имената на пространството — запазва 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

Най-добри практики

Предоставяйте ясни предпочитания за стил — описвайте желания дизайн стил (модерен, класически, играчив и т.н.)
Указвайте цветове — включете фирмените си цветове за консистентност
Тествайте рендирането — проверете дали логото се показва правилно при различни размери на екрана
Допълнителна персонализация — използвайте инструментите за персонализиране на логото на WordPress, за да настроите размера и разположението

Ограничения

Логотата SVG се генерират като статични графики (не анимирани)
Сложните логота с много елементи може да изискват ръчно доработка
Не се поддържат персонализирани шрифтове; текстът използва системни шрифтове
Много големи или много малки размери може да повлияят на качеството

Validate Palette Contrast — проверка на контраста на цветовете за достъпност
Create Menu — създаване на навигационни менюта за вашия сайт

Преглед​

Параметри​

Формат на изхода​

Поведение при почистване на SVG​

Пример за употреба​

Интеграция с Theme Builder​

Най-добри практики​

Ограничения​

Свързани функции​