Buddypress template pack

Buddypress template pack DEFAULT

Themes & the BuddyPress Template Pack

Codex Home→ Legacy Docs→ Archived Section: Theme Development→ 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.


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!

.
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:

<?php get_header( 'buddypress' ); ?> <div id="content"> <div class="padder"> [ CONTENT ] </div><!-- .padder --> </div><!-- #content --> <?php get_sidebar( 'buddypress' ); ?> <?php get_footer( 'buddypress' ); ?>

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.


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.

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):

Template-Packed WordPress Themes

Default WordPress Themes

WordPress Themes Repository


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

Sours: https://codex.buddypress.org/legacy/theme-development/wordpress-to-buddypress-theme/
<?php/** * Functions of BuddyPress's "Nouveau" template pack. * * @since 1.0.0 * * @buddypress-template-pack { * Template Pack ID: nouveau * Template Pack Name: BP Nouveau * Version: 1.0.0 * WP required version: 4.5 * BP required version: 2.7-alpha * Description: A new template pack for BuddyPress! * Text Domain: bp-nouveau * Domain Path: /languages/ * Author: The BuddyPress community * Template Pack Link: https://github.com/buddypress/next-template-packs/bp-templates/bp-nouveau * Template Pack Supports: activity, blogs, friends, groups, messages, notifications, settings, xprofile * }} */// Exit if accessed directly.defined( 'ABSPATH' ) || exit;/** Theme Setup ***************************************************************//** * Loads BuddyPress Nouveau Template pack functionality. * * See @link BP_Theme_Compat() for more. * * @since 1.0.0 */classBP_NouveauextendsBP_Theme_Compat {/** * Instance of this class. */protectedstatic$instance = null;/** Functions *************************************************************//** * Return the instance of this class. * * @since 1.0.0 */publicstaticfunctionget_instance() {// If the single instance hasn't been set, set it now.if ( null === self::$instance ) {self::$instance = new self; }returnself::$instance; }/** * The BP Nouveau constructor. * * @since 1.0.0 */publicfunction__construct() {parent::start();// Include needed files$this->includes();// Setup features support$this->setup_support(); }/** * BP Nouveau global variables. * * @since 1.0.0 */protectedfunctionsetup_globals() {$bp = buddypress();foreach ( $bp->theme_compat->packages['nouveau'] as$property => $value ) {$this->{$property} = $value; }$this->includes_dir = trailingslashit( $this->dir ) . 'includes/';$this->lang_dir = trailingslashit( $this->dir ) . 'languages';$this->domain = 'bp-nouveau';$this->directory_nav = newBP_Core_Nav(); }/** * Includes! * * @since 1.0.0 */protectedfunctionincludes() {require$this->includes_dir . 'functions.php';require$this->includes_dir . 'classes.php';require$this->includes_dir . 'template-tags.php';// Test suite requires the AJAX functions early.if ( function_exists( 'tests_add_filter' ) ) {require$this->includes_dir . 'ajax.php';// Load AJAX code only on AJAX requests. } else {add_action( 'admin_init', function() {if ( defined( 'DOING_AJAX' ) && true === DOING_AJAX ) {require$this->includes_dir . 'ajax.php'; } }, 0 ); }add_action( 'bp_customize_register', function() {if ( bp_is_root_blog() && current_user_can( 'customize' ) ) {require$this->includes_dir . 'customizer.php'; } }, 0 );foreach ( bp_core_get_packaged_component_ids() as$component ) {$component_loader = trailingslashit( $this->includes_dir ) . $component . '/loader.php';if ( ! bp_is_active( $component ) || ! file_exists( $component_loader ) ) {continue; }require( $component_loader ); }do_action_ref_array( 'bp_nouveau_includes', array( &$this ) ); }/** * Setup the Template Pack features support. * * @since 1.0.0 */protectedfunctionsetup_support() {$width = 1300;$top_offset = 150;$avatar_height = apply_filters( 'bp_core_avatar_full_height', $top_offset );if ( ! empty( $GLOBALS['content_width'] ) ) {$width = $GLOBALS['content_width']; }if ( $avatar_height > $top_offset ) {$top_offset = $avatar_height; }bp_set_theme_compat_feature( $this->id, array('name' => 'cover_image','settings' => array('components' => array( 'xprofile', 'groups' ),'width' => $width,'height' => $top_offset + round( $avatar_height / 2 ),'callback' => 'bp_nouveau_theme_cover_image','theme_handle' => 'bp-nouveau', ), ) ); }/** * Setup the Template Pack common actions. * * @since 1.0.0 */protectedfunctionsetup_actions() {// Filter BuddyPress template hierarchy and look for page templates.add_filter( 'bp_get_buddypress_template', array( $this, 'theme_compat_page_templates' ), 10, 1 );// Add our "buddypress" div wrapper to theme compat template parts.add_filter( 'bp_replace_the_content', array( $this, 'theme_compat_wrapper' ), 999 );// We need to neutralize the BuddyPress core "bp_core_render_message()" once it has been added.add_action( 'bp_actions', array( $this, 'neutralize_core_template_notices' ), 6 );// Output Nouveau 'forsaken' hook error messages to WP debug log./** Scripts ***********************************************************/add_action( 'bp_enqueue_scripts', array( $this, 'register_scripts' ), 2 ); // Register theme JS// We won't use this.remove_action( 'bp_enqueue_scripts', 'bp_core_confirmation_js' );add_action( 'bp_enqueue_scripts', array( $this, 'enqueue_styles' ) ); // Enqueue theme CSSadd_action( 'bp_enqueue_scripts', array( $this, 'enqueue_scripts' ) ); // Enqueue theme JSadd_filter( 'bp_enqueue_scripts', array( $this, 'localize_scripts' ) ); // Enqueue theme script localization/** Body no-js Class **************************************************/add_filter( 'body_class', array( $this, 'add_nojs_body_class' ), 20, 1 );// Ajax querystringadd_filter( 'bp_ajax_querystring', 'bp_nouveau_ajax_querystring', 10, 2 );// Register directory nav itemsadd_action( 'bp_screens', array( $this, 'setup_directory_nav' ), 15 );// Register the Default front pages Dynamic Sidebarsadd_action( 'widgets_init', 'bp_nouveau_register_sidebars', 11 );// Register the Primary Object nav widgetadd_action( 'bp_widgets_init', array( 'BP_Nouveau_Object_Nav_Widget', 'register_widget' ) );// Set the BP Uri for the Ajax customizer previewadd_filter( 'bp_uri', array( $this, 'customizer_set_uri' ), 10, 1 );/** Override **********************************************************//** * Fires after all of the BuddyPress theme compat actions have been added. * * @since 1.0.0 * */do_action_ref_array( 'bp_theme_compat_actions', array( &$this ) ); }/** * Enqueue the template pack css files * * @since 1.0.0 */publicfunctionenqueue_styles() {$min = bp_core_get_minified_asset_suffix();$rtl = '';if ( is_rtl() ) {$rtl = '-rtl'; }$css_dependencies = apply_filters( 'bp_nouveau_css_dependencies', array( 'dashicons' ) );$styles = apply_filters( 'bp_nouveau_enqueue_styles', array('bp-nouveau' => array('file' => 'css/buddypress%1$s%2$s.css', 'dependencies' => $css_dependencies, 'version' => $this->version, ), ) );if ( $styles ) {foreach ( $stylesas$handle => $style ) {if ( ! isset( $style['file'] ) ) {continue; }$file = sprintf( $style['file'], $rtl, $min );// Locate the asset if needed.if ( false === strpos( $style['file'], '://' ) ) {$asset = bp_locate_template_asset( $file );if ( empty( $asset['uri'] ) || false === strpos( $asset['uri'], '://' ) ) {continue; }$file = $asset['uri']; }$data = wp_parse_args( $style, array('dependencies' => array(),'version' => $this->version,'type' => 'screen', ) );wp_enqueue_style( $handle, $file, $data['dependencies'], $data['version'], $data['type'] );if ( $min ) {wp_style_add_data( $handle, 'suffix', $min ); } } } }/** * Register Template Pack JavaScript files * * @since 1.0.0 */publicfunctionregister_scripts() {$min = bp_core_get_minified_asset_suffix();$dependencies = bp_core_get_js_dependencies();$bp_confirm = array_search( 'bp-confirm', $dependencies ); unset( $dependencies[ $bp_confirm ] );$scripts = apply_filters( 'bp_nouveau_register_scripts', array('bp-nouveau' => array('file' => 'js/buddypress-nouveau%s.js','dependencies' => $dependencies,'version' => $this->version,'footer' => true, ), ) );// Bail if no scriptsif ( empty( $scripts ) ) {return; }// Add The password verify if needed.if ( bp_is_active( 'settings' ) || bp_get_signup_allowed() ) {$scripts['bp-nouveau-password-verify'] = array('file' => 'js/password-verify%s.js','dependencies' => array( 'bp-nouveau', 'password-strength-meter' ),'footer' => true, ); }foreach ( $scriptsas$handle => $script ) {if ( ! isset( $script['file'] ) ) {continue; }$file = sprintf( $script['file'], $min );// Locate the asset if needed.if ( false === strpos( $script['file'], '://' ) ) {$asset = bp_locate_template_asset( $file );if ( empty( $asset['uri'] ) || false === strpos( $asset['uri'], '://' ) ) {continue; }$file = $asset['uri']; }$data = wp_parse_args( $script, array('dependencies' => array(),'version' => $this->version,'footer' => false, ) );wp_register_script( $handle, $file, $data['dependencies'], $data['version'], $data['footer'] ); } }/** * Enqueue the required JavaScript files * * @since 1.0.0 */publicfunctionenqueue_scripts() {wp_enqueue_script( 'bp-nouveau' );if ( bp_is_register_page() || bp_is_user_settings_general() ) {wp_enqueue_script( 'bp-nouveau-password-verify' ); }if ( is_singular() && bp_is_blog_page() && get_option( 'thread_comments' ) ) {wp_enqueue_script( 'comment-reply' ); }do_action( 'bp_nouveau_enqueue_scripts' ); }/** * Adds the no-js class to the body tag. * * This function ensures that the <body> element will have the 'no-js' class by default. If you're * using JavaScript for some visual functionality in your theme, and you want to provide noscript * support, apply those styles to body.no-js. * * The no-js class is removed by the JavaScript created in buddypress.js. * * @since 1.0.0 *
Sours: https://github.com/buddypress/next-template-packs/blob/master/bp-templates/bp-nouveau/buddypress-functions.php
  1. Midlands humane society
  2. Arcadia lighting guide
  3. Asus mobile manager
  4. Nikki dee weather

The Suffusion BuddyPress Pack will help extend BuddyPress capabilities to your existing Suffusion installation. This plugin replaces the former extension pack.

Requirements

To use this plugin you have to be on:

  1. WordPress 3.0 or higher
  2. Suffusion 3.6.8 or higher.
  3. BuddyPress 1.2 or higher

Recommendations

This plugin works best if you set up a child theme of Suffusion as described. The plugin will operate by copying sub-directories into the child theme’s folder. If you are creating a child theme, in your child theme’s style.css put in this line in the comments, after :

This will eliminate the message saying that your theme is not BP-compatible.

Also note that if you have the BuddyPress Template Pack plugin installed, it should be deactivated. Having it active can cause conflicts with this plugin.

How to Install

The plugin can be installed in several ways:

  1. Through the Admin Dashboard
    1. Navigate to Plugins → Add New in your dashboard
    2. Search for “suffusion”. The “Suffusion BuddyPress Pack” comes up as a match.
    3. Install it, then activate it.
  2. Through FTP
    1. Download the latest version from the WP repository.
    2. Navigate to Plugins → Add New → Upload in your dashboard. Then upload the zip file that you just downloaded.
    3. Alternatively, unzip the downloaded file, then FTP its contents to .
    4. Activate it from the plugins dashboard.

How to Use

The plugin creates a new menu item, Appearance → Suffusion BP Pack. Once you click on that, you will see the capability to (Re)Build BP Files. If you click on this button, all your BP-specific templates will be regenerated. You can selectively pick specific folders that you want to overwrite.Note that this action is irreversible.

The following core BP folders can be copied:

  1. activity
  2. blogs
  3. forums
  4. groups
  5. members
  6. registration

In addition the following optional folders might be copied, to support additional plugins:

  1. album – To support the BuddyPress Album+ plugin.
  2. bp-links-default – BuddyPress Links
  3. jet-event-system – Jet Event System for BuddyPress

How to Extend

If you wish to get the support added for other plugins, please use the Support Forum. If it is possible to extend support for the plugin I will do so. Alternatively you can contact the plugin’s support to see if they allow their templates to be overridden by themes. If so, you can create the skeleton for the plugin yourself in a few steps.

  1. Copy over the template files to your Suffusion child theme. E.g. For the BuddyPress Album+ plugin copy over the folder called under to your child theme.
  2. Open the main file. Typically it is or or . Default BuddyPress markup in that file would look like this:
  3. This will have to be changed appropriately for Suffusion:

    Note that you shouldn’t include the sidebar code – Suffusion’s functions take care of that.

Please use the support forum for queries.

Sours: https://aquoid.com/plugins/suffusion-buddypress-pack/

BuddyDev

Anu Sharma in BuddyPress

What is BuddyPress template pack:-

A template pack is a set of template files(template parts) used by the plugins to provide theme compatibility. By theme compatibility, we mean adding support for the features offered by these plugins to any WordPress theme without extra effort. The template packs are provided to lower the entry barrier for the usage of these plugins.

BuddyPress template pack is a mechanism used by BuddyPress to offer a set of template packs which can be used with any theme. These template packs allow us to have one or more set of fallback templates which provide various features support to any WordPress theme.

A BuddyPress Template Pack consists of multiple template files called template parts(example:- members-loop.php for members list and so on), some assets(like css/js) and the code for registering the template pack*.

Which template packs are available for BuddyPress:-

BuddyPress comes with two template packs out of the box. They are:-

  • BuddyPress Legacy
  • BuddyPress Nouveau

How to use or enable/disable a BuddyPress template pack:-

To use a BuddyPress template pack, please login to your WordPress dashboard and follow these steps.

Visit Dashboard->Settings-BuddyPress->Options

You will find the dropdown to select a template pack as shown below.

Screenshot showing the BuddyPress template pack dropdown in BuddyPress Setting.

By default, It consists of the BuddyPress Legacy/BuddyPress Nouveau template packs as shown below.

Note:- There may be other template packs if a 3rd party plugin decides to register their own template pack for BuddyPress.

What is the difference between BuddyPress Legacy and BuddyPress Nouveau template pack?

BuddyPress Legacy is the first template pack which came with BuddyPress. It was a successor of the bp-default theme(we may post about it some other day for the history buffs). BuddyPress Legacy was shipped with BuddyPress 1.7 to add theme compatibility for all WordPress themes.

This template pack is widely used and supported by plugins and themes. It is very easy to understand and adapt or override.

BuddyPress Nouveau is the new bold re-imagining of legacy templates. Nouveau delivers modern markup with fresh JavaScript-powered templates, and full integration with WordPress Customizer, allowing more out-of-the-box control of your BuddyPress content than ever before.(in the words of BuddyPress team).

Our feelings about BuddyPress Nouveau:-

I asked our developers for their feedback about this template pack and the following paragraph represents our opinion.

[rant]

In our opinion(BuddyDev team), Nouveau is a misplaced priority says Brajesh. It makes the developers life difficult( try reading through activity post form js code). It obscures actions and filters. Try finding hook in an IDE. It seems the current state of the nouveau template pack is not what it is advertised to do.

Extending it is not easy. You can save a lot of time and trouble with legacy template pack. Using Backbone js was another bad choice(our opinion). The goal of a software should be simple and easily understandable in order to be maintainable and extensible, but the dynamic hooks and that too with the nested calls to functions to generate them is a developer's nightmare. It seems this template pack is created to make sure people can not extend it much using plugins.

By the way, how many people think learning backbone js has any incentive in today's world(or had in 2018 when this template pack was released)? We are not against Backbone.js though, It is a great framework. They way it has been used in Nouveau is bad.

Other than being advertised as the hip and the new shiny thing, we still have to see the real advantage.  Being JS driven can not be considered a feature for a template pack.

[/end of rant]

Which template pack should you use:-

It depends on 2 things:-

  • Are you using a custom theme? Does it recommend a specific template pack. If yes, Use it.
  • If your answer is no, Please feel free to try both and use the one you like most.

Should you use your own theme with the BuddyPress template pack or should you use a BuddyPress specific theme?

It depends a lot on your personal preference and the state of your site. If you are starting with a community, I recommend going with a BuddyPress specific theme.

If you have an existing site and you need limited community features, you may want to adapt the template packs to your current theme to keep it inline with the current experience of the user.

That's all for today. In the next post, we will see how to override BuddyPress templates in your theme.

Please do share your thoughts or questions about the template packs in the comment below. It will help us bring more clarity in the future posts.

Sours: https://buddydev.com/an-introduction-to-buddypress-template-packs/

Pack buddypress template

BP Nouveau - Next Generation Template Packs

This repo is a work in progress and represents the work to bring the next generation of improved,radically updated and re-worked BuddyPress templates to completion.

The estimated time of arrival is hopefully to be around the end of the current BP 2.8 release cycle, however that may be delayed depending on how functional and tested the theme is.

Ongoing development

N.B. Development has now moved over to BP Core as the project has been committed. https://buddypress.trac.wordpress.org/search?q=Nouveau&noquickjump=1&ticket=on

Any bugs or enhancements can be raised in a ticket on BP's trac home linked to above.

Some notes about the progess so far...

The initial backend prep has been provided by imath, adding the base templates and a good deal of new and customized functionality such as backbone views for component loops along with an advanced structure for includes below can be seen screen shots & explanations of some of the features imath has added to improve various components.

A new and updated approach to SCSS partial style files is provided and itteration over these to establish a whole new styling and layout for this and future packs/themes is nearing completion.

This repo is designed to work as a plugin and is fully functional representing a template pack and tools to manage template packs!

Once activated, this plugin will first create a new Admin tabs in the BuddyPress settings Template Packs. It displays a list of the available template packs for the site and it helped me to come back to Legacy while building the "BP Nouveau" one. This screenshot will explain itself what this UI could bring to the user... The Primary Nav Widget

N.B. For testing please add to your wp-config.php file just below the wp_debug define or set from false to true if already present.

The supports column is there to inform what components are supported by the template pack. For instance, the "Retired" forums component is not supported by this template pack (for now...)

Another tool is more for developers: the directory tools/i18n of this repo contains a script to easily create a pot file for a standalone template pack. So far we haven't figured out this as Legacy is using the 'buddypress' text domain, but as it's possible with this plugin to add new template packs inside the repository (or any other location using the and filters by the way) I thought this possibility was lacking ( doesn't match our needs i think).

Primary nav, horizontally or vertically thanks to a widget!

I've added new templates to be able to load the primary nav dynamically: where it is today or in a widget. This leaves the choice to the user about the layout of this area. (horizontally or vertically) The Primary Nav Widget

Javascript - updated and improved

A primary focus has been on Javascript and Ajax actions, by trying to split the huge buddypress.js file into smaller parts, loading it into the footer and loading smaller parts only when needed and by using json replies into the Ajax actions.

A more dynamic activity stream

  • Search! Actually i've added search almost everywhere i could :)
  • "Timesinces" are updated thanks to Heartbeat
  • Dynamic tabs to inform if new activities are coming from members, friends, mentions...
  • Other Heartbeat improvements. The Activity stream

I haven't included the things i've been working on for the Activity post form, because it needs some more work on my side. But this video demonstrates it.

A new private messages UI

  • Rich text editor

  • single page App.

  • Use the @mentions script to contact any member of the community The compose screen

  • New UI, looking a bit like a regular Email software :) The compose screen

Here's a full preview of this new UI.

An important choice i've made was to move the Site wide notices out of this UI because the objects are really different. I think this should live in the notifications component by the way.. So you'll find the sitewide notices into the WordPress Administration as a sub menu of the Users one. Add new notices

FYI, you'll find notice errors we'll need to fix upstreamThe bubble

Here's how it looks on the front-end, once the user clicks on the bubble: User's profile header

A new Group's invite UI

Our current UI is really improvable imho. It lacks user feedback and the possibility to invite any member. It makes no sense to be so dependant of the Friends component to invite users to join a group imho. So this UI will make sure you can invite any member, and if the friends component is active, narrow your search to these friends : The bubble

It's built like the Private Messages UI as a single page App and the Send Invites nav acts a bit like the checkout of an ecommerce website. You add users to it and when you're ready to invite them, you simply send the invite and as it's generating a mail, it could also send a message to explain why the user(s) should join the group. The bubble

Here's a full preview of this new UI.

TO BE CONTINUED!

Sours: https://github.com/buddypress/next-template-packs
Create Your Social Network Website In 5 Minutes - Try Free WordPress BuddyPress Theme and Addons

Introducing Buddy Press Template Pack

Last Updated on Wed, 09 Dec 2020 | WordPress Professional

With the help of this plugin, you will be able to edit a standard WordPress theme so that it's capable of managing and displaying all BuddyPress pages and content. Accomplishing this doesn't require you to make any edits to your template files and it's completely reversible.

Setting up and configuring BuddyPress Template Pack

Install the BuddyPress Template Pack plugin and then activate it on your site. BuddyPress requires extra template files that a standard WordPress theme doesn't include. The extra template files that you require are, however, provided with this plugin.

These templates are currently located in the plugins/bp-template-pack directory on your server and need to be moved to your theme's folder. It may be possible to move these files automatically, but, if that isn't possible, you will need to move them yourself.

Click on Appearance | BP Compatibility to be taken to the Step One screen. Once there, click Move Template Files so that the plugin will attempt to automatically transfer these templates to your theme's folder. If the transfer is successful, you will be taken to the Step Two screen where no actions need to be performed, so click move on to step three to proceed to the next screen.

If the transfer fails, the Step Two screen will alert you to that fact and provide you with detailed instruction that you can follow to manually move these templates. Basically, all you need to do is transfer the folders from the plugins/bp-templatepack directory to your theme's folder. Once the folders have been transferred, click the button labeled I've finished moving template folders to be taken to the next screen.

Now, open a new browser window and then visit your site. With those templates in place, your theme will now have a BuddyPress admin bar at the top of the page that you can use to navigate through various screens. If you find that certain elements aren't aligned correctly, you will need to take measures to correct this problem.

Detailed information for correcting alignment issues can be found on the Step Three screen under the heading of Fixing Alignment. Follow those instructions to correct any alignment issues that you might have.

Next, click Finish. After your screen refreshes, the BuddyPress Theme Compatibility screen will contain a couple settings, but they don't require any configuration. A Reset button is also provided for you to use if you ever want to run through the setup process again.

Continue reading here: Adding navigation links to your site

Was this article helpful?

Sours: https://www.rock-the-blog.com/professional/introducing-buddypress-template-pack.html

Now discussing:

It is made from the same fabric as the jacket. The skirt covers about thirty centimeters of slender slender legs, dressed in black nylon. The blonde's feet are dressed in classic shoes with thin heels. Yes, I have not had sex and have not indulged myself for three days, replies Oleg, deciding to play flirt with a stranger.

Then he notices a small badge on the lapel of the administrator's jacket: "Irina".



1822 1823 1824 1825 1826