Kuidas lubada SVG tuge WordPressis
Kas otsite SVG-piltide üleslaadimist oma WordPressi veebisaidile? WordPress ei võimalda vaikimisi SVG-faile meedialaadija kaudu üles laadida. Selles artiklis näitame, kuidas lubada SVG-pildi üleslaadimist WordPressi.
SVG (Scalable Vector Graphics) määratleb vektoripõhise graafika XML-vormingus. Teisisõnu määratleb SVG graafika XML-vormingus. SVG-failide graafika EI kaota kvaliteeti, kui neid suurendatakse või suurust muudetakse. Lisaks on SVG-faili suurus väike ja seetõttu on need tänapäeval populaarsed.
Mis puutub WordPressi, siis kui proovite SVG-pilti meedialaadijast üles laadida, kuvatakse viga nagu "Vabandust, see failitüüp pole turvalisuse huvides lubatud".
Seda seetõttu, et SVG MIME tüüpi ei lisata WordPressi üleslaadimiseks lubatud MIME vaiketüüpides. Kõigi vaikimisi MIME tüüpide loendi saamiseks võite kasutada meetodit get_allowed_mime_types(). See funktsioon tagastab MIME tüüpide massiivi.
Nagu öeldud, vaatame, kuidas lisada WordPressi tugi SVG-failile.
Luba SVG-failil üles laadida
SVG-pildi toe lisamiseks kasutame filtrit, upload_mimesmis võimaldab muuta WordPressi vastuvõetavate faililaiendite loendit. SVG-failide laiend on ‘image / svg + xml’. Niisiis, peate oma funktsioonides.php faili asetama koodi alla.
function add_svg_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'add_svg_mime_types');upload_mimesFiltrit kasutades saame ka WordPressi üleslaadimiseks piirata konkreetset failivormingut. Oletame, et me ei taha lubada mp4-faile. Sellisel juhul peaksime lisama allpool oleva faili faili functions.php.
function remove_mime_types($mimes) {
unset($mimes['video/mp4']);
}
add_filter('upload_mimes', 'remove_mime_types');Nii et ülaltoodud väikese koodilõigu lisamisega lubate SVG-pilte meediumiteeki üles laadida. Pärast SVG üleslaadimist, kui lähete loendilehele, ei näe te aga oma SVG-faili pisipilti.
SVG pisipildi kuvamiseks loendilehel peame lisama CSS-reegli, mille saab ühendada WordPressi armatuurlauale.
function admin_custom_css() {
echo "<style>table.media .column-title .media-icon img[src='.svg']{
width: 100%;
height: auto;
}</style>";
}
add_action( 'admin_head', 'admin_custom_css' );Pärast ülaltoodud koodi lisamist faili functions.php näete SVG pisipilti.
