Генерацыя SVG-логотыпу

Функцыя Генерацыя SVG-логотыпу дазваляе Theme Builder ствараць і ўстаўляць карыстальніцкія SVG-логотыпы непасрэдна на ваш сайт WordPress. Усё гэта адбываецца з аўтаматычнай санітызацыяй, якая гарантуе, што код бяспечны па імені прасторы.

Агляд

Гэтая функцыя стварае масштадаваныя вектарныя графікі (SVG) логотыпы, якія асноўваюцца на візуальнай канцэпцыі і стылі вашага сайта. Згенердаваныя SVG аўтаматычна санітызуюцца, каб гарантаваць, што яны бяспечныя для выкарыстання ў WordPress, пры гэтым захаваецца візуальная прыгожасць.

Параметры

Параметр	Тып	Неабходны	Апісан
`site_name`	string	Yes	Назва сайта, для які генераваецца лого
`style`	string	Yes	Стыль дызайну (напрыклад, "модэрн", "класічны", "мінімалістычны", "веселы")
`colors`	array	No	Массив гекса-кодаў колераў для выкарыстання ў лого (напрыклад, `["#678233", "#ffffff"]`)
`width`	number	No	Шырыня SVG ў пікселях (па спілкуванні: 200)
`height`	number	No	Вышыня SVG ў пікселях (па спілкуванні: 200)
`include_text`	boolean	No	Ці ўключаць назву сайта ў тэкст лого (па спілкуванні: 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-логотып, які адпавядае вашым перавагам
Аўтаматычна ўстаўляе логотып у секцыю загаłówка/брэнда вашага сайта
Захаванне SVG як карыстальніцкі логотып у медыя WordPress

Найлепшыя практыкі

Надавайце ясную стылістую перавагу — апішыце стыль дызайну, які вам патрэбны (модэрн, класічны, веселы і г.д.).
Укажыце колеры — уключыце калёры вашага брэнда для адпаведнасці.
Праверка рэндэрынгу — праверце, што логотып правільна адлюстраваецца на розных размерах экрана.
Далей наладзьце — выкарыстоўвайце інструменты карыстальнікацыі логотыпа WordPress, каб наладзіць памер і пасаджванне.

Обмежаванні

SVG-логотыпы ствараюцца як статычныя графікі (не анімаваныя).
Склапленыя логотыпы з многім элементам могуць патрабаваць ручной выпраўлення.
Карыстальніцкія шрыфты не падтрымліваюцца; тэкст выкарыстоўвае сістэмныя шрыфты.
Вельмі вялікі або вельмі малкі памер можа паўплываць на якасць.

Звязаныя функцыі

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

Агляд​

Параметры​

Формат выніку​

Паводзіны санітызацыі SVG​

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

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

Найлепшыя практыкі​

Обмежаванні​

Звязаныя функцыі​