Penjualan Ulang Tahun Elemen

Nikmati diskon 60% untuk pembelian baru, pembaruan dan peningkatan.

00 Hari -hari
:
00 Jam
:
00 Menit
:
00 Detik

Beli sekarang

Cara Mengimpor Ikon Format Adobe Illustrator SVG Di Elementor

Muneeb Tutorial WordPress Nov 9, 2021

SVG adalah kependekan dari Scalable Vector Graphics yang merupakan format berbasis XML yang khusus digunakan untuk desain berbasis vektor. Meskipun bisa sangat sulit untuk mengimpor desain ini di WordPress.

Namun; dengan Elementor , ada solusi untuk mengimpor SVG ke WordPress Anda sehingga Anda dapat menggunakannya lebih lanjut di konten Anda. Dalam tutorial ini, kita akan memahami cara mengimpor ikon Format SVG di Elementor .

Cara Mengimpor Ikon Format Adobe Illustrator SVG

Untuk memulai, pastikan SVG Anda yang sesuai dengan Elementor tidak berisi teks atau baris apa pun. Jika ada, mereka harus digariskan, dan setiap goresan harus diperpanjang.

Untuk membuatnya tetap sederhana, Anda hanya dapat memiliki jalur dan jalur kompleks untuk kompatibilitas opsi Elementor yang optimal. Jika ada teks di sana, ubah menjadi outline sebelum mengekspor.

Penawaran luar biasa

Ulang tahun ke -6 Elementor dengan diskon hingga 60%

Mulai sekarang

Selanjutnya, menggunakan alat ekspor baru (ctrl+alt+E), ekspor sebagai SVG.
Ini membantu dalam menghilangkan sebagian besar kembung yang terkait dengan SVG. Pastikan Anda tidak mengubah SVG untuk menambahkan isian sebagai atribut karena Anda menginginkan kebalikannya.

  1. Gunakan Alat Ekspor baru untuk mengekspor sebagai SVG dengan menekan ctrl+alt+E .
  2. Buat nama kelas unik untuk menghindari bentrokan dengan SVG yang diproduksi Illustrator lainnya.
  3. Jika SVG Anda berisi teks, pilih Convert to Outlines dari menu 'Font'.
  4. Untuk Styling , pilih Internal CSS.
  5. Untuk SVG, pilih Unique dari pilihan Object IDs .

Berikutnya, Anda perlu menggunakan SVGOMG alat untuk Edita dan format Elementor siap SVG.

Alat SVGOMG akan memungkinkan Anda membuat semua perubahan yang diperlukan agar SVG Anda kompatibel dengan Elementor. Berikut adalah perubahan yang perlu Anda lakukan.

Nonaktifkan gaya Inline dan aktifkan Prefer viewBox dan Hapus elemen gaya . Ini akan memungkinkan pengguna untuk mengontrol ukuran ikon SVG menggunakan opsi penataan Elementor. Pengaturan lainnya harus bagus dengan opsi defaultnya.

Semua pengaturan ini akan cukup untuk membuat SVG kompatibel untuk Elementor dan akan memungkinkan Anda mengimpor dengan lancar ke WordPress menggunakan Elementor.

Ini adalah bagaimana Anda dapat membuat ikon Adobe Illustrator SVG Anda kompatibel untuk diimpor di Elementor . Itu saja dari kami untuk tutorial ini, pastikan untuk bergabung dengan kami di Facebook dan Twitter kami untuk tidak pernah melewatkan tutorial seperti ini.