Allow SVG in WP step by step

Question

I'm not strong in WP programming, bu I try to understand what to do to enable SVG in my site. I found that in need to add function below to functions.php:

/**
 * Add SVG capabilities
 */
function wpcontent_svg_mime_type( $mimes = array() ) {
  $mimes['svg']  = 'image/svg+xml';
  $mimes['svgz'] = 'image/svg+xml';
  return $mimes;
}
add_filter( 'upload_mimes', 'wpcontent_svg_mime_type' );

wpcontent should be replaced with namespace. But how to know what is my WP namespace?

Add lines below to .htaccess file after the line, #End WordPress:

# Add SVG Mime Types
AddType image/svg+xml svg
AddType image/svg+xml svgz

Is anything else I shoud do?

UPD. After this procedure iI have following:

Now I can upload files to Media, but no preview. And when I do insert nothing happens - no new picture.

How to solve this?

Answer 1

Adding the following code to my functions.php works great for me. No need to modify the .htaccess file at all.

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

add_filter( 'upload_mimes', 'cc_mime_types' );

This allows me to upload and display SVG images without any issues.

Answer 2

But how to know what is my WP namespace?

namespacing a function, in WP land, just means prefixing it with something that makes it more unique and unlikely to conflict with anything else. Generally that means you do both a "vendor" and a "package". For instance, if I'm building a plugin, my function upload mimes function might be...

add_filter('upload_mimes', 'chrisguitarguy_pluginname_mimes');
function chrisguitarguy_pluginname_mimes($mimes)
{
    // ...
}

Where chrisguitarguy is my "vendor" name and pluginname is the package. You can do this PHP namespaces as well.

namespace Chrisguitarguy\PluginName;

add_action('upload_mimes', __NAMESPACE__.'\\mimes');
function mimes($mimes)
{
    // ...
}

Is anything else I shoud do?

Nope, what you have is perfect. You may want to specify that svgz is gzipped in your .htaccess.

AddType image/svg+xml .svg .svgz
// http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addencoding
AddEncoding gzip svgz

Newer versions of apache might include this config by default?