网络爱好者的栖息地!!!

当前位置:首页>>技术教程>>WordPress美化

如何让WordPress支持上传SVG格式图片

时间:2022-11-23 10:38:44    来源:搜度资源    人气:16

网上有很多以上类似的代码,但都不支持媒体库网格模式显示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图片代码,不过如果开启调试模式会有错误提示,但不影响使用。

// 媒体库网格模式显示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);


至于加这个功能用于什么,那要看你用的主题是否有这个功能需要了,直接FTP上传后获取链接也一样在网页中使用。


相关文章

  • 【WordPress美化】Ripro美化-导航菜单统计文章数量

    【WordPress美化】Ripro美化-导航菜单统计文章数量

    教程开始1、找到wp-content/themes/ripro/assets/css/diy.css将附件内的diy.css内容整体复制进去并保存2、找到wp-content/themes/ripro/functions.php将附件内的functions.php内容整体复制进去并保存图片演示...
    2022-11-23
  • 【WordPress美化】Ripro二级菜单调取代码

    【WordPress美化】Ripro二级菜单调取代码

    修改路径:ripro/parts/home-mode/catpost.php(如果是子主题运行,修改后直接把这个文件放到对应子主题的路径下)<!--CMS菜单--><divclass="choosetypesucaihu-sycms"><ul<?phpif(wp_...
    2022-11-23
  • 【WordPress美化】RIPRO主题美化-首页简洁搜索框美化教程

    【WordPress美化】RIPRO主题美化-首页简洁搜索框美化教程

    教程开始1、找到wp-content/themes/ripro/assets/css/diy.css并将附件内的diy.css内容整体复制进去并保存/*首页搜索框*/.bgcolor-fff{background-color:#fff;}.row,.navbar.menu-item-mega>.sub-menu{margin-left:-10px;margin-right:-10px;}.home-filter--content:before{...
    2022-11-23
  • 【WordPress美化】Ripro主题美化-vip会员下拉分类介绍

    【WordPress美化】Ripro主题美化-vip会员下拉分类介绍

    教程开始(免费分享,如有错位请童靴们根据自己的网站进行调整)1、找到wp-content/themes/ripro/assets/css/diy.css将附件内的diy内容整体复制进去并保存2、找到wp-content/themes/ripro/parts/navbar.php将附件内的navbar内容整体复制到<divclass=”actions“>后面并保存3、找到wp-content/themes/ripro/asse...
    2022-11-23

WordPress美化排行榜

更多>>

软件下载排行榜

更多>>

绿色软件排行榜

更多>>

公众号