允许wordpress media上传SVG格式图片(不用插件)

如果需要上传SVG格式的思维导图到文章中,可是默认的wordpress后台media管理是不允许添加SVG格式的图片的又不想再安装插件(都说安装多了会慢……),那可肿么办???

其实,解决方法很简单,在对应主题模板下functions.php中添加下面的函数,刷新后台即可上传(后台不能直接预览,但是可以点击预览整篇post来看效果)。


function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

解决后台不能直接预览的方法:

方法1:


function fix_svg() {
    echo '<style type="text/css">
          .attachment-266x266, .thumbnail img { 
               width: 100% !important; 
               height: auto !important; 
          }
          </style>';
 }
 add_action('admin_head', 'fix_svg');

方法2:


function custom_admin_head() {
  $css = '';
  $css = 'td.media-icon img[src$=".svg"] { width: 100% !important; height: auto !important; }';
  echo '

‘; } add_action(‘admin_head’, ‘custom_admin_head’);

方法2是方法1的进化版,后一种方法不依赖thumbnail类。
代码源自:https://css-tricks.com/snippets/wordpress/allow-svg-through-wordpress-media-uploader/

News Reporter
Dr. Lu

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.

跳至工具栏