SVG-tuen salliminen WordPressissä
Etsitkö SVG-kuvia WordPress-verkkosivustollesi? WordPress ei oletusarvoisesti salli SVG-tiedostojen lataamista medianlatausohjelman kautta. Tässä artikkelissa näytetään, kuinka sallitaan SVG-kuvan lataaminen WordPressiin.
SVG (Scalable Vector Graphics) määrittää vektoripohjaisen grafiikan XML-muodossa. Toisin sanoen SVG määrittelee grafiikan XML-muodossa. SVG-tiedostojen grafiikka EI menetä mitään laatua, jos niitä zoomataan tai niiden kokoa muutetaan. Lisäksi SVG-tiedostokoko on pieni, joten ne ovat suosittuja nykyään.
Kun yrität ladata SVG-kuvan median latauslaitteesta WordPressin kohdalla, saat virheilmoituksen, kuten ‘Anteeksi, tätä tiedostotyyppiä ei sallita turvallisuussyistä.’
Tämä johtuu siitä, että SVG MIME -tyyppiä ei lisätä oletusarvoisiin MIME-tyyppeihin, jotka voidaan ladata WordPressiin. Saadaksesi luettelon kaikista oletus MIME-tyypeistä voidaan käyttää menetelmää get_allowed_mime_types(). Tämä toiminto palauttaa MIME-tyyppien taulukon.
Tästä huolimatta katsotaanpa, kuinka lisätä WordPress-tuki SVG-tiedostolle.
Salli SVG-tiedoston lataaminen
Lisäämään tukea SVG-kuvalle käytämme suodatinta, upload_mimesjonka avulla voidaan muuttaa hyväksyttävien WordPress-tiedostotunnisteiden luetteloa. SVG-tiedostotunniste on ‘image / svg + xml’. Joten sinun on sijoitettava koodin alapuolelle toiminnot.php-tiedostoon.
function add_svg_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'add_svg_mime_types');Käyttämällä upload_mimessuodatinta, voimme myös rajoittaa tietyn tiedostomuodon ladata WordPress. Oletetaan, että emme halua sallia mp4-tiedostoja. Siinä tapauksessa meidän tulisi lisätä alla oleva koodi functions.php-tiedostoon.
function remove_mime_types($mimes) {
unset($mimes['video/mp4']);
}
add_filter('upload_mimes', 'remove_mime_types');Joten lisäämällä yllä oleva pieni koodikappale sallit SVG-kuvien lataamisen mediakirjastoon. Kun olet siirtänyt SVG: n, jos siirryt luettelosivulle, et näe SVG-tiedostosi pikkukuvaesitystä.
SVG-pikkukuvan näyttämiseksi luettelosivulla meidän on lisättävä CSS-sääntö, joka voidaan liittää WordPress-hallintapaneeliin.
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' );Kun olet lisännyt yllä olevan koodin toiminnot.php-tiedostoon, näet SVG-pikkukuvan.
