Uzyskaj natychmiastowy hosting z elementem ELEMENTORem i ELEMENTOR PRO

Z CDN, SSL i kopią zapasami.

Zacznij dzisiaj

Jak importować ikony formatu SVG Adobe Illustrator w Elementorze

Muneeb Poradniki WordPress Nov 9, 2021

SVG to skrót od Scalable Vector Graphics, który jest formatem opartym na XML, szczególnie używanym w projektach wektorowych. Chociaż importowanie tych projektów do WordPressa może być dość trudne.

Jednakże; w przypadku Elementora istnieje rozwiązanie umożliwiające importowanie plików SVG do WordPressa, dzięki czemu można je dalej wykorzystywać w treści. W tym samouczku zrozumiemy, jak importować ikony formatu SVG w Elementorze .

Jak importować ikony formatu SVG Adobe Illustrator

Na początek upewnij się, że plik SVG zgodny z Elementorem nie zawiera żadnego tekstu ani linii. Jeśli takowe są, należy je obrysować, a wszelkie pociągnięcia należy przedłużyć.

Aby zachować prostotę, możesz mieć tylko ścieżki i złożone ścieżki dla optymalnej kompatybilności opcji Elementor. Jeśli jest tam tekst, obróć go do konturów przed eksportem.

Zaczynaj

Następnie, używając nowego narzędzia eksportu (ctrl+alt+E), wyeksportuj jako SVG.
Pomaga w usunięciu większości wzdęć związanych z SVG. Upewnij się, że nie zmieniasz SVG, aby dodać wypełnienia jako atrybuty, ponieważ chcesz dokładnie odwrotnie.

  1. Użyj nowego narzędzia eksportu, aby wyeksportować jako SVG, naciskając ctrl+alt+E .
  2. Nadaj unikalnym nazwom klas, aby uniknąć kolizji z innymi plikami SVG wyprodukowanymi w programie Illustrator.
  3. Jeśli plik SVG zawiera tekst, wybierz opcję Konwertuj na kontury z menu „Czcionka”.
  4. Jako Styl wybierz Wewnętrzny CSS.
  5. W przypadku SVG wybierz Unikalny z opcji Identyfikatory obiektów .

Następnie musisz użyć narzędzia SVGOMG , aby edytować i sformatować gotowy plik SVG Elementor.

Narzędzie SVGOMG pozwoli Ci wprowadzić wszystkie niezbędne zmiany, których potrzebujesz, aby Twój SVG był kompatybilny z Elementorem. Oto zmiany, które musisz wprowadzić.

Wyłącz style wbudowane i włącz opcję Preferuj viewBox i Usuń elementy stylu . Umożliwi to użytkownikom kontrolowanie rozmiaru ikony SVG za pomocą opcji stylizacji Elementora. Pozostałe ustawienia powinny być dobre z ich domyślnymi opcjami.

Wszystkie te ustawienia wystarczą, aby SVG był kompatybilny z Elementorem i umożliwią płynny import do WordPressa za pomocą Elementora.

W ten sposób możesz dostosować ikony SVG Adobe Illustrator do importowania do Elementora . To wszystko od nas w tym samouczku, dołącz do nas na naszym Facebooku i Twitterze, aby nigdy nie przegapić takich samouczków.