I’m trying to use SVG image with wp_get_attachment_image() but it is generating very weird output at the front end of the website. To support SVG file type I’ve first added the following function in my theme’s functions.php file /*** enable svg support ***/ function cc_mime_types($mimes) { $mimes[‘svg’] = ‘image/svg+xml’; return $mimes; } add_filter(‘upload_mimes’, ‘cc_mime_types’); Then … Read more
Should I use <img>, <object>, or <embed> for loading SVG files into a page in a way similar to loading a jpg, gif or png? What is the code for each to ensure it works as well as possible? (I’m seeing references to including the mimetype or pointing to fallback SVG renderers in my research … Read more
Up to now, I have had no problems with the background-image thumbnails in my theme. However, now that I’m trying to use an SVG as the featured image, something is breaking. The problem seems to related to the width of the SVGs being returned as zero by wp_get_attachment_image_src(). So what I am I trying to … Read more
I tried uploading after installing different plugins. Even added a filter to functions.php file. function add_svg_to_upload_mimes( $upload_mimes ) { $upload_mimes[‘svg’] = ‘image/svg+xml’; $upload_mimes[‘svgz’] = ‘image/svg+xml’; return $upload_mimes; } add_filter( ‘upload_mimes’, ‘add_svg_to_upload_mimes’, 10, 1 ); But still uploading an SVG gives the following error. 6 s 6 This question had me scratching my head. Yeah, how … Read more
I want to use this technique and change the SVG color, but so far I haven’t been able to do so. I put this in the CSS, but my image is always black, no matter what. My code: .change-my-color { fill: green; } <svg> <image class=”change-my-color” xlink:href=”https://svgur.com/i/AFM.svg” width=”96″ height=”96″ src=”https://stackoverflow.com/questions/22252472/ppngfallback.png” /> </svg> 33 s 33
I want to include inline SVGs in a metabox textarea. That’s easy. What’s killing me is how do I sanitize the textarea before saving the postmeta, and how do I escape it? Halp? Thanks! 2 s 2 Here is a PHP library that was created for sanitizing SVG files that may be worth looking into. … Read more
With the advancement of internet browsers, I find myself more and more comfortable using SVGS when coding websites… especially for icons, and simple graphics that can be replaced on the fly by pngs. It looks like wordpress almost supports SVGS. I say almost because: It’s not by default an allowed file type in wordpress. So … Read more
I see that SVGs are blocked by default in the media uploader and you have to add it as a supported MIME type in functions.php. What security reasons are behind this? 1 SVG can contain JavaScript. JavaScript can be used to hijack cookies or do other questionable actions. It can even be “hidden” in namespaces: … Read more
I have a snippet in my functions PHP file that allows me to upload SVG files. Since upgrading to the latest version of WP today, I can no longer upload svgs. I also tried a second code snippet from CSS tricks website and that doesn’t work either. Does anyone know a) what may have caused … Read more
