Getting Started with PageCells Responsive Framework

With the PageCells Responsive Framework you have the ability to completely customize your WordPress site. It allows you to set the position, width and behavior of every element on the page: header, content, sidebars, menus, widgets, footer and each individual part of The Loop.

For now, however, we’ll just cover the basics to get you started.

You can upload your header image by going to Appearance > Header. PageCells automatically positions this image at the top left at one-third of the page width.

It also displays the Site Title and Tagline at the top right at two-thirds the page width by default.

If you do not want to display these elements, simply click the trash can icon to delete them. You can always create new ones if you change your mind.

By default, PageCells displays a menu containing all of the static pages in your website. You can assign this menu to a specific Nav Menu under Appearance > Menus by selecting the “Main Nav” menu location. The menu can be further customized using the PageCells helper styles. See the Menu Layout Item page for more information.


PageCells come preconfigured with six dynamic sidebar areas for you to include widget content. These include a sidebar, three “colophon” areas and two “footer” areas. Go to Appearance > Widgets to add your own widgets to these areas.

If you do not want to display these elements, simply click the trash can icon to delete them. You can always create new ones if you change your mind.

Mobile Version

PageCells comes bundled with our IntelliWidget Responsive Menu plugin so that your site will automatically render a “mobile-app” style interface on handheld devices. To use this feature, install the plugin and configure it under Appearance > Responsive Menu.

Customizing the Look and Feel

PageCells comes with default layout items, including a custom header, main menu, loop area, footer and numerous dynamic sidebars for custom widgets. If you are familiar with these items from other themes, you can get started setting them up right away from the “Appearance” menu of the WordPress admin.

It also loads a basic stylesheet that formats your WordPress site to look good out of the box. You can further customize every style (including type color, font size, background, padding, margins, etc) using the Child Theme Configurator Plugin.

We always recommend installing this plugin and creating a child theme as the first step in any WordPress project. This allows you to customize your Theme to your heart’s content without risking losing your changes when the parent theme is upgraded to a new version.

Because the Child Theme Configurator (CTC) provides so much customization power, PageCells does not waste a lot of overhead on stylesheet options. Instead, it gives you the ability to set up your website “Items” exactly how you want them to behave, and where you want them to appear.

This is just the Tip of the Iceberg

These features are fairly common to all WordPress Themes. To really understand the power of PageCells, you need to explore the Theme Options.

WordPress was designed to used “Templates” that combine dynamic content stored in the database with HTML and CSS code so that the pages render consistently and professionally with little or no coding knowledge or experience.

For many users, particularly those users who are used to traditional hand-coded websites, this can be confining. To quote one of our users,

“I have no problem building web sites from scratch with Dreamweaver. But this wordpress is kicking my butt. It makes no sense to me. The limitations are making me crazy.”

The PageCells Responsive Framework moves the logic previously controlled by these “Templates” into a central “Theme Options” panel. With PageCells, virtually everything that previously required custom PHP can be accomplished under Appearance > Theme Options.


In this video we show how to setup the PageCells Responsive Theme Framework and install the recommended plugins to get your WordPress site up and running out of the box.