BlueOwlCreative » Topic: Icon clickable http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/feed/ Fri, 17 Jul 2026 11:16:10 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33216 <![CDATA[Icon clickable]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33216 Mon, 17 Sep 2018 14:46:57 +0000 drunkfox Hello!
Please, is it possible to make an icon clickable?
e.g. how can I change this[icon type="icon-arrow-right-2"][/icon] if I want to add a URL link at the icon?
Thank you.

]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33217 <![CDATA[Reply To: Icon clickable]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33217 Wed, 19 Sep 2018 08:16:34 +0000 BlueOwl You need to modify the shortcode to receive an extra attribute and generate it in the markup output. For example:

[icon type="icon-arrow-right-2" link="www.google.com"][/icon]

then in the includes/shortcodes.php change the function for icon (shortcode_icon) to:

function shortcode_icon($atts, $content = null) {
	
	$str = '';
	if($atts["link"]) {
		$str.='<a href="'.$atts["link"].'"';
	}
	$str.='<span class="'.$atts["type"].'"></span>';
	
	if($atts["link"]) {
		$str.='</a>';
	}
	return $str;
}

that should do it.

]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33218 <![CDATA[Reply To: Icon clickable]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33218 Wed, 19 Sep 2018 14:43:01 +0000 drunkfox Thank you very much BlueOwl, it works perfectly!
I’m sorry to bother you, but I have one more question, please…
How can I add the attribute “_blank”?
Grazie mille!

]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33219 <![CDATA[Reply To: Icon clickable]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33219 Thu, 20 Sep 2018 06:35:25 +0000 BlueOwl On this line:

$str.='<a href="'.$atts["link"].'"';

Do this:

$str.='<a target="_blank" href="'.$atts["link"].'"';

]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33220 <![CDATA[Reply To: Icon clickable]]> http://blueowlcreative.com/support_wp/forums/topic/icon-clickable/#post-33220 Thu, 20 Sep 2018 11:57:05 +0000 drunkfox Thanks, you are the best!

]]>