cari
Rumahhujung hadapan webtutorial cssMenggunakan SVG di WordPress (2 Cadangan Plugin Berguna)

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
Di manakah 'Langgan Podcast' pautan ke?Di manakah 'Langgan Podcast' pautan ke?Apr 16, 2025 pm 12:04 PM

Untuk sementara waktu, iTunes adalah anjing besar dalam podcasting, jadi jika anda mengaitkan "Langgan Podcast" untuk suka:

Kepelbagaian enjin pelayarKepelbagaian enjin pelayarApr 16, 2025 pm 12:02 PM

Kami kehilangan opera ketika mereka pergi Chrome pada tahun 2013. Sama dengan Edge ketika ia juga menjadi Chrome awal tahun ini. Mike Taylor memanggil perubahan ini "menurun

Pertimbangan UX untuk Perkongsian WebPertimbangan UX untuk Perkongsian WebApr 16, 2025 am 11:59 AM

Dari laman web Trashy Clickbait hingga paling banyak penerbitan, butang saham telah lama di mana -mana di seluruh web. Namun ia boleh dikatakan bahawa ini

Berita Platform Mingguan: Apple Menggunakan Komponen Web, Rendering HTML Progresif, Sumber Kritikal SendiriBerita Platform Mingguan: Apple Menggunakan Komponen Web, Rendering HTML Progresif, Sumber Kritikal SendiriApr 16, 2025 am 11:55 AM

Dalam roundup minggu ini, Apple masuk ke dalam komponen web, bagaimana Instagram adalah skrip insta-loading, dan beberapa makanan untuk difikirkan untuk sumber kritikal sendiri.

Pathspec git dan cara menggunakannyaPathspec git dan cara menggunakannyaApr 16, 2025 am 11:53 AM

Apabila saya melihat melalui dokumentasi arahan git, saya perhatikan bahawa banyak daripada mereka mempunyai pilihan untuk. Saya pada mulanya berpendapat bahawa ini hanya

Pemetik warna untuk gambar produkPemetik warna untuk gambar produkApr 16, 2025 am 11:49 AM

Bunyi seperti masalah yang sukar tidak? Kami sering tidak mempunyai tembakan produk dalam beribu -ribu warna, supaya kita dapat membalikkannya. Kami juga tidak

Mod gelap bertukar -tukar dengan reaksi dan temaMod gelap bertukar -tukar dengan reaksi dan temaApr 16, 2025 am 11:46 AM

Saya suka apabila laman web mempunyai pilihan mod gelap. Mod gelap menjadikan laman web lebih mudah bagi saya untuk membaca dan membantu mata saya berasa lebih santai. Banyak laman web, termasuk

Beberapa tangan dengan elemen dialog HTMLBeberapa tangan dengan elemen dialog HTMLApr 16, 2025 am 11:33 AM

Ini saya melihat elemen HTML untuk kali pertama. Saya telah menyedarinya untuk seketika, tetapi Haven ' t mengambilnya untuk putaran lagi. Ia mempunyai cukup keren dan

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.