Rumah >hujung hadapan web >tutorial css >Menggunakan SVG di WordPress (2 Cadangan Plugin Berguna)

Menggunakan SVG di WordPress (2 Cadangan Plugin Berguna)

Christopher Nolan
Christopher Nolanasal
2025-03-15 10:44:091004semak imbas

Menggunakan SVG di WordPress (2 Cadangan Plugin Berguna)

WordPress tidak menyokong muat naik SVG secara lalai kerana fail SVG mempunyai ciri -ciri yang kuat, termasuk keupayaan untuk memuat sumber lain dan menjalankan JavaScript, yang boleh menyebabkan kelemahan keselamatan seperti serangan XSS. Walau bagaimanapun, jika anda perlu menggunakan imej SVG di WordPress (dimuat naik melalui pemuat naik media dan digunakan dalam kandungan artikel dan imej yang dipaparkan), anda boleh melakukan perkara berikut:

Menggunakan SVG secara langsung dalam templat tema boleh dilaksanakan, sama ada digariskan<svg></svg> Tiada tetapan tambahan diperlukan untuk kod atau menghubungkan fail SVG luaran melalui CSS.

Konfigurasikan Sokongan SVG secara manual

WordPress Blocks SVG Muat naik kerana pemuat naik perpustakaan media menolak jenis mime fail SVG. Untuk membenarkan muat naik SVG, anda perlu menambah kod berikut ke fail atau plugin fail functions.php anda:

 fungsi cc_mime_types ($ mimes) {
  $ mimes ['svg'] = 'image/svg xml';
  kembali $ mimes;
}
add_filter ('upload_mimes', 'cc_mime_types');

Walau bagaimanapun, walaupun dengan kod di atas ditambahkan, fail SVG mungkin masih tidak dipaparkan dengan betul dalam pratonton perpustakaan media, widget imej yang dipaparkan, dan editor. Walaupun ini dapat diselesaikan dengan menyuntik kod CSS, ini tidak selalu berfungsi.

Sokongan SVG dengan plugin WordPress

Memandangkan WordPress itu sendiri tidak menyokong SVG, menggunakan plugin untuk menguruskan sokongan SVG adalah pilihan yang lebih baik. Plug-in boleh dikemas kini secara berterusan apabila WordPress mengembangkan dan menyelesaikan masalah keserasian yang mungkin.

Dua plugin SVG WordPress berikut disyorkan:

Sokongan SVG

Ini adalah pemalam yang kuat yang boleh digunakan selepas pemasangan dan pengaktifan, tanpa konfigurasi tambahan. Ia menyediakan beberapa pilihan tetapan seperti sama ada untuk memuat CSS depan tambahan (disyorkan untuk memilih seperti yang diperlukan). Plugin ini juga menyediakan sekatan keistimewaan pentadbir untuk keselamatan yang dipertingkatkan.

SVG selamat

Walaupun plugin ini lebih perlahan untuk dikemas kini, ia menyediakan tahap keselamatan yang lebih tinggi dan membersihkan dan mengoptimumkan fail SVG semasa memuat naik. Jika anda mempunyai keperluan yang tinggi untuk keselamatan laman web atau kekurangan pengalaman teknikal, plugin ini lebih sesuai untuk anda.

Plug-in yang lain, seperti sokongan SVG Easy, tidak disyorkan di sini kerana penyelenggaraan dan kemas kini yang tidak mencukupi.

Plugin SVG apa yang telah anda gunakan di WordPress? Selamat datang untuk berkongsi pengalaman dan cadangan anda!

Atas ialah kandungan terperinci Menggunakan SVG di WordPress (2 Cadangan Plugin Berguna). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn