How to: Create Custom Sidebar in Pagelines Framework 2.0
- Pagelines Framework 2.0 – Change Nav Menu Text Color
- How to: Create Custom Sidebar in Pagelines Framework 2.0
- How to: Custom WordPress Widget CSS Styling in Pagelines Framework 2.0
- How to: Display WooCommerce Product Categories using NextGEN Gallery in Sidebar Widget
- How to: Add Audio Snippets to WooCommerce Product Pages
- How to: Add Graphic to PageLines Branding Section
Goal: Add a custom Sidebar to Home page’s “Content” (not Template) area so any Widget can be added.
WordPress framework: PageLines Framework 2.0.1
Solution: Copy one of the Sidebar sections and customize it to fit in the Content area of the Home page template. We’ll copy “Full Width Sidebar” and turn it into a new Sidebar called “Home Page Knowledge Center Sidebar.”
Copy: wp-content/themes/pagelines/sections/sb_fullwidth
To: wp-content/themes/pagelines-template-theme/sections/
Open: wp-content/themes/pagelines-template-theme/sections/sb_fullwidth/sections.php
CHANGE:
<?php
/*
Section: Full Width Sidebar
Author: PageLines
Author URI: http://www.pagelines.com
Description: Shows full width widgetized sidebar.
Class Name: FullWidthSidebar
Edition: pro
Workswith: templates, footer, morefoot
*/
class FullWidthSidebar extends PageLinesSection {
function section_persistent() {
$setup = pagelines_standard_sidebar($this->name, $this->settings['description']);
register_sidebar($setup);
}
function section_template() {
pagelines_draw_sidebar($this->id, $this->name);
}
}
TO:
<?php
/*
Section: Home Page Knowledge Center Sidebar
Author: PageLines + Reid Walley modification http://designparc.com/
Author URI: http://www.pagelines.com
Description: Home page Knowledge Center sidebar.
Class Name: HomePageKnowledgeCenterSidebar
Edition: pro
Workswith: main
*/
class HomePageKnowledgeCenterSidebar extends PageLinesSection {
function section_persistent() {
$setup = pagelines_standard_sidebar($this->name, $this->settings['description']);
register_sidebar($setup);
}
function section_template() {
pagelines_draw_sidebar($this->id, $this->name);
}
}
Finally: Go to Site admin > PageLines > Store > Sections > Child tab and click Refresh Store.
New Sidebar called Home Page Knowledge Center Sidebar is now available in Site admin > Appearance > Widgets section.
Series
- PageLines Framework 2.0 Case Study – BPE Law (6)
- WordPress Child Theme Case Study – 2020 Euro Lens Bath (8)
- WordPress Child Theme Case Study – 2020 Eyes (5)
- WP Twenty Eleven Child theme – Reid Walley (4)
- Pagelines Framework 2.0 – Change Nav Menu Text Color
- How to: Create Custom Sidebar in Pagelines Framework 2.0
- How to: Custom WordPress Widget CSS Styling in Pagelines Framework 2.0
- How to: Display WooCommerce Product Categories using NextGEN Gallery in Sidebar Widget
- How to: Add Audio Snippets to WooCommerce Product Pages
- How to: Add Graphic to PageLines Branding Section
Smashing Magazine- Mobile UX Research: Exploring Ten Fundamental Aspects Of M-Commerce Usability
- Case Study: Typographic Design Patterns And Current Practices (2013 Edition)
- A Beginner's Guide: Migrating A Website To WordPress Is Easier Than You Think
- A Client- And Server-Side Approach: Providing The Best Mobile User Experience Possible
- Fables, Myths And Narratives: Converting Our Stories Into Multi-Screen Experiences


