萨龙网络
登录
首页-WordPress文章-WordPress-正文

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

萨龙龙萨龙龙
WordPress
6年前
0
0
1.18W

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 图标*/
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 函数文件中即可。

标签:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/wordpress-support-svg-upload-display.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1342.13M456.50W3.77W
分享:
WordPress 功能函数—— add_comments_page(将子菜单页添加到评论主菜单上)
WordPress 功能函数—— add_comments_page(将子菜单页添加到评论主菜单上)上一篇
删除或失效WordPress文章中的图像大小属性下一篇
删除或失效WordPress文章中的图像大小属性
相关文章
总数:107

WordPress 使用 wp_set_password 重置用户密码

当WordPress管理员忘记密码或需要重置用户密码时,可以使用wp_set_password函数来实现。该函数将为指定用户设置新密码,…
萨龙龙萨龙龙
WordPress
2年前
1
1
2.16W
0

WordPress 功能函数—— activate_plugins(激活多个插件)

描述 激活多个插件。 当WP_Error返回,但这并不意味着该插件的一个有错误。这意味着一个或多个插件文件路径无效。…
萨龙龙萨龙龙
WordPress Functions
6年前
0
0
8.04K
0

如何把WordPress数据迁移至WordPress MU

前面我们介绍了如果安装WordPressMU,安装完成后我们就需要把每个独立站点的数据转移到MU中,在MU中最原始的站点数据是不需要改动,只需…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.31W
0

禁用 WordPress 裁剪功能包括自动生成的 768 像素图片

WordPress媒体库是很强大、管理媒体相当方便,如果媒体多就给数据库增加了压力,而且很多媒体是不需要上传到媒体库,上传的图片会增加很多无用…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.24W
0

Woocommerce+Buddypress+Bbpress商城社区论坛头像本地化

萨龙网络Purity主题是集成了Woocommerce+Buddypress+Bbpress商城社区论坛,因为www.gravatar.com头…
萨龙龙萨龙龙
Bbpress, Buddypress, WooCommerce, WordPress
10年前
0
0
1.59W
0

更新至 WordPress5.0版本后古腾堡(Gutenberg)编辑器发布与更新失败的解决方法(只对萨龙网络主题测试)

萨龙网络所有主题都集成了很多优化功能,在WordPress更新至5.0版本后,古腾堡(Gutenberg)编辑器发布与更新文章/页面就出现错…
萨龙龙萨龙龙
WordPress
6年前
0
0
7.90K
0

WordPress禁用古腾堡(Gutenberg)使用经典的编辑器

很多人在使用WordPress最新的Gutenberg编辑器时都觉得并不适应,很难上手,毕竟新的事物要是需要时间才能熟悉。如果不想用还是…
萨龙龙萨龙龙
WordPress
6年前
0
0
9.09K
0

WordPress+Nuxt3前后端分离项目,实现不限层级的多维数组菜单

使用WordPress+Nuxt3做前后端分离项目时,菜单需要多维数组,且不限层级,可以使用递归函数很方便地将wp_get_nav_menu…
萨龙龙萨龙龙
WordPress
2年前
2
1
2.51W
0

使用WordPress MU一个程序创建多站点网络介绍与安装教程

经常折腾wp的人肯定不止一个博客,主题高产的WPER那就更不用说,所以我们不想重复地安装wordpress,通过WordPressMU只需要安…
萨龙龙萨龙龙
WordPress
10年前
0
0
2.09W
2

WordPress MU多站点网络域名绑定插件Domain Mapping的安装与使用

WordpressMU是多站点的程序,新创建的站点地址都是基于主域名下的二级域名,而强大的Wordpress可以为每个站点绑定不同的域名,这时…
萨龙龙萨龙龙
WordPress
10年前
0
0
2.14W
0

翻译WordPress强大实用的Redux框架选项

强大、实用的Redux框架我们已经在WordPress强大的开源后台框架ReduxFramework介绍与使用一文中介绍了,今天我们介绍下如何…
萨龙龙萨龙龙
WordPress, 软件系统
9年前
0
0
1.31W
0

自定义WooCommerce产品文章hook顺序

最近在做一款企业产品展示的商城网站,设计WooCommerce产品文章的布局与默认的布局有很大的不同,所以其中的一些模块都需要重新调整。WooC…
萨龙龙萨龙龙
WooCommerce
8年前
0
0
1.39W
0
评论表单游客 您好,欢迎参与讨论。
请输入昵称
请输入邮箱
请输入网址
0 / 0
评论列表
总数:0
萨龙网络
没有相关内容