下载鸥 > 网站下载 > 开发教程 > WordPress

怎样让WordPress支持svg格式的图片?

305 2021-03-14 11:38:04

收藏
WordPress功能强大,但有时候也有一些小瑕疵。举例来说,svg格式的图片因为其矢量的属性决定了高清的展现,在网站中使用效果良好,但当前WordPress并不支持媒体库网格模式显示SVG图片。因此,我们分享下面的代码可以实现让WordPress支持上传SVG格式图片。
 
// 媒体库网格模式显示SVG图片
function zm_display_svg_media($response, $attachment, $meta){
if($response['type'] === 'image' && $response['subtype'] === 'svg+xml' && class_exists('SimpleXMLElement')){
try {
$path = get_attached_file($attachment->ID);
if(@file_exists($path)){
$svg                = new SimpleXMLElement(@file_get_contents($path));
$src                = $response['url'];
$width              = (int) $svg['width'];
$height             = (int) $svg['height'];
$response['image']  = compact( 'src', 'width', 'height' );
$response['thumb']  = compact( 'src', 'width', 'height' );
  
$response['sizes']['full'] = array(
'height'        => $height,
'width'         => $width,
'url'           => $src,
'orientation'   => $height > $width ? 'portrait' : 'landscape',
);
}
}
catch(Exception $e){}
}
return $response;
}
add_filter('wp_prepare_attachment_for_js', 'zm_display_svg_media', 10, 3);
如果上面这个太复杂,我们也有简化的版本,但美中不足的是这个简化版本会在开启调试模式时出现错误提示。
// 媒体库网格模式显示SVG图片
function zm_svg_metadata($data, $post_id) {
$data = array(
'sizes' => array(
'large' => array(
'file' => pathinfo(wp_get_attachment_url($post_id), PATHINFO_BASENAME)
)
)
);
return $data;
}
add_filter('wp_get_attachment_metadata', 'zm_svg_metadata', 10, 2);

本文地址:https://xzo.com.cn/develop/wp/698.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于WordPress


WordPress是世界级的博客程序,有过百万的模板插件支持,其外型大多十分美观,功能十分强大,可作为博客用户的首选。但如果是企业网站建设,则不建议选用WordPress:数据量是个大问题。

推荐WordPress开发教程
WordPress博客程序可以转为帝国CMS吗?
WordPress博客程序可以转为帝国CMS吗?

WordPress作为顶级博客程序,海量插件一直是为人所津津乐道的。大多数WordPre...

15 1848
WordPress信息时间改为多少时间前发表
WordPress信息时间改为多少时间前发表

相对日期,文章或者评论发表日期以“发表于1小时前”,这种形式显示,相对日期会...

9 345
怎样通过宝塔面板来优化WordPress缓存加速?
怎样通过宝塔面板来优化WordPress缓存加速?

如果你的服务器环境是用的宝塔面板,那么我们就可以通过宝塔面板来优化WordPr...

12 322
使用WordPress搭建个人博客要如何选择服务器呢?
使用WordPress搭建个人博客要如何选择服务器呢?

打造互联网个体品牌的用户个体越来越多,WordPress是一个相当不错的方案。但...

1 652
wordpress的模板配置方法
wordpress的模板配置方法

wordpress是全世界最流行的博客程序,国内用wordpress建站的站长占比也很高,当...

0 370
wordpress新手:更换域名后访问所有页面都跳转之前的域名
wordpress新手:更换域名后访问所有页面都跳转之前的域名

wordpress数据库里写了很多与域名相关的东西,如果更换了域名,需要对域名进行...

0 385
WordPress怎样获取文章第一张缩略图
WordPress怎样获取文章第一张缩略图

WordPress有缩略图字段,但如果没有录入缩略图,能否自动获取文章内的第一张图...

0 331
分享一段WordPress面包屑导航源码
分享一段WordPress面包屑导航源码

WordPress博客程序非常好用,但他的一个缺点是不带面包屑导航。而面包屑导航...

1 356
随机WordPress开发教程
WordPress怎样给不同的栏目指定不同模板?
WordPress怎样给不同的栏目指定不同模板?

用wordpress做站特别是企业站的时候,多个分类的内容不同需要显示的页面也不...

7 598
WordPress自定义栏目怎样使用?
WordPress自定义栏目怎样使用?

WordPress自定义栏目(字段)是对Wordpress文章属性一种拓展,一般写文章的时候,后...

1 862
wordpress怎样安装新模板/主题?
wordpress怎样安装新模板/主题?

WordPress是全世界最流行的博客程序,流行的原因就在于其琳琅满目的主题和插...

15 831
WordPress怎样安装插件?
WordPress怎样安装插件?

WordPress作为全世界最流行的博客程序,最大的特色在于海量精美主题和无数的...

1 824
wordpress怎样给24小时发表的文章添加特殊的样式?
wordpress怎样给24小时发表的文章添加特殊的样式?

通过下面的代码,可以为24小时发表的文章添加“最新文章”提示或者输出不同的...

12 806
WordPress显示文章评论用户名称
WordPress显示文章评论用户名称

如果想WordPress显示文章评论用户名称列表,比如在文章适当位置,显示当前已有:...

8 802
WordPress 5.5过滤器关闭图片延迟加载功能
WordPress 5.5过滤器关闭图片延迟加载功能

除了在火狐下有效果,在Chromium内核的浏览器中无效,难道是开发人员也和我一样...

1 855
WordPress不通过插件实现面包屑功能
WordPress不通过插件实现面包屑功能

你如果在开发自己的wordpress主题,想加入面包屑导航,而又不想使用插件的话,下...

1 792
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入