Topic: [Resolved] Customising Freshine ySerif Theme for Buddy Press

[Resolved] Customising Freshine ySerif Theme for Buddy Press

@niwaroll

Participant

12 years, 7 months ago

Hey

I installed buddy press but I am having some difficulty finishing the 3rd step of the compatibility process. I cant seem to figure out what to edit! The site can be seen here http://tailoredtechug.com/bball and the theme demo is at http://themes.yoarts.com/yserif/

The theme files are here
http://tinypaste.com/c40b8c2a page.php
http://tinypaste.com/d65818f8 header.php

There is no index.php, sidebar.php or footer.php. Let me know if there are any other files you might need to view!

Thanks in advance.

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

@candy2012

Member

12 years, 7 months ago

I’d love to know how did you manage to post here at all – this place gave me headackes …

@mercime

Participant

12 years, 7 months ago

@candy2012 peace be with you too

@niwaroll Per initial scan, you only need to create three new files, header-buddypress.php, sidebar-buddypress.php and footer-buddypress.php

If you’ve revised any of the BP template files transferred to your yserif theme folder in server during the BP Compatibility process, please delete the 6 BP folders transferred to your yserif theme folder in server – activity, blogs, forums, members, groups, register – then re-run Appearance > BP Compatibility again to make sure that you have clean template files.

A. COPY your theme’s header.php and Save As > header-buddypress.php

Open up header-buddypress.php and at the bottom of the file, below other code contained within, add this:
`

<div id="f9-container" class="”>

<div id="post-” >

`

Save file.

@mercime

Participant

12 years, 7 months ago

B. Create a BLANK sidebar-buddypress.php

Open up the sidebar-buddypress.php file and add this
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save file.

C. Create a BLANK footer-buddypress.php file. That’s it. Keep this file blank.

D. Upload header-buddypress.php, sidebar-buddypress.php and footer-buddypress.php to your theme folder in server wp-content/themes/yserif/ at the same directory where your regular header.php and page.php files are in.

E. Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

Note: There are many sidebars in the theme, but no need to paste them here.

@niwaroll

Participant

12 years, 7 months ago

@mercime worked like a charm. They should include you in the next avengers cast! Thanks a bunch.

@niwaroll

Participant

12 years, 7 months ago

@candy2012 go to https://buddypress.org/community/groups/installing-buddypress/forum/ or the forum home page for whatever group you are trying to post in. Click new, head to the bootom of the page and post!

@mercime

Participant

12 years, 7 months ago

@niwaroll Next Avengers cast eh? Thanks, glad it worked out for you