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!

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

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 &

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.

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 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.

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

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

Csanimationsarenotinherenthardbutrequirepracticeandundunderpanderofcsspropertiesandtimingfunctions.1) startwithsimpleanimationslikescalingabuttonhoverusingkeyframes.2)


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

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

Artikel Panas

Alat panas

Dreamweaver Mac版
Alat pembangunan web visual

SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual
