Hoppa till huvudinnehåll

Generera SVG-logotyp

Funktionen Generera SVG-logotyp låter Theme Builder skapa och bädda in anpassade SVG-logotyper direkt i din WordPress-sajt, med automatisk, namnrymsanpassad sanering.

Översikt​

Denna funktion genererar skalbara vektorgrafiker (SVG) av logotyper baserat på din sajtprofil och designpreferenser. De genererade SVG:erna saneras automatiskt för att säkerställa att de är säkra att använda i WordPress, samtidigt som det visuella utseendet bibehålls.

Parametrar​

ParameterTypObligatorisktBeskrivning
site_namestringJaNamnet på sajt som logotypen ska genereras för
stylestringJaDesignstil (t.ex. "modern", "klassisk", "minimalistisk", "lekfull")
colorsarrayNejArray av hex-färgkoder som ska användas i logotypen (t.ex. ["#678233", "#ffffff"])
widthnumberNejSVG-bredd i pixlar (standard: 200)
heightnumberNejSVG-höjd i pixlar (standard: 200)
include_textbooleanNejOm sajtnamnet ska inkluderas som text i logotypen (standard: true)

Utdataformat​

Funktionen returnerar en SVG-sträng med följande struktur:

{
  "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-saneringsbeteende​

De genererade SVG:erna genomgår automatisk, namnrymsanpassad sanering för att:

  • Ta bort osäkra attribut — tar bort händelsehanterare, skript och potentiellt farliga attribut
  • Behålla namnrymder — bibehåller SVG-namnrymder (xmlns, xlink) för korrekt rendering
  • Validera struktur — säkerställer att SVG:n följer W3C-standarder
  • Kodera enheter — hanterar specialtecken i textinnehållet korrekt
  • Ta bort externa referenser — tar bort externa stilblad och bildreferenser

Detta säkerställer att SVG:n är säker att bädda in direkt i WordPress utan att kräva ytterligare sanering.

Användningsexempel​

Prompt:

Generate a modern logo for my tech startup called "CloudSync" using blue and white colors.

Resultat: Funktionen skapar en SVG-logotyp som:

  • Innehåller sajtnamnet "CloudSync"
  • Använder den angivna blåa och vita färgpaletten
  • Följer moderna designprinciper
  • Är automatisk sanerad och redo att användas

Integration med Theme Builder​

När du använder Theme Builders urval av designriktning:

  1. Analyserar din designriktning och färgpalett
  2. Genererar en anpassad SVG-logotyp som matchar dina preferenser
  3. Bäddar automatiskt in logotypen i sajtens header/varumärkesområde
  4. Lagrar SVG:n som en anpassad logotyp i WordPress media

Bästa praxis​

  • Ge tydliga stilpreferenser — beskriv den designstil du vill ha (modern, klassisk, lekfull, etc.)
  • Ange färger — inkludera dina varumärkesfärger för konsekvens
  • Testa renderingen — verifiera att logotypen visas korrekt på olika skärmstorlekar
  • Anpassa ytterligare — använd WordPresss verktyg för logotypanpassning för att justera storlek och placering

Begränsningar​

  • SVG-logotyper genereras som statiska grafik (inte animerade)
  • Komplexa logotyper med många element kan kräva manuell finjustering
  • Anpassade typsnitt stöds inte; text använder systemtypsnitt
  • Mycket stora eller mycket små dimensioner kan påverka kvaliteten

Relaterade funktioner​