Skip to content
Docs

Page Templates

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

Overview

Section titled “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

Section titled “Page Templates”

Page No Sidebar

Section titled “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

Section titled “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

Section titled “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

Section titled “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

Section titled “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

Section titled “Post Templates”
Section titled “Right Sidebar (Default)”

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

Standard post layout with sidebar on the right.

Section titled “Left Sidebar”

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

Post layout with sidebar on the left side.

Both Sidebar

Section titled “Both Sidebar”

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

Post layout with sidebars on both sides.

Full Width - Small Container

Section titled “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

Section titled “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.

Custom (Optional) Templates

Section titled “Custom (Optional) Templates”

BuddyX Pro also ships two optional starter templates. They carry a Template Name header, so they appear in the editor’s Template dropdown alongside the page and post templates above. They render the standard header, content, and footer with no sidebar, and are meant as a clean starting point you can copy into a child theme and extend.

Custom Page Template

Section titled “Custom Page Template”

File: optional/custom-page-template.php Template Name: Custom Page Template Applies to: Pages

A minimal full-content page template. Use it as a base for a bespoke page layout without editing one of the core sidebar templates.

Custom Post Template

Section titled “Custom Post Template”

File: optional/custom-post-template.php Template Name: Custom Post Template Applies to: Posts (declared with Template Post Type: post)

A minimal single-post template that shows up in the Template dropdown when editing a post. Use it as a base for a custom article layout.

These two live in the theme’s optional/ folder. They are safe starting points - duplicate them into a child theme before customizing so your changes survive theme updates.

Applying Templates

Section titled “Applying Templates”

For Pages

Section titled “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

Section titled “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

Section titled “Default Settings”

You can set default layouts in the Customizer:

Default Page Sidebar

Section titled “Default Page Sidebar”
  1. Go to Appearance → Customize → Sidebar
  2. Find Default Sidebar Layout
  3. Choose your default
  4. Click Publish

Default Post Sidebar

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

Template Hierarchy

Section titled “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)
Section titled “Sidebar Widget Areas”

Different templates use different widget areas:

Template Widget Area Used
Left Sidebar Main Sidebar
Right Sidebar Main Sidebar
Both Sidebar Main Sidebar + Right Sidebar

Custom Templates

Section titled “Custom Templates”

Creating Custom Templates

Section titled “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

Section titled “Integration Templates”

BuddyPress Pages

Section titled “BuddyPress Pages”

BuddyPress pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → BuddyPress Sidebar Layout

WooCommerce Pages

Section titled “WooCommerce Pages”

WooCommerce pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → WooCommerce Sidebar Layout

LearnDash Pages

Section titled “LearnDash Pages”

LearnDash pages have their own sidebar settings:

  • Appearance → Customize → Sidebar → LearnDash Sidebar Layout

Responsive Behavior

Section titled “Responsive Behavior”

On mobile devices:

  • Sidebars stack below content
  • Full-width templates remain full-width
  • Container widths adjust responsively
Section titled “Related Documentation”