Ģenerēt Logo SVG
Generate Logo SVG spēja ļauj Theme Builder izveidot un iegult pielāgotus logo SVG tieši jūsu WordPress vietnē ar automātisku, nosaukumvietām drošu sanitizāciju.
Pārskats
Šī spēja ģenerē mērogojamus vektorgrafikas (SVG) logo, balstoties uz jūsu vietnes zīmolvedības virzienu un dizaina preferencēm. Ģenerētie SVG tiek automātiski sanitizēti, lai nodrošinātu, ka tie ir droši lietošanai WordPress, vienlaikus saglabājot vizuālo integritāti.
Parametri
| Parameter | Type | Required | Description |
|---|---|---|---|
site_name | string | Yes | Vietnes nosaukums, kurai ģenerēt logo |
style | string | Yes | Dizaina stils (piem., "modern", "classic", "minimalist", "playful") |
colors | array | No | Hex krāsu kodu masīvs, ko izmantot logo (piem., ["#678233", "#ffffff"]) |
width | number | No | SVG platums pikseļos (noklusējums: 200) |
height | number | No | SVG augstums pikseļos (noklusējums: 200) |
include_text | boolean | No | Vai iekļaut vietnes nosaukumu kā tekstu logo (noklusējums: true) |
Izvades formāts
Šī spēja atgriež SVG virkni ar šādu struktūru:
{
"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 sanitizācijas uzvedība
Ģenerētajiem SVG tiek veikta automātiska, nosaukumvietām droša sanitizācija, lai:
- Noņemtu nedrošus atribūtus — izņem notikumu apstrādātājus, skriptus un potenciāli bīstamus atribūtus
- Saglabātu nosaukumvietas — uztur SVG nosaukumvietas (xmlns, xlink) pareizai attēlošanai
- Validētu struktūru — nodrošina, ka SVG atbilst W3C standartiem
- Kodētu entītijas — pareizi ekrānē īpašās rakstzīmes teksta saturā
- Noņemtu ārējās atsauces — izņem ārējās stilu lapas un attēlu atsauces
Tas nodrošina, ka SVG ir droši iegult tieši WordPress bez papildu sanitizācijas.
Lietošanas piemērs
Uzvedne:
Ģenerē modernu logo manam tehnoloģiju jaunuzņēmumam ar nosaukumu "CloudSync", izmantojot zilas un baltas krāsas.
Rezultāts: Šī spēja izveido SVG logo, kas:
- Ietver vietnes nosaukumu "CloudSync"
- Izmanto norādīto zilo un balto krāsu shēmu
- Ievēro mūsdienīga dizaina principus
- Ir automātiski sanitizēts un gatavs lietošanai
Integrācija ar Theme Builder
Izmantojot Theme Builder dizaina virziena atlasi, Generate Logo SVG spēja:
- Analizē jūsu dizaina virzienu un krāsu paleti
- Ģenerē pielāgotu SVG logo, kas atbilst jūsu preferencēm
- Automātiski iegulst logo jūsu vietnes galvenes/zīmolvedības zonā
- Saglabā SVG kā pielāgotu logo WordPress multividē
Labākā prakse
- Sniedziet skaidras stila preferences — aprakstiet vēlamo dizaina stilu (modernu, klasisku, rotaļīgu utt.)
- Norādiet krāsas — iekļaujiet sava zīmola krāsas konsekvencei
- Pārbaudiet attēlošanu — pārliecinieties, ka logo tiek pareizi attēlots dažādos ekrāna izmēros
- Pielāgojiet tālāk — izmantojiet WordPress logo pielāgošanas rīkus, lai koriģētu izmēru un izvietojumu
Ierobežojumi
- SVG logo tiek ģenerēti kā statiska grafika (ne animēti)
- Sarežģītiem logo ar daudziem elementiem var būt nepieciešama manuāla pilnveide
- Pielāgoti fonti netiek atbalstīti; teksts izmanto sistēmas fontus
- Ļoti lieli vai ļoti mazi izmēri var ietekmēt kvalitāti
Saistītās spējas
- Validēt paletes kontrastu — pārbaudīt krāsu kontrastu piekļūstamībai
- Izveidot izvēlni — izveidot navigācijas izvēlnes jūsu vietnei