前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 媒体库支持 SVG 图标的上传与预览

WordPress 媒体库支持 SVG 图标的上传与预览

原创
作者头像
.T.
发布2022-02-22 14:26:49
1.5K0
发布2022-02-22 14:26:49
举报
文章被收录于专栏:CMS建站教程CMS建站教程

WordPress 默认支持多种图片格式包括 .jpg,.jpeg,.png,和.gif,出于安全考虑不能上传可缩放矢量图形(SVG)。SVG是最灵活的图像类型之一,是一种基于XML的矢量图像,网站可通常使用它来在其网站上显示徽标和图标。 SVG 越来越受欢迎的主要原因是可缩放的图像格式,通常文件大小较小(有时相当大),并且不会在视网膜屏幕上像素化,不会像 jpg,png 等图像格式那样容易模糊。

让媒体库支持 SVG 上传

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

在媒体库显示 SVG 图标

代码语言:javascript
复制
/*在媒体库显示 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' );

以上两段代码都添加到主题 functions.php 函数文件中即可。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 让媒体库支持 SVG 上传
  • 在媒体库显示 SVG 图标
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档