Kako uvoziti ikone formata SVG Adobe Illustrator v Elementor

Muneeb WordPress Tutorials Feb 7, 2022

SVG je okrajšava za Scalable Vector Graphics, ki je format, ki temelji na XML, ki se uporablja zlasti za vektorske zasnove. Čeprav je lahko uvoz teh modelov v WordPress precej težaven.

Vendar; z Elementorjem obstaja rešitev za uvoz SVG-jev v vaš WordPress, tako da jih lahko še naprej uporabljate v svoji vsebini. V tej vadnici bomo razumeli, kako uvoziti ikone formata SVG v Elementor .

Kako uvoziti ikone v formatu SVG Adobe Illustrator

Za začetek poskrbite, da vaš SVG, združljiv z Elementorjem, ne vsebuje besedila ali vrstic. Če obstajajo, jih je treba orisati, morebitne poteze pa podaljšati.

Da bo to preprosto, imate lahko samo poti in zapletene poti za optimalno združljivost možnosti Elementor. Če je tam besedilo, ga pred izvozom spremenite v obrise.

Ustvarite neverjetna spletna mesta

Z najboljšim brezplačnim graditeljem strani Elementor

Začni zdaj

Nato z novim orodjem za izvoz (ctrl+alt+E) izvozite kot SVG.
Pomaga pri odstranitvi večine napihnjenosti, povezane s SVG. Prepričajte se, da ne spremenite SVG, da dodate polnila kot atribute, ker želite ravno nasprotno.

  1. Uporabite novo orodje za izvoz za izvoz kot SVG s pritiskom na ctrl+alt+E .
  2. Imena razredov naj bodo edinstvena, da se izognete navzkrižju z drugimi SVG-ji, ki jih izdela Illustrator.
  3. Če vaš SVG vsebuje besedilo, v meniju »Pisava« izberite Pretvori v obrise .
  4. Za Styling izberite Notranji CSS.
  5. Za SVG med možnostmi ID-jev objektov izberite Unique.

Nato morate uporabiti orodje SVGOMG za urejanje in formatiranje SVG, pripravljenega za Elementor.

Orodje SVGOMG vam bo omogočilo, da naredite vse potrebne spremembe, ki jih potrebujete, da bo vaš SVG združljiv z Elementorjem. Tukaj so spremembe, ki jih morate narediti.

Onemogočite sloge v vrstici in vklopite Prefer viewBox in Odstrani elemente sloga . Uporabnikom bo omogočil nadzor nad velikostjo ikone SVG z možnostmi oblikovanja Elementor. Preostale nastavitve bi morale biti dobre s privzetimi možnostmi.

Vse te nastavitve bi zadostovale, da bi bil SVG združljiv z Elementorjem in vam bo omogočil nemoten uvoz v WordPress z uporabo Elementorja.

Tako lahko naredite svoje ikone Adobe Illustrator SVG združljive za uvoz v Elementor . To je vse od nas za to vadnico. Ne pozabite, da se nam pridružite na našem Facebooku in Twitterju, da nikoli ne zamudite takšnih vadnic.