'icon baseline', // or 'img logo' or something // 'svg_class' => '', // 'svg_title' => '', // 'role_img' => false, // 'aria_hidden' => true // ) /** * inline SVG function * desired SVG must exist in ./dist/images, * preferably by import in main.js and processing by webpack */ function inline_svg( $svg_name, $atts = array() ) { // load atts or set defaults extract(shortcode_atts(array( 'div_class' => '', 'svg_class' => '', 'svg_title' => '', 'svg_role_img' => false, 'svg_aria_hidden' => true, ), $atts)); // load initial svg content $svg_content = file_get_contents( get_template_directory_uri() . '/dist/images/' . $svg_name . '.svg' ); // replace svg class $svg_content = str_replace('{{class-placeholder}}', $svg_class, $svg_content); // handle if role=img $svg_content = $svg_role_img ? str_replace('

' . $svg_content . '

'; // return assembled svg (or div>svg) return $svg_content; }; ?>