如何让WordPress网站的媒体库支持 SVG 图标的上传与预览

西门大官人
西门大官人
西门大官人
260
文章
63
评论
15/04/201909:40:05来源:萨龙网络 4 阅读4,034 次 614字

WordPress程序默认支持多种图片格式包括 .jpg,.jpeg,.png,和.gif。出于安全考虑不能上传可缩放矢量图形(SVG)。

SVG是最灵活的图像类型之一,是一种基于XML的矢量图像,网站可通常使用它来在其网站上显示徽标和图标。

如何让WordPress网站的媒体库支持 SVG 图标的上传与预览

SVG 越来越受欢迎的主要原因是可缩放的图像格式,通常文件大小较小(有时相当大),并且不会在视网膜屏幕上像素化,不会像 jpg,png 等图像格式那样容易模糊。

如果想让WordPress网站媒体库支持SVG 图标的上传与预览,可以添加以下代码到 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' );
AD:Bywave速度快,稳定性好的高端机场。。。。
  • 版权声明 本文源自 萨龙网络 整理 发表于 15/04/201909:40:05
  • 转载请务必保留本文链接:https://zhuji.gd/1323.html
Linode正式更换至新的云管理面板 域名主机

Linode正式更换至新的云管理面板

如果大家登录Linode传统面板后台,面板后台会有一个警示提示,通知我们以前一直在用的传统的Classic Manager面板将于2020年1月31日关闭,而全部采用新的云面板 Cloud Manag...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  2   博主  2
    • MAY的SEO博客 MAY的SEO博客 3

      SVG还是非常实用的,放大缩小都不失真。

      • 值品 值品 1

        webp呢

          • 机器猫 机器猫

            @ 值品 wordpress应该已经支持webp格式了。。。