Jak zezwolić na obsługę SVG w WordPress

Ostatnia aktualizacja paź 18, 2021

Zadowolony

Czy chcesz przesłać obrazy SVG do swojej witryny WordPress? WordPress domyślnie nie pozwala na przesyłanie plików SVG za pomocą programu do przesyłania multimediów. W tym artykule pokazujemy, jak zezwolić na przesyłanie obrazu SVG do WordPressa.

SVG (Scalable Vector Graphics) definiuje grafikę wektorową w formacie XML. Innymi słowy, SVG definiuje grafikę w formacie XML. Grafika plików SVG NIE traci żadnej jakości, jeśli zostanie powiększona lub zmieniona. Dodatkowo rozmiar pliku SVG jest niewielki i dlatego są one popularne w dzisiejszych czasach.

Jeśli chodzi o WordPress, jeśli spróbujesz przesłać obraz SVG z programu do przesyłania multimediów, pojawi się błąd typu „Przepraszamy, ten typ pliku jest niedozwolony ze względów bezpieczeństwa".

Dzieje się tak, ponieważ typ MIME SVG nie jest dodawany do domyślnych typów MIME, które można przesyłać do WordPressa. Aby uzyskać listę wszystkich domyślnych typów MIME, można użyć metody get_allowed_mime_types(). Ta funkcja zwraca tablicę typów MIME.

Biorąc to pod uwagę, zobaczmy, jak dodać obsługę WordPressa dla pliku SVG.

Zezwól na przesłanie pliku SVG

Aby dodać obsługę obrazu SVG, korzystamy z filtra, upload_mimesktóry pozwala zmienić listę dopuszczalnych rozszerzeń plików WordPress. Rozszerzenie plików SVG to ‘image/svg+xml’. Musisz więc umieścić poniższy kod w swoim pliku functions.php.

function add_svg_mime_types($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'add_svg_mime_types');

Korzystając z upload_mimesfiltra, możemy również ograniczyć określony format pliku do załadowania w WordPress. Powiedzmy, że nie chcemy zezwalać na pliki mp4. W takim przypadku powinniśmy dodać poniższy kod w pliku functions.php.

function remove_mime_types($mimes) {
    unset($mimes['video/mp4']);
}
add_filter('upload_mimes', 'remove_mime_types');

Dodając powyższy mały fragment kodu, umożliwisz przesyłanie obrazów SVG do biblioteki multimediów. Jednak po przesłaniu SVG, jeśli przejdziesz do strony aukcji, nie zobaczysz miniatury pliku SVG.

Aby wyświetlić miniaturę SVG na stronie aukcji, musimy dodać regułę CSS, która może podpiąć się do pulpitu WordPress.

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' );

Po dodaniu powyższego kodu w pliku functions.php zobaczysz miniaturę SVG.

Powiązane artykuły

Źródło nagrywania: artisansweb.net