Codex Home → Legacy Docs → Archived Section: Theme Development → Themes & the BuddyPress Template Pack
Themes & the BuddyPress Template Pack
Archived file. Good up to BP 1.6.5 version
To enable your existing WordPress theme for BuddyPress, please download and activate the BuddyPress Template Pack plugin. This will run you through the process step-by-step.
The Process At-A-Glance
This requires a working knowledge of HTML and CSS at the very least.
After you install and activate the BP Template Pack plugin, head over to admin dashboard > Appearance > BP Compatibility panel.
Step One: Moving template files automatically
BuddyPress needs some extra template files in order to display its pages correctly. This plugin will attempt to automatically move the necessary files into your current theme.
Click the button below to start the process.
Move Template Files
Click on 「Move Template Files」 link
Templates moved successfully!
Great news! BuddyPress templates are now in the correct position in your theme, which means that we can skip Step Two: Moving Templates Manually, and move directly to Step Three. Cool!
Continue to Step Three.
Click on 「move on to step three」 link
Step Three: Tweaking your layout
Now that the template files are in the correct location, check out your site. (You can come back to the current page at any time, by visiting Dashboard > Appearance > BP Compatibility.) You should see a BuddyPress admin bar at the top of the page. Try visiting some of the links in the 「My Account」 menu. If everything has gone right up to this point, you should be able to see your BuddyPress content.
If you find that the pages are not quite aligned correctly, or the content is overlapping the sidebar, you may need to tweak the template HTML. Please follow the 「fixing alignment」 instructions below. If the content in your pages is aligned to your satisfaction, then you can skip to the 「Finishing Up」 section at the bottom of this page.
Fixing Alignment
By default BuddyPress templates use this HTML structure:
[ CONTENT ]
If BuddyPress pages are not aligned correctly, then you may need to modify some of the templates to match your theme』s HTML structure. The best way to do this is to access your theme』s files, via FTP, at:
/xxxxx/wp-content/themes/twentyeleven/
Open up the page.php file (if this does not exist, use index.php) of your active/preferred WP theme. Make note of the HTML template structure of the file, specifically the div tags that surround the content and sidebar.
There are two methods for making the necessary template changes.
A. The first method is to change the HTML structure in the following BuddyPress template files which were transferred into your active/preferred WP theme to match the structure of your WP theme』s page.php or index.php file.
/activity/index.php
/blogs/create.php
/blogs/index.php
/forums/index.php
/groups/index.php
/groups/create.php
/groups/single/home.php
/groups/single/plugins.php
/members/index.php
/members/single/home.php
/members/single/plugins.php
/members/single/settings/delete-account.php
/members/single/settings/general.php
/members/single/settings/notifications.php
/registration/activate.php
/registration/register.php
B. Alternatively, you may find it easier to make copies of your theme』s header.php, sidebar.php and footer.php and rename them to header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php.
Then you can alter the structure of these new template files (header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php) to resemble your theme』s page.php (or index.php).
Once you are done matching up the HTML structure of your theme in these template files, please take another look through your site. You should find that BuddyPress pages now fit inside the content structure of your theme.
Finishing Up
You』re now all done with the conversion process. Your WordPress theme will now happily provide BuddyPress compatibility support. Once you hit the finish button you will be presented with a new permanent theme options page, which will allow you to tweak some settings.
Finish
Click on 「Finish」 link
Final Steps
__Disable BP Template Pack CSS
The BuddyPress template pack comes with basic wireframe CSS styles that will format the layout of BuddyPress pages. You can extend upon these styles in your theme』s CSS file, or simply turn them off and build your own styles.
___Disable BP Template Pack JS / AJAX
The BuddyPress template pack will automatically integrate the BuddyPress default theme javascript and AJAX functionality into your theme. You can switch this off, however the experience will be somewhat degraded.
Save Settings
NOTE: To remove the 「BuddyPress is ready」 message you will need to add a 「buddypress」 tag to your theme. You can do this by editing the style.css file of your active theme and adding the tag to the 「Tags:」 line in the comment header.
Navigation Links
You may want to add new navigation tabs or links to your theme to link to BuddyPress directory pages. The default set of links are:
Activity: http://yoursite.com/activity/
Members: http://yoursite.com/members/
Groups: http://yoursite.com/groups/
Forums: http://yoursite.com/forums/
Register: http://yoursite.com/register/ (registration must be enabled)
Blogs: http://yoursite.com/blogs/
Reset Setup
If you would like to run through the setup process again please use the reset button (you will start at step three if you haven』t removed the template files):
Reset
Template-Packed WordPress Themes
Default WordPress Themes
Twenty Eleven Theme – BuddyPress Codex Walkthrough, BP 1.5, using second method
Twenty Ten Theme – BuddyPress Codex Walkthrough, BP 1.5, using second method
WordPress Themes Repository
Admire Theme – TBA
Admired Theme – http://wp.me/p1I84P-1l
Adventure Journal Theme – BuddyPress Forums
Atahualpa Theme – BuddyPress Forums
anIMass Theme – BuddyPress Forums
Canyon Theme – BuddyPress Forums
Catch Box Theme – BuddyPress Forums
DailyPost Theme – BuddyPress Forums
Delicate Theme – BuddyPress Forums
Easel Theme – http://wp.me/p1I84P-1y
Esplanade Theme – http://wp.me/p1I84P-31
Graphene Theme – BuddyPress Forums
iFeature Free – BuddyPress Forums
Mammoth Theme – BuddyPress Forums
Mantra Theme – BuddyPress Forums
Minimatica Theme – BuddyPress Forums
Motion Theme – BuddyPress Codex Walkthrough, first method
Mystique Theme – BuddyPress Forums
Pinboard Theme – http://wp.me/p1I84P-V
Platform Theme – BuddyPress Forums
PulsePress Theme – http://wp.me/p1I84P-3t
Sliding Door Theme – BuddyPress Forums
Thematic Child Theme – BuddyPress Forums
TP Sunrise Theme – BuddyPress Forums
Wallow Theme – http://wp.me/p1I84P-3x
Weaver Theme – BuddyPress Forums
WP Creativix Theme – BuddyPress Forums
Yoko Theme – http://wp.me/p1I84P-3b
Other WordPress Themes
13th Floor, Elegant Themes – BuddyPress Forums
Aggregate Theme, Elegant Themes – BuddyPress Forums
Alyeska Theme, Themeforest – BuddyPress Forums
Amplifier Theme, Themeforest – BuddyPress Forums
Artisteer Theme, Artisteer – BuddyPress Forums
Avenue Theme, Themeforest – http://wp.me/p1I84P-3J
Backstreet Theme, Themeforest – http://wp.me/p1I84P-1p
Basic Theme, Elegant Themes – http://wp.me/p1I84P-1u
BlackLight Theme, Theme Junkie – BuddyPress Forums
Blogging News Theme, Colorlabs – BuddyPress Forums
Bold Theme, Solostream – BuddyPress Forums
Boulevard Theme, Themeforest – BuddyPress Forums
Canvas Child Theme, Wootheme – BuddyPress Forums
Canyon Theme, Themeforest – BuddyPress Forums
CelebrityPress Theme, Gorilla Themes – http://wp.me/p1I84P-3z
Chameleon Theme, Elegant Themes – http://wp.me/p1I84P-3L
Collection Theme, Theme Junkie – http://wp.me/p1I84P-1B
Complete Theme, WP Explorer – http://wp.me/p1I84P-1n
Continuum Theme, Themeforest – http://wp.me/p1I84P-36
Delicious Magazine Theme, Woothemes – BuddyPress Forums
Denizen Theme, Themeforest – BuddyPress Forums
Diner Theme, Woothemes – BuddyPress Forums
Duotive Three, Themeforest – BuddyPress Forums
Eclipse Theme, Themeforest – http://wp.me/p1I84P-1g
eNews Theme, Elegant Themes – BuddyPress Forums
Envision Theme, Themefuse – BuddyPress Forums
Evolution Theme, Elegant Themes – BuddyPress Forums
Facepress Theme, Themeforest – http://wp.me/p1I84P-O
Flare Theme, Themeforest – http://wp.me/p1I84P-2P
Fullscreen Business Portfolio Theme, Themeforest – BuddyPress Forums
Gonzo Theme, Themeforest – http://wp.me/p1I84P-K
Harmony Theme, Elegrant Themes – http://wp.me/p1I84P-3R
iFeature4 Pro, Cyberchimps – BuddyPress Forums
Insignio Portfolio Theme, Themeforest – BuddyPress Forums: two columns, full width
InStyle Theme, Elegant Themes – old version at and Version 2.7 at http://wp.me/p1I84P-3H
Karma Theme, Themeforest – BuddyPress Forums
Listings, Woothemes – BuddyPress Forums
Lucid Theme, Elegant Themes – http://wp.me/p1I84P-E
Memo Theme, Premium Pixels – BuddyPress Forums
Merchant Theme, Themeforest – http://wp.me/p1I84P-1b
Metrolo Theme, ThemeState – BuddyPress Forums
Minimosity Theme, Themeforest – http://wp.me/p1I84P-2X
Modernize Theme, Themeforest – http://wp.me/p1I84P-1J
Music Theme, Netlabs – http://wp.me/p1I84P-18
MusicLife Theme, Fthemes – http://wp.me/p1I84P-1D
Neu Theme, ColorLabs – BuddyPress Forums
Nevada Theme, Themeforest – http://wp.me/p1I84P-34
Paradise Theme, Themeforest – http://wp.me/p1I84P-3r
Peekaboo Theme, Themeforest – BuddyPress Forums
Professional Theme, Elegant Themes – BuddyPress Forums
Puretype Theme, Elegant Themes – BuddyPress Forums
Quik Gallery, WP Explorer – BuddyPress Forums
Quickstart Theme, Gabfire – BuddyPress Forums
Ray of Light Theme, Themeforest – BuddyPress Forums
Reaction Theme, Themeforest – BuddyPress Forums
Risen Theme, Themeforest – BuddyPress Forums
Sahifa Theme, Themeforest – http://wp.me/p1I84P-3m
Shoutbox Theme, Themeforest – BuddyPress Forums
Simpfolio Theme, Slimmity – http://wp.me/p1I84P-3i
Smileth Theme, MyReviewPlugin – BuddyPress Forums
SMPL Theme, Woothemes – BuddyPress Forums
Sportsmag, Magazine3 – http://wp.me/p1I84P-3f
Strings Theme, Themeforest – http://wp.me/p1I84P-3o
Swagger Theme, Themeforest – http://wp.me/p1I84P-1F
Swatch Theme, Woothemes – BuddyPress Forums
Telegraph Theme, WPZoom – BuddyPress Forums
The Morning After Theme, Woothemes – http://wp.me/p1I84P-2Z
The Secret World Theme – http://wp.me/p1I84P-3F
The Source Theme, Elegant Themes – BuddyPress Forums
TheStyle Theme, Elegant Themes – BuddyPress Forums
Unstandard Theme, Themetie – BuddyPress Forums
Vagenta Theme, Themeforest – http://wp.me/p1I84P-2M
Volt Theme, Themeforest – http://wp.me/p1I84P-3k
Wallbase Theme, Web2Feel – BuddyPress Forums
Wikeasi Theme, WooThemes – BuddyPress Forums
Wisdom of Life Theme, Themeforest – http://wp.me/p1I84P-15
Wowway Theme, Themeforest – http://wp.me/p1I84P-38D
WP Bold, Solostream (partial – registration only) – http://wp.me/p1I84P-2U
WP Chatter Theme, Solostream – BuddyPress Forums
WP Church Theme, Themeforest – BuddyPress Forums
WP Clear Theme, Solostream – BuddyPress Forums
WP ClearPhoto Theme, Solostream – BuddyPress Forums
WP ClearVideo Theme, Solostream – BuddyPress Forums
WP DaVinci Theme, Solostream – http://wp.me/p1I84P-1H
WP Flexishop Theme, Themeforest – BuddyPress Forums
WordPress Theme 778, Template-help.com – BuddyPress Forums
yserif Theme, Yoarts.com – BuddyPress Forums