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

创客云

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

让媒体库支持 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' );
本文来源糖果博客,经授权后由CityMall发布,观点不代表创客云的立场,转载请联系原作者。
云模板

发表评论