How to add my icons for social links apart from FB, Insta, Youtube

Resolved steffen72
(@steffen72)

3 years, 3 months ago

Hi,

I really like Sintra and seek some advice for the following.

Sinatra has the Social Links Widget. When the link is referring to a big SNS (such as FB, Instagram, Youtube), then the matching icons (from the feathericons-set) are taken automatically and displayed nicely. This is nice.

However, if the social link refers to, for example, Naver (the largest SNS in Korea which I need to link to), then the “external-link” icon is used (as a default, I believe), because the feathericon-set does not have a dedicated icon for Naver.

My question is: how can I set use a defined icon (for example, I have an icon for Naver blog) when I use the social link widget?

Any advice would be much appreciated! Thank you very much.

Best,

Steffen

Viewing 2 replies - 1 through 2 (of 2 total)

(@hzlateska)

Hello Steffen,

You can add your custom icon for Naver using this code snippet:

function custom_sinatra_nav_menu_social_icons( $item_output, $item, $depth, $args ) {

	if ( false !== strpos( $args->menu_class, 'sinatra-socials-menu' ) && false !== strpos( $item_output, 'naver.com' ) ) {
		$item_output = str_replace( $args->link_after, '</span>NAVER ICON GOES HERE', $item_output );
	}

	return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'custom_sinatra_nav_menu_social_icons', 10, 4 );

Change NAVER ICON GOES HERE with html code for the icon you want to use.

Add the code to functions.php of Sinatra Child theme or use a plugin for custom code such as Code Snippets.

Theme Author

sinatrateam

(@sinatrateam)

3 years, 2 months ago

Resolving this issue.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to add my icons for social links apart from FB, Insta, Youtube’ is closed to new replies.

Views