怎么让媒体库支持 SVG 图标的上传与预览 - WordPress教程

WordPress 默认支持多种图片格式,但出于安全考虑不能上传可缩放矢量图形(SVG)

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

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

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

让媒体库支持 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' );

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

相关推荐

怎么让媒体库支持 SVG 图标的上传与预览 - WordPress教程-Npcink
怎么让媒体库支持 SVG 图标的上传与预览 - WordPress教程-Npcink

怎么在媒体库里上传并预览webp格式图片? - WordPress教程

webp格式的图片优势主要就是图片清晰度高,体积小。一方面能节约服务器的带宽资源,一方面可以大大提高页面的打开速度
WP教程

怎么知道文章是否已被百度收录? - wordpress教程

2019-9-28 0:00:14

WP教程

wordpress配合腾讯企业邮发送邮件

2019-11-27 10:40:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索