运营

SVG图标上传

叶九秋 · 11月24日 · 2019年 ·

wordpress 默认支持多种图片格式包括 .jpg,.jpeg,.png,和.gif,出于安全考虑不能上传可缩放矢量图形。SVG 是最灵活的图像类型之一,是一种基于 XML 的矢量图像,网站可通常使用它来在其网站上显示徽标和图标。 SVG 越来越受欢迎的主要原因是可缩放的图像格式,通常文件大小较小,并且不会在视网膜屏幕上像素化,不会像 jpg,png 等图像格式那样容易模糊。以下两段代码都添加到主题 functions.php 函数文件中即可:

SVG 上传

/*添加媒体库 SVG 图标支持*/
    function salong_mime_types($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
    }
add_filter('upload_mimes', 'salong_mime_types');

显示 SVG 图标

/*在媒体库显示 SVG 图标*/
function salong_admin_svg_css() {
     echo "<style>table.media .column-title .media-icon img[src*='.svg']{
         width: 100%;
        height: auto;
    }</style>";
}
add_action( 'admin_head', 'salong_admin_svg_css' );