The normal method to override BuddyPress templates is to copy the BP template files over to your theme folder. This is not the best way if you ever want to change themes and not have to move files!
This plugin creates a new template stack for BuddyPress. BuddyPress will look into this plugin first for its template files and if the file doesn't exist it will default to the core plugin.
There are also files to place custom javascript and css. Place custom javascript in bp-custom.js and css in bp-custom.css. There are also some files in /inc
that are there for code placement convenience. bp-custom.php
has some example code that BuddyPress contains that allows easy customization. You can customize any file in templates/buddypress/
. These override BuddyPress core plugin templates.
-
Like any other WordPress plugin, upload
wds-bp-project-framework
to yourwp-content/plugins
directory -
Activate from the WordPress Plugins screen.
After activating the plugin you can start adding custom code, css, javascript and edit the markup of the templates. There are currently no settings, although there maybe options in the future.
The WDS BP Project Framework now includes Bourbon, Neat, and Grunt.
Basic knowledge of the command line and the following dependencies are required:
- From the command line, change directories to your new theme directory
cd /your-project/wordpress/wp-content/plugins/wds-bp-project-framework
- Install dependencies
npm install && bower install
When NPM and Bower are finished, you are ready to compile Sass using Grunt. Commands are as follows:
- Watch Sass files for changes, and compile automatically:
grunt watch
- Compile all styles on demand:
grunt styles
- Compile javascript on demand:
grunt javascript
- Do it all:
grunt