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
@KeyFrames vs CSS Transitions: Apakah perbezaannya?@KeyFrames vs CSS Transitions: Apakah perbezaannya?May 14, 2025 am 12:01 AM

@keyframesandcsstransitionsdifferincomplexity:@keyframesallowsfordetailedanimationseSseSeSs, whileCstransitionShandlesImplestateShanges.usecsstransitionsforhovereffectsLikeButtonColorchanges, dan@keyframesforintricateanimation.

Menggunakan halaman CMS untuk pengurusan kandungan tapak statikMenggunakan halaman CMS untuk pengurusan kandungan tapak statikMay 13, 2025 am 09:24 AM

Saya tahu, saya tahu: terdapat satu tan pilihan sistem pengurusan kandungan yang tersedia, dan sementara saya telah menguji beberapa, tidak ada yang benar -benar menjadi satu, y ' tahu? Model harga pelik, penyesuaian yang sukar, sesetengahnya akhirnya menjadi keseluruhan &

Panduan Terbaik untuk Menghubungkan Fail CSS di HTMLPanduan Terbaik untuk Menghubungkan Fail CSS di HTMLMay 13, 2025 am 12:02 AM

Menghubungkan fail CSS ke HTML boleh dicapai dengan menggunakan unsur -unsur dalam sebahagian HTML. 1) Gunakan tag untuk menghubungkan fail CSS tempatan. 2) Pelbagai fail CSS boleh dilaksanakan dengan menambahkan beberapa tag. 3) Fail CSS luaran menggunakan pautan URL mutlak, seperti. 4) Pastikan penggunaan laluan fail yang betul dan pesanan pemuatan fail CSS, dan mengoptimumkan prestasi boleh menggunakan preprocessor CSS untuk menggabungkan fail.

CSS Flexbox vs Grid: Kajian KomprehensifCSS Flexbox vs Grid: Kajian KomprehensifMay 12, 2025 am 12:01 AM

Memilih Flexbox atau Grid bergantung kepada keperluan susun atur: 1) Flexbox sesuai untuk susun atur satu dimensi, seperti bar navigasi; 2) Grid sesuai untuk susun atur dua dimensi, seperti susun atur majalah. Kedua -duanya boleh digunakan dalam projek untuk meningkatkan kesan susun atur.

Cara memasukkan fail CSS: Kaedah dan amalan terbaikCara memasukkan fail CSS: Kaedah dan amalan terbaikMay 11, 2025 am 12:02 AM

Cara terbaik untuk memasukkan fail CSS adalah menggunakan tag untuk memperkenalkan fail CSS luaran di bahagian HTML. 1. Gunakan tag untuk memperkenalkan fail CSS luaran, seperti. 2. Untuk pelarasan kecil, css sebaris boleh digunakan, tetapi harus digunakan dengan berhati -hati. 3. Projek besar boleh menggunakan preprocessors CSS seperti SASS atau kurang untuk mengimport fail CSS lain melalui @import. 4. Untuk prestasi, fail CSS harus digabungkan dan CDN harus digunakan, dan dimampatkan menggunakan alat seperti CSSNANO.

Flexbox vs Grid: Sekiranya saya belajar kedua -duanya?Flexbox vs Grid: Sekiranya saya belajar kedua -duanya?May 10, 2025 am 12:01 AM

Ya, youdyhouldlearnbothflexboxandgrid.1) flexboxisidealforone-dimensi, flexiblelayoutslikenavigasiMenus.2)

Mekanik Orbital (atau bagaimana saya mengoptimumkan animasi kerangka utama CSS)Mekanik Orbital (atau bagaimana saya mengoptimumkan animasi kerangka utama CSS)May 09, 2025 am 09:57 AM

Apa yang kelihatan seperti refactor kod anda sendiri? John Rhea memisahkan animasi CSS lama yang dia tulis dan berjalan melalui proses pemikiran mengoptimumkannya.

Animasi CSS: Adakah sukar untuk mencipta mereka?Animasi CSS: Adakah sukar untuk mencipta mereka?May 09, 2025 am 12:03 AM

Csanimationsarenotinherenthardbutrequirepracticeandundunderpanderofcsspropertiesandtimingfunctions.1) startwithsimpleanimationslikescalingabuttonhoverusingkeyframes.2)

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Nordhold: Sistem Fusion, dijelaskan
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual