Managing Global Post Layout

Global Post Layout

If you are using a FloThemes site, you have two ways to manage a blogpost layout – by setting up Global Post Layout that will be applied to all the posts from your blog, and by changing the global layout for a particular post using the Custom Post Layout option. In this article we will discuss the Global Post Layout managing.

In Flothemes Settings we have a special area dedicated to post layout management, you can find it under Flothemes -> Posts:

You will find some tutorials under How-tos and additional options under Miscellaneous tab, that will allow you, for example, to manage the space between images in the posts or automatically setup Featured Images of the posts.

The two main tabs that will allow you to build the post layout are Templates and Global Layout.

Templates

Here you will find the layouts of the posts that are predefined by FloThemes. Usually we create several layouts that you can choose between, the main difference between them is the header and bottom area. Just chose the one you like most and it will be the base for your future global post layout. As soon as you apply the template, you will be redirected to Global Layout tab.

 

Global Layout

By default it contains one of the templates from the step above or it will show you the template that you have already applied on Templates page.

Finally you are in the post layout builder. Here you see the whole structure of the post starting from the header to the footer.

  • Header Placeholder – allows you to apply the custom header specifically for the blogposts (for example, if you want to use more minimal header on blogpages to have more focus on the content)
  • Item Title – one of the blocks that manage how the top of the post looks like. Usually we add several options here that you can choose between. If you like the whole template that you applied, but you are not happy with the post header area, you can remove the suggested one and apply another one Item Title blocks (for example, the one that doesn’t use the image).
  • WP Content – is the block that inserts the content that you added to the post. One of the main options here is width management. You will see more info about it further on this page.
  • other blocks that are displayed below the content like Social Share, Comments, Related Posts, Item Navigation. You can keep the ones you want, reorder them, replace them with another blocks and so on. For more details please check Recommended Blocks for Global Post Layout.
  • Footer Placeholder – works same as the Header, allows you to setup a custom footer for the blogpages if you want.

What else you can do here is changing the margins between the blocks (separately for desktop and mobile), add background colors to the blocks, change the fonts – everything that every block have an option for. All these changes will be applied to the whole blog that you already have (if migrated from an existing site) and to all the new posts you will be creating from now.

As mentioned above, you will have an option to tweak the particular posts layout (in case you want to extend it with some additional block like Vendors), check Managing custom post layout article for details.

Check the Post and Galleries Layout overview video:

Setting Blog Post Width

Setting the blogpost width is simple.

Go to Flothemes > Posts > Then to Global Layout > and finally WP Content.

In here you’ll see there is the option to set the content width sizing.

Decide which option you’d like, set the size and save the settings. The selected width will be applied to all the posts that are built using the default layout and that you have not overwritten from the blogpost page to a custom post layout for that post specifically.