I couldn’t find a way to place an image tag in there, so I did as Tom J Nowell suggested. I added a class and using CSS I made the text disappear and have the logo image appear in its place. It seems to work fine.
You could replace the function that is getting the svg image like so: <nav class=”social-navigation” role=”navigation” aria-label=”<?php esc_attr_e( ‘Footer Social Links Menu’, ‘twentyseventeen’ ); ?>”> <?php wp_nav_menu( array( ‘theme_location’ => ‘social’, ‘menu_class’ => ‘social-links-menu’, ‘depth’ => 1, ‘link_before’ => ‘<span class=”screen-reader-text”>’, ‘link_after’ => ‘</span><img src=”‘.get_home_url().’/path/to/image.png”>’, ) ); ?> </nav><!– .social-navigation –>
By default, WP does not allow SVG uploads, and you should get that error. Preventing SVG uploads is a security feature (which I explain below). I can’t help you debug your function, because that is beyond my expertise, but I can suggest a work around. You can use a plugin like SafeSVG (https://wordpress.org/plugins/safe-svg/) to enable … Read more
I think that WordPress currently not allow the svg tag in his editor. But you can change this, see this answer for more hints, background. I think the follow small source should help you to allow this tag and his attribute. Copy in a plugin (add a plugin header) and activate. But I think, that … Read more
You don’t need to copy the inc/icon-functions.php file and include/require it from the child theme — remember that the parent theme will also load the same file/functions and that would result in a PHP error if you did not rename the functions in the copied file. So try these: (You’ve already done this properly, as … Read more
Sorry to say, but it’s not possible, because none of the elements from the SVG are read in the DOM, so CSS and Javascript don’t see them. All it sees is the <img> block, none of its contents. You have to import your SVGs into the page to have them be able to be manipulated. … Read more
Ok, this is what I did: First, I replicated classes/class-twentynineteen-svg-icons.php to the child theme. Renamed to class-mytheme-svg-icons.php. Added a extend with my New_SVG_Icons class: class New_SVG_Icons extends TwentyNineteen_SVG_Icons { /** * Gets the SVG code for a given icon. */ public static function get_svg( $group, $icon, $size ) { if ( ‘ui’ == $group ) … Read more
You’ll also need to add “svg” to the list of valid extensions in WP_Customize_Image_Control: $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, ‘themeslug_logo’, array( ‘label’ => __( ‘Logo’, ‘themeslug’ ), ‘section’ => ‘themeslug_logo_section’, ‘settings’ => ‘themeslug_logo’, ‘extensions’ => array( ‘jpg’, ‘jpeg’, ‘gif’, ‘png’, ‘svg’ ), ) ) );
I agree with Tom J Nowell on the use of SVG, but if the upload is an actual image, you can tap into the attachment attributes using, as you suggested, wp_get_attachment_image_src. Those dimensions are actually already recorded and stored when using the WP media uploader, it’s likely that the plugin you’re using makes use of … Read more
It’s because that’s not how you should include an SVG in PHP, include_once is used for including PHP files. Reason behind this error: PHP Parse error: syntax error, unexpected version (T_STRING) is that PHP was unable to parse the beginning of the SVG file at the point where the XML version was defined: <?xml version=”1.0″ … Read more