Page Templates

Page Templates

BuddyX Pro includes multiple page and post templates for different layouts.

Overview

Page templates control the layout structure of individual pages and posts. BuddyX Pro provides templates for:

  • Full-width layouts
  • Sidebar layouts (left, right, both)
  • Custom content widths

Page Templates

Page No Sidebar

File: page-templates/full-width-container.php Template Name: Page No Sidebar

Full-width page with content contained in the standard container width. No sidebars.

Best for:

  • Landing pages
  • Sales pages
  • Pages using block editor layouts

Page Full Screen

File: page-templates/full-width.php Template Name: Page Full Screen

True full-width page that stretches edge-to-edge. No container constraints.

Best for:

  • Visual showcases
  • Full-width block patterns
  • Custom designs

Page Left Sidebar

File: page-templates/page-left-sidebar.php Template Name: Page Left Sidebar

Page content with a sidebar on the left side.

Best for:

  • Documentation pages
  • Archive-style content
  • Pages needing navigation

Page Right Sidebar

File: page-templates/page-right-sidebar.php Template Name: Page Right Sidebar

Page content with a sidebar on the right side.

Best for:

  • Blog-style pages
  • Pages with widgets
  • Standard content layouts

Page Both Sidebar

File: page-templates/page-both-sidebar.php Template Name: Page Both Sidebar

Page content with sidebars on both left and right sides.

Best for:

  • Complex layouts
  • Multi-widget pages
  • Dashboard-style pages

Post Templates

Right Sidebar (Default)

File: post-templates/post-right-sidebar.php Template Name: Right Sidebar

Standard post layout with sidebar on the right.

Left Sidebar

File: post-templates/post-left-sidebar.php Template Name: Left Sidebar

Post layout with sidebar on the left side.

Both Sidebar

File: post-templates/post-both-sidebar.php Template Name: Both Sidebar

Post layout with sidebars on both sides.

Full Width – Small Container

File: post-templates/post-full-small.php Template Name: Full Width – Small container

Full-width post with narrow content width. Good for readability.

Full Width – Large Container

File: post-templates/post-full-large.php Template Name: Full Width – Large container

Full-width post with wide content width. Good for media-rich content.

Applying Templates

For Pages

  1. Edit your page
  2. In the right sidebar, find Page Attributes
  3. Click the Template dropdown
  4. Select your desired template
  5. Click Update

For Posts

  1. Edit your post
  2. In the right sidebar, find Post Attributes or Template
  3. Select your desired template
  4. Click Update

Default Settings

You can set default layouts in the Customizer:

Default Page Sidebar

  1. Go to Appearance → Customize → Sidebar
  2. Find Default Sidebar Layout
  3. Choose your default
  4. Click Publish

Default Post Sidebar

  1. Go to Appearance → Customize → Sidebar
  2. Find Single Post Sidebar Layout
  3. Choose your default
  4. Click Publish

Template Hierarchy

Templates are applied in this order of priority:

  1. Template assigned to specific page/post (highest)
  2. Customizer default for content type
  3. Theme default (lowest)

Sidebar Widget Areas

Different templates use different widget areas:

TemplateWidget Area Used
Left SidebarMain Sidebar
Right SidebarMain Sidebar
Both SidebarMain Sidebar + Right Sidebar

Custom Templates

Creating Custom Templates

Create custom templates in a child theme:

Page Template:

<?php
/**
 * Template Name: My Custom Template
 */

get_header();
?>

<div class="my-custom-layout">
    <!-- Your custom layout -->
    <?php the_content(); ?>
</div>

<?php
get_footer();

Location: child-theme/page-templates/my-template.php

Integration Templates

BuddyPress Pages

BuddyPress pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → BuddyPress Sidebar Layout

WooCommerce Pages

WooCommerce pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → WooCommerce Sidebar Layout

LearnDash Pages

LearnDash pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → LearnDash Sidebar Layout

Responsive Behavior

On mobile devices:

  • Sidebars stack below content
  • Full-width templates remain full-width
  • Container widths adjust responsively

Related Documentation

Last updated: January 31, 2026