New to the community? Start here

BP Social Theme customization

I’d like to make some change to the themes:

– change the Home Picture (the one with the “box head boy”:wink:

– change the footer (insert link and txt) 2009(c) Buddypress Theme in Action etc

– insert some link (hardcoded) in the headerbar. near “Visit”

– insert an image under the Welcome back “user”

Can you tell me the file I need to change?

There’s a way to proceed in order not to lose the changes in case of future template update?

Thanks

Thu, 11 Feb 2010 10:57:40
  • Stef1978
    • The Incredible Code Injector

    – change the Home Picture (the one with the “box head boy”:wink:

    themes/bp-social/_inc/images/header.jpg

    Or feature a post with an image.. (this automatically replaces the default picture)

    – change the footer (insert link and txt) 2009(c) Buddypress Theme in Action etc

    The footer is will be changed to your blog name with a new installation.

    You can find the text in the footer in themes/bp-social/footer.php

    You have to wait for Richard for your last 2 questions.

  • Richie_KS
    • HummingBird

    thanks Stef for answer the first 2 question:slight_smile:

    insert some link (hardcoded) in the header bar. near “Visit”

    copy paste this to functions.php

    /*use this enter extra link inside 'visit' menu */

    function my_custom_bp_link() { ?>

    < li >< a href="#" >HELLO WORLD< /a >< /li >

    <?php }

    add_action('bp_adminbar_random_menu','my_custom_bp_link',1);

    /*use this enter extra link in admin menu with align to right near visit */

    function my_custom_bp_menu_link() { ?>

    < li id="bp-adminbar-extra_menu" class="align-right" style="right: 60px;" >

    < a href="#" >HELLO WORLD< /a >

    < ul >

    < li >< a href="#" >sublink1< /a> < /li >

    < li >< a href="#" >sublink2< /a > < /li >

    < li>< a href="#" >sublink3< /a > < /li >

    < li >< a href="#" >sublink4< /a > < /li >

    < /ul >

    < /li >

    <?php }

    add_action('bp_adminbar_menus','my_custom_bp_menu_link',1);

    they are 2 way..choose one that suit you…edit the the links to your own link

    note: if you copy paste.please make sure remove spacing on html <spacelispace>

    – insert an image under the Welcome back “user”

    what kind of image?

    if its user avatar, just open topbar.php. in line 10+, there should be code similiar to this

    <li id="li-user"><?php _e('Welcome back'); ?>, <?php bp_loggedinuser_link() ?>

    edit to this

    <li id=”li-user”><?php bp_loggedin_user_avatar( ‘width=20&height=20’ ) ?> <?php _e(‘Welcome back’:wink:; ?>, <?php bp_loggedinuser_link() ?>

    *bold – added/edited text

    basically if want to add image also can be like this

    <li id=”li-user”><?php _e(‘Welcome back’:wink:; ?>, <?php bp_loggedinuser_link() ?>
    <!– your img scr here –>

    cheers