...
✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

Kuidas lubada SVG tuge WordPressis

23

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

Kuidas lubada SVG tuge WordPressis

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.

Kuidas lubada SVG tuge WordPressis

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.

Kuidas lubada SVG tuge WordPressis

seotud artiklid

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem