Luo logo-SVG
Luo logo-SVG -kyky antaa Theme Builderin luoda ja upottaa mukautettuja logo-SVG:itä suoraan WordPress-sivustollesi automaattisella nimiavaruusturvallisella puhdistuksella.
Yleiskatsaus
Tämä kyky luo skaalautuvia vektorigrafiikka- (SVG) logoja sivustosi brändäyssuunnan ja suunnittelumieltymysten perusteella. Luodut SVG:t puhdistetaan automaattisesti, jotta ne ovat turvallisia käyttää WordPressissä visuaalisen eheyden säilyessä.
Parametrit
| Parametri | Tyyppi | Pakollinen | Kuvaus |
|---|---|---|---|
site_name | string | Kyllä | Sen sivuston nimi, jolle logo luodaan |
style | string | Kyllä | Suunnittelutyyli (esim. "modern", "classic", "minimalist", "playful") |
colors | array | Ei | Taulukko logossa käytettävistä heksavärikoodeista (esim. ["#678233", "#ffffff"]) |
width | number | Ei | SVG:n leveys pikseleinä (oletus: 200) |
height | number | Ei | SVG:n korkeus pikseleinä (oletus: 200) |
include_text | boolean | Ei | Sisällytetäänkö sivuston nimi logoon tekstinä (oletus: true) |
Tulostusmuoto
Kyky palauttaa SVG-merkkijonon seuraavalla rakenteella:
{
"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-puhdistuksen toiminta
Luoduille SVG:ille tehdään automaattinen nimiavaruusturvallinen puhdistus, joka:
- Poistaa turvattomat attribuutit — poistaa tapahtumankäsittelijät, skriptit ja mahdollisesti vaaralliset attribuutit
- Säilyttää nimiavaruudet — säilyttää SVG-nimiavaruudet (xmlns, xlink) oikeaa renderöintiä varten
- Vahvistaa rakenteen — varmistaa, että SVG noudattaa W3C-standardeja
- Koodaa entiteetit — escapettaa erikoismerkit tekstisisällössä asianmukaisesti
- Poistaa ulkoiset viittaukset — poistaa ulkoiset tyylitiedostot ja kuvaviittaukset
Tämä varmistaa, että SVG on turvallista upottaa suoraan WordPressiin ilman lisäpuhdistusta.
Käyttöesimerkki
Kehote:
Luo moderni logo teknologia-startupilleni nimeltä "CloudSync" käyttäen sinisiä ja valkoisia värejä.
Tulos: Kyky luo SVG-logon, joka:
- Sisällyttää sivuston nimen "CloudSync"
- Käyttää määritettyä sinivalkoista värimaailmaa
- Noudattaa modernin suunnittelun periaatteita
- Puhdistetaan automaattisesti ja on valmis käyttöön
Integrointi Theme Builderin kanssa
Kun käytät Theme Builderin suunnittelusuunnan valintaa, Luo logo-SVG -kyky:
- Analysoi suunnittelusuuntasi ja väripalettisi
- Luo mukautetun SVG-logon, joka vastaa mieltymyksiäsi
- Upottaa logon automaattisesti sivustosi ylätunnisteeseen/brändäysalueelle
- Tallentaa SVG:n mukautettuna logona WordPress-mediaan
Parhaat käytännöt
- Anna selkeät tyylimieltymykset — kuvaile haluamasi suunnittelutyyli (moderni, klassinen, leikkisä jne.)
- Määritä värit — sisällytä brändivärisi yhtenäisyyden varmistamiseksi
- Testaa renderöinti — varmista, että logo näkyy oikein eri näyttökokojen välillä
- Mukauta lisää — käytä WordPressin logon mukautustyökaluja koon ja sijoittelun säätämiseen
Rajoitukset
- SVG-logot luodaan staattisina grafiikkoina (ei animoituina)
- Monimutkaiset logot, joissa on paljon elementtejä, saattavat vaatia manuaalista viimeistelyä
- Mukautettuja fontteja ei tueta; tekstissä käytetään järjestelmäfontteja
- Erittäin suuret tai erittäin pienet mitat voivat vaikuttaa laatuun
Liittyvät kyvyt
- Vahvista paletin kontrasti — tarkista värikontrasti saavutettavuutta varten
- Luo valikko — luo navigointivalikoita sivustollesi