首页 历史文章 使WordPress媒体库支持 SVG 图标的上传和预览

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

时间:2019-12-12 来源:网络 浏览:183

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

让媒体库支持 SVG 上传

  1. /*添加媒体库 SVG 图标支持*/  
  2. function salong_mime_types($mimes) {  
  3.   $mimes['svg'] = 'image/svg+xml';  
  4.   return $mimes;  
  5. }  
  6. add_filter('upload_mimes', 'salong_mime_types');  

在媒体库显示 SVG 图标

  1. /*在媒体库显示 SVG 图标*/  
  2. function salong_admin_svg_css() {  
  3.     echo "<style>table.media .column-title .media-icon img[src*='.svg']{ 
  4.         width: 100%; 
  5.         height: auto; 
  6.     }</style>";  
  7. }  
  8. add_action( 'admin_head', 'salong_admin_svg_css' );  

标题:使WordPress媒体库支持 SVG 图标的上传和预览
链接:https://www.bigetheme.cn/1647.html
版权:文章转载自网络,如有侵权,请联系删除!