Child Theme Authoring: BuddyPress for Layers

Child Theming

Last Updated: for: 1.5 Time to Read: 1 minute

BuddyPress should activate and operate without issues in Layers, but it will not recognize specialized control in Layers such as sidebar layouts, Builder Widgets or color customization. Depending on the features you activate in BuddyPress Settings, you may also have challenges getting some of the group or profile management options to appear in the page templates. This is pretty normal, as BuddyPress requires special template hooks in your theme, which are not built into Layers by default.

  1. Ensure all BuddyPress page templates are set to the “Default” page template for full-width, or BuddyPress Sidebar for a right sidebar.
  2. Ensure Comments are off on your main BuddyPress pages.
  3. Add BuddyPress links to a new Menu and assign it to one of the Top Menu positions to create the toolbar

We have created a stater child theme specifically for BuddyPress users to help you get started with advanced theme customization. This theme will solve most BuddyPress content visibility issues and provide you with a sound way to manage further custom templates or functions you may need to add. Please note that this is not an official Layers product and is provided as-is without support.

Download the Child Theme

vail – BuddyPress

To install:

  1. Log in to your WordPress admin panel, go to APPEARANCE and click ADD NEW at the top
  2. Click the UPLOAD THEME button at the top
  3. Select the file and click Open.
  4. Click INSTALL NOW to begin the installation.
  5. Wait for the success message, then click the Activate link.

You may not see update notifications for Layers with a child theme active. Remember to check for updates periodically under Layers → Dashboard

You can add widgets to the BuddyPress sidebar from AppearanceCustomize under the Edit Layout section while viewing a page linked to the BuddyPress Sidebar page template. These widgets may also be set under Appearance Widgets.

This sidebar is designed for sidebar widgets and may not work well with Layers builder widgets. Developers interested in extending this child theme may use hooks to add additional widget areas to BuddyPress views.

View the Developer Guide for this Child Theme

This child theme is extremely simple compared to our tutorial theme, as it sets out to do one primary thing, which is provide a basic page template for BuddyPress to hook into and display its interactive functionality. It contains the following:

style.css

Contains basic styles for BuddyPress and Layers-specific fixes.

functions.php

Contains basic enqueue of parent stylesheet and registration of the BuddyPress sidebar.

Reference register_sidebar 

buddypress.php

This template is very similar to the page.php from the parent theme with the following primary differences required to work with BuddyPress:

  • Removal of page Featured Image call
  • Removal of post type condition for content container tags
  • Addition of template-specific action hooks

buddypress-sidebar.php

This is an additional template that includes support for the BuddyPress sidebar. To make this possible we needed to remove the layers_center_column_class  on the <article>  container and set the class manually:

The sidebar is then called within the <div class=”grid”> wrapper:

sidebar-buddypress.php

Separate sidebar for BuddyPress Sidebar pages. Uses default Layers sidebar classes and structure.

View Structure on GitHub

Be sure to go through the Layers Child Theming Guide and refer to the BuddyPress Theme Codex for template information specific to the plugin.

This child theme includes four hooks:

See Using Actions & Filters