How To Set A Different Post Or Page Width With GeneratePress Premium

To show a sidebar or not?

Before I do, let’s take a look at why? Well, sidebars are increasingly becoming a thing of the past. People are becoming blind to ads and a blog sidebar in general.

Visitors want the information they have requested from the search engine of their choice. They want it now, and they don’t care about seeing adverts in your sidebar.

If you need to show adverts and get a users attention, what better way to do it than in your actual post/page content.

I use a sidebar on the archive pages here on LyrWP, but that’s as far as I go with them. Don’t get me wrong they are useful, but from a user, engagement perspective having a full-width post/page is better.

It will allow visitors to focus on your lovingly crafted content, the stuff you took hours pouring over.

Examples of no sidebar content

There’s plenty of websites out there that do not use a sidebar in their posts, take for example The Kinsta blog or WPExplorer’s blog.

Both are excellent examples of making the article content the focus point.

GeneratePress custom post/page width tutorial

This tutorial will be using the premium version of GeneratePress, which essentially is a plugin enabling more functionality in GP.

Time needed to complete this guideĀ 10 minutes.

10 minutes is being generous. Will probably be a lot less than that!

  1. Navigate to > Appearance > Elements

    In the choose element type, select layout. Told you this was going to be easy!

    Add a new element

  2. Name your layout element

    Setting up a post layout in GeneratePress

    You can see from the above, I have called my element “Post Layout”. This will help me identify the element if I had loads of different ones. It’s worth naming the element to keep track of things.

    The first section deals with the sidebar layout. Now if you want your post to look like my one, then choose “Content (no sidebars)”

  3. Content width of your post/page layout

    Content width of your post layout

    I have a container width of 1180px (pixels) on LyrWP. I know this as I have set this through the native WordPress customizer under the Layout option, which incidentally is only available through the premium version of GeneratePress.

    To complement this 1180px width, I have set my content width to 850px, in the content width box. I’ve also left the content area setting as default. If you choose full-width or contained, it will remove the padding and could see your text/images looking, well, a bit squiffy.

  4. Where to show this new layout?

    Display rules for new post layout

    This is the most critical step of all. The “Display Rules,” this is where you can set where to show your new post/page layout. Be it on a specific post or page, all posts, etc.

    I have chosen to show it on all posts, to do this select a post on the “Location” and once the next drop down box is populated, select all posts.

    Now, this next one is essential. “Exclude” this deals with where you DO NOT want the new layout to be applied. I don’t want to show this on pages, so I chose, “Page” then from the next drop down, “All Pages.”

    So the new layout will be applied purely to posts, no pages whatsoever.

    That, as they say. Is it. Now go visit an article to see it working!

It doesn’t end there though.

Thanks to how generally awesome GeneratePress premium is, you could create a wealth of different post layouts, with specifics. For example:

  • Landing pages for Google ad campaigns
  • Newsletter signup pages
  • Redirect pages from contact forms
  • + Much more!

Benefits of having a full-width post layout

With a full-width layout, you have the users undivided attention. No pesky sidebars getting ignored, place ads in your post, calls to action in between paragraphs, a newsletter signup form in the mix, basically the things you have in your sidebar currently.

Place them in your full-width content, intersperse them in a way that flows with the post, draw a users attention to them in a subtle way. If the content you have created is of use to users, and your newsletter signup is the next block down, why wouldn’t they sign up?

Better than popups?

Using this method, you can draw a visitor in, hit them with something of interest or a newsletter form, without showing them a popup, you have them at your content.

Let them decide to signup for something without forcing it down their gullets.

*This post contains affiliate links, they are to help me keep the lights on here at LyrWP.com and do not affect you in anyway through any purchases you make through them.

Subscribe for all the latest from LyrWP.

2 thoughts on “How To Set A Different Post Or Page Width With GeneratePress Premium”

  1. Bro how did you add social share buttons in this post,as you are also using GeneratePress and I know it does not come with default?
    Are you using any plugin or code? If its a code, can you please create a tutorial of that?
    or if you can email me, as sadly i dnt see an option to subscribe for the email of your comments,:(

  2. He Ali,

    Thanks for the comment, with reference to the social sharing buttons I use Shared Counts it’s available here https://wordpress.org/plugins/shared-counts/ it’s really lightweight and simple to use.

    Give it a whirl dude!

    P.s. I don’t have comment subscriptions via email enabled. I might do in the future but not at present. Actually stuff it, I’m going to enable it right now.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.