Changing the social link’s titles displayed on mouse hover

Here’s a quick snippet to change the title attribute of the social links that’s displayed when the mouse moves over the link’s icon.

By default, it can take two forms :

– for rss : Subscribe to my rss feed

– for the social networks : Follow me on [the social network]

Let’s say you want to switch to ‘our’ instead of ‘my’

add_filter('tc_default_socials' , 'change_link_title');
function change_link_title($socials) {
    foreach ($socials as $key => $value) {
        $socials[$key]['link_title'] = str_replace('Follow me', 'Follow us', $socials[$key]['link_title']);
        $socials[$key]['link_title'] = str_replace('Subscribe to my rss feed', 'Subscribe to our rss feed', $socials[$key]['link_title']);
    }
    return $socials;
}

Where to paste this code? => in your functions.php file. I strongly recommend to create a child theme. Download a start-up child theme here.

Everything you need to know about child theme with Customizr here.

26 thoughts on “Changing the social link’s titles displayed on mouse hover”

Trevor
2 May 2015, 21 h 03 min
At some point the verb used for Pinterest was changed to “pin” as in “pin me on Pinterest”.

To capture this one, just add the following line to the body of the original snippet.
```
$socials[$key]['link_title'] = str_replace('Pin me', 'Pin us', $socials[$key]['link_title']);
```
All together, it will look like this:
```
add_filter('tc_default_socials' , 'change_link_title');
function change_link_title($socials) {
    foreach ($socials as $key => $value) {
        $socials[$key]['link_title'] = str_replace('Follow me', 'Follow us', $socials[$key]['link_title']);
	$socials[$key]['link_title'] = str_replace('Pin me', 'Pin us', $socials[$key]['link_title']);        
	$socials[$key]['link_title'] = str_replace('Subscribe to my rss feed', 'Subscribe to our rss feed', $socials[$key]['link_title']);
    }
    return $socials;
}
```
- Nicolas
  4 May 2015, 7 h 04 min
  
  Thanks for sharing this code 🙂
Anna
4 October 2014, 8 h 28 min

hello Nicolas. I have a new question for you. I hope you know help me.
I replaced the original link of my feed, with a different url that points to feedbunrer, since I use this to show my feed.
the problem is that now instead of opening the link in a new page like other social opens in the same page of my site.
how do i open the link in a new page in feedburner?
I hope you will help me thanks
Anna
- Anna
  14 October 2014, 12 h 29 min
  
  ????
Philip
11 June 2014, 23 h 33 min

Hey Nicolas,

Great theme, much appreciated. I use Customizr with the Polylang plugin for a bilingual page. I also use the snippet above, so I was wondering whether there is a way to display the mouse hover text in the language that the user chose with the language selector in the menu.

Thanks in advance!
- Nicolas
  13 June 2014, 8 h 42 min
  
  Hi Philip, you might want to read this guide on how to use Polylang with the Customizr theme .
  Hope this helps
  - Philip
    13 June 2014, 10 h 05 min
    
    Thanks for the reply Nicolas. I used the article you referred to to set up my Customizr with Polylang, including the bridge-snippet, and all in all it works beautifully.
    
    I also read the other article “Changing the social link’s titles displayed on mouse hover ” in order to change the social links’ titles (from “Follow me” to “Follow us”), and it, too, works fine in itself.
    
    But even after re-reading the article you referred to, I could not find any mentioning of mouse-over-texts. To rephrase, what I am trying to achieve is that the mouse-over texts for the social icons are displayed in the language that the site is displayed in. Any ideas?
    
    Thanks in advance.
  - Philip
    13 June 2014, 10 h 11 min
    
    To rephrase yet again: mouse-over titles for the social icons change their language just fine, as long as the snippet from “Changing the social link’s titles displayed on mouse hover” is not involved.
Michael Sneed
3 June 2014, 20 h 08 min
I like this code.. nice and clear and actually very straightforward! Strangely enough I was able to change the Google + and LinkedIn text but the feed link text just won’t change:

Code I used:
```
 $value) {
        $socials[$key]['link_title'] = str_replace('Follow me on Google+', 'Follow us on Google+', $socials[$key]['link_title']);
        $socials[$key]['link_title'] = str_replace('Follow me on LinkedIn', 'Follow us on LinkedIn', $socials[$key]['link_title']);
        $socials[$key]['link_title'] = str_replace('Subscribe to my rss feed', 'Subscribe to our RSS feed', $socials[$key]['link_title']);
    }
    return $socials;
}
?>
```
Any thoughts maybe why I can’t get the feed link title to change?

Thanks!
Michael
- Michael Sneed
  13 June 2014, 17 h 50 min
  
  I tried again and used the code above.. and it worked fine.. thanks!
Mike
3 May 2014, 22 h 09 min

I think I just solved that – Here’s the reason it was not working for the RSS feed:

SNIPPET TYPO:
“Suscribe” instead of “Subscribe”

I guess the code was calling to replace “suscribe”, but because there is no actual “suscribe” to call-onto, it did not replace what it could not locate in the first place. Once I changed all instances of “suscribe” to “subscribe” (With the ‘B’), within the code, the snippet worked like a charm!
- Mike
  3 May 2014, 22 h 11 min
  
  Perhaps update the snippet to reflect the correct spelling? That would save people some reading and a bit of a headache! Thanks!
  - Nicolas
    4 May 2014, 20 h 26 min
    
    Thanks for this correction Mike!
    Best whishes
Mike
3 May 2014, 22 h 05 min

I tried utilizing this snippet to change the “Follow my” and “follow me” – It seems to have worked for ALL social icons (EXCEPT) the RSS Feed, which still shows “Follow my” instead of “our”. I have deleted and re-added the snippet various times, and it always works perfectly for everything except the RSS feed. Any ideas?
Jennifer Wenzel
6 March 2014, 5 h 46 min

Greetings! I was wondering if I can change the font in the header of my new Customizr site? I would like a prettier font for my tagline, and moving it to the left would be great too. Thanks!
- Nicolas
  7 March 2014, 8 h 52 min
  
  Hi Jennifer, you can easily do that with simple css customizations in the Customizr theme.
  
  If you are new to Customizr (and WordPress), you might want to read this short guide on how to customize Customizr.
  
  Then check this guide on CSS essentials in Customizr.
  
  Hope this helps!
Johnnie G.
19 February 2014, 19 h 46 min

Nicolas,
I’m trying to put the social links in a separate custom menu. Having a hard time figuring out the hooks and filters without the dev tools.

Would you be able to point me in the right direction to find a hook/filter to remove the social-block and place it some where else or to override tc_render_menu()?

Thanks
- Johnnie G.
  19 February 2014, 20 h 03 min
  I think I answered my own questions. Found this snippet that will help with removing the socials icons on http://www.presscustomizr.com/snippet/center-header-block-items/
  
  // SOCIAL ICONS // // center the output of tc_social_in_header: add_filter('tc_social_in_header', 'rdc_social_in_header'); function rdc_social_in_header($output) { return preg_replace('|span5|', 'span12', $output); }
  
  This also helps me understand the Customizr filters a little more 🙂
  - Nicolas
    20 February 2014, 9 h 21 min
    
    Thanks for this feedback Johnnie!
    I will come with a “hook map” of the Customizr theme pretty soon to help users find the right filters and actions.
    Best
Michael
14 February 2014, 4 h 37 min

Hi Nic,
I asked the question in the forum, you guys are amazing, love the theme!
- Nicolas
  14 February 2014, 9 h 41 min
  
  Hi Michael, please share the link of your thread in the WP forum!
  Thanks
  - Michael
    19 February 2014, 20 h 50 min
    
    here is a link to the question! https://wordpress.org/support/topic/edit-the-words-subscribe-to-my-feed?replies=4
John Brzezinski
10 February 2014, 19 h 21 min

For those like me, who need a bit more direction: I pasted this snippet at the very bottom of the functions.php file, after “new TC___;” and it worked like a charm.

p.s. Thanks to Nicolas for his continued attention to Customizr!
- Nicolas
  10 February 2014, 19 h 45 min
  
  Hi John and thanks for this feedback!
  
  I recommend to use a child theme for your customizations => this way you won’t loose them on update.
  More about child theme here : http://www.presscustomizr.com/snippet/creating-child-theme-customizr/
Thierry Liu
9 February 2014, 1 h 19 min

This is great, but how can we change it and keep the translation function ?

Without these lines of codes, the “follow-me” is automaticly translated to the two other languages of my site, French and simplified Chinese (qTranslate) and your nice language bar. You can have a look here : kreega.com.

Best regards.
Douwe Pieter
6 February 2014, 15 h 15 min

Thank you Nicolas, this worked like a charm!

Comments are closed.

AUTHOR

Press Customizr

26 thoughts on “Changing the social link’s titles displayed on mouse hover”