BuddyPress.org

Ok, I finally put out enough fires on other projects to get back to this one…

I installed Font Awesome but I don’t like the icons, I have set that I can upload. I’m guessing I create a folder in my child theme for images and drop them there?

How do I reference my added images in this line of code:

<a href="http://facebook.com/<?php echo xprofile_get_field_data( 'Facebook', bp_displayed_user_id() );?>/" target="_blank" title="Facebook"><i class="icon-facebook"></i>FB</a>

Thanks

Ok, I created the font folder in my child theme and changed some of the icons to ones I like better but they still aren’t showing up on the profile.

Here is what is showing up under my name:
twitter.com/SandyFischler/" target="_blank" title="Twitter">Twitter www.facebook.com/sandy.fischler/" target="_blank" title="Facebook">Facebook"

Here is my code in functions.php

function bpfr_socialize_profile () {	

echo '<br>'; // don't remove !

if ( $data = bp_get_profile_field_data( 'field=Twitter ' ) ) : 
?>

<a href="http://twitter.com/<?php echo xprofile_get_field_data( 'Twitter', bp_displayed_user_id() );?>/" target="_blank" title="Twitter"><i class="fa fa-twitter-square"></i>Twitter</a>&nbsp;

<?php endif;

if ( $data = bp_get_profile_field_data( 'field=Facebook ' ) ) : 
?>

<a href="http://facebook.com/<?php echo xprofile_get_field_data( 'Facebook', bp_displayed_user_id() );?>/" target="_blank" title="Facebook"><i class="fa fa-facebook-square"></i>Facebook</a>		

<?php		
endif;
}
add_filter( 'bp_before_member_header_meta', 'bpfr_socialize_profile' );

That partly worked. I have the correct icon now, but it has no link and the code for the link is showing up as text.

This is my profile page in the current project…

http://stewartvillage.com/members/sandy/

@danbp, nope that doesn’t work. All that does is turns the link nonfunctional, which was why I took it out in the first place. I left the page with your code addition up (Facebook link now doesn’t work).

Since I’m not the only one with this issue, there has to be something more. I had the exact same issue with your snippet – the icons show up but they aren’t links and the text that shouldn’t show up does (and I tried it in two different themes with the same result).

AHA! @nscycwa that was it! I’m going to name my first plug-in after you.

I’m sure both solutions had the same issue – the field incorrectly set up for URL instead of text.

I’m going to do a separate post for the sake of posterity with both code snippet solutions and some basic instructions.

Best practices questions:

1. If one would like to be able to change themes easily, the ideal is to use the bp-custom.php snippet in the plugins folder, but the images should also live independently of the theme folder, no? Where is the ideal location for those? An “images” folder in “themes”?

2. The actual data that fills out that field in an extended profile can be either a full URL (www.linkedin.com/in/sandyfischler) or it can be just the account and the URL is part of the code (user just inputs sandyfischler). I’m thinking that for my older user base, it would be easier for them to just copy/paste a full URL. Any one have experience one way or another?