Simple social icon – adding phone number URL

[Saqib Ali]

I'd like to add my phone number to the phone field within the Simple social icon widget.

Within my contact page, I've done it the usual way, whereby a user is able to click on the link below and it'll automatically add the telephone to their phone but it

<div class="phone-info"><strong>Phone</strong>:<a href="tel://01582 452424">01582 452424</a> </div>

How would I go about doing the same within using this plugin?

[Victor Font]

Simple Social Icons has a filter you can use to add your own icons. The filter is simple_social_default_profiles and is applied at line 106 of simple-social-icons.php. The way you use this filter is to add code similar to this in your functions.php

add_filter('simple_social_default_profiles', 'my_custom_icon');
function my_custom_icon( $profiles ) {
    
    $profiles[] = 'telephone' => array(
				'label'   => __( 'Telephone URI', 'simple-social-icons' ),
				'pattern' => '<li class="ssi-telephone"><a href="tel:%s" %s><svg role="img" class="social-telephone" aria-labelledby="social-telephone"><title id="social-telephone">' . __( 'Telephone', 'simple-social-icons' ) . '</title><use xlink:href="' . esc_url( plugin_dir_url(__FILE__) . 'symbol-defs.svg#social-email' ) . '"></use></svg></a></li>',
			),
			
    return $profiles;
}

You'll have to figure out the graphics yourself and finish debugging this code. This code is not tested and is meant only as an example. SSI uses SVG images for its icons. The SVG code is still in the above example, but you'll have to change it to the image of your choice.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts