Content Block is a unique feature of the Uncode theme. Basically, it enables us to create and control custom building blocks for the website’s sections. It’s essentially a custom post type introduced by Uncode theme a while back. It’s been updated more than 20 times since then to provide a powerful tool for the Uncode users, especially the ones who want to control every aspect of their theme and website.
In this article, I’m going to try and create a list of all places in Uncode theme where you can use Content Block and create stunning designs and layouts. Content Blocks are controlled and built by using Uncode WPBakery Page Builder – and this is one of the two plugins required to enable this feature. The other one is Uncode Core plugin.
How to Create a Content Block
Before I start with listing all of the available Content Block slots, let me show you how you can create one. You can find Content Block in the WordPress dashboard:
Here, you can see Content Blocks that you’ve already created, add a new one or organize them in special Content Block categories. We’ve mentioned that you will have to use WPBakery Page Builder to edit your blocks, but note that by default WPBakery Page Builder is disabled for Content Blocks. You will need to activate it. To do that:
- Navigate from WordPress dashboard to WPBakery Page Builder -> Role Manager settings.
- Select the WordPress role for which you want to enable editing. Usually, this is the Administrator role.
- Under Post Types option select Custom.
- Check uncodeblock post type, which stands for Content Block and any other types you want WPBakery Page Builder to be able to edit.
- Click on Save Changes to confirm your settings.
Go back to WordPress dashboard dedicated menu for Uncode Content Block and click on Add New. You will have to choose your prefered editor, Backend or Frontend, and start creating your first Content Block.
How to connect Content Blocks with pages or sections
You can connect Content Blocks with dedicated sections or pages in 3 simple ways.
- Theme Options – From theme options, you can assign Content Blocks to specific post types, archives or page elements that will be applied to all items in particular post type. These settings are available from Uncode panel -> Theme Options.
- Page Options – You can control every single page or post and assign specific Content Blocks to them. Page Options are available when you open post types for Editing and scroll down under the content area.
- Content Bloc VC – To add Content Block in any post type content area use Content Block VC shortcode widget available from Uncode Elements. Just add an element and choose specific Content Block to connect with.
Where to use Content Blocks?
Let’s start from global options – settings that will apply to every item in particular post type, and then down to individual pages and sections.
Slots available in Theme Options
Following the order in Theme Options:
- Footer Widget Area – create your website custom footer with Content Block and WPBakery Page Builder, and connect it here so it displays all over your website.
- Single Post Header – here you can specify Content Block that will be used for all single posts on your website. You can also set the header width that will override settings in Content Block itself.
- Single Post Author Profile – Content Block placed here will appear after the main content area of every blog post on your website. This area is usually used for an author profile box but you can use it in different ways, depending on your preferences. For example, certain call to actions and you can easily update them with just a few clicks for all blog posts.
- Single Post Related Posts – this is the next section in single post layout that comes after the main content area or after Single Post Author Profile if specified. Uncode developers state this section as for Related Posts but, again, you can use it in various ways. You can place your newsletter subscription form here, buttons for sharing posts or anything else repeatable on your blog posts layout which needs to be easily updated at once, so you don’t have to go over it manually.
- Single Post Footer – specify custom footer that will be used only on blog posts and can be different from pages, products or any other post types footer. For example, you can use this to point out your posts categories or tags that are only blog related.
- Single Page Header – you can use this to specify unique headers designed only for pages on your website. Create full height headers, sliders or anything you imagine with WPBakery Page Builder and place it on all your single pages.
- Single Page Footer – you can have completely separated footer design for all single pages or the same design but different content by using Content Blocks.
- Single Portfolio Header – create custom and unique headers only for your portfolio items.
- Single Portfolio Related Posts – use this section to display related projects from your portfolio. You can also create completely custom content for this section and use it on all single portfolios. This will be placed just underneath the main content area of portfolios.
- Single Portfolio Footer – create separated footer layout for your portfolios and specify it here.
- 404 Page Header – with Uncode theme, your website can have completely custom 404 pages designed from top to bottom. Uncode suggests using Content Blocks for building page headers. Use this option to connect Content Block for the 404-page header.
- 404 Page Content – specify the design of your 404-page content area.
- 404 Page Footer – besides the option that you can set for inheriting footer template from general Theme Options, you can also add a custom 404-page footer. Also, here you can set up 404-page without footer by hiding this section.
- Single Product Header – if you own web store and run Woocommerce, Uncode provides an option to specify custom header for all single products.
- Single Product Footer – single products in your store can also have custom footers.
- Posts Archive – Uncode theme gives users complete control over archives layouts. Users can customize archive pages to match the design of the rest of the website. Adjust header, content (17) and footer (18). For the content area, you can use powerful Posts widget of Uncode theme and enable Automatic Query option to display your blog posts in completely custom posts archives.
- Pages Archive – as for posts archives, here you can specify custom design and layout for pages archives which are generated if you categorize your website pages. You can use the Content block for headers, main content area (20), and footer (21).
- Portfolios Archive – same rules apply for portfolios archives. Take full control of headers, content area (23), and footer (24).
- Authors Archive – if you run blog, news or magazine website you probably have more than one author for your content. Therefore, you probably have more authors archives pages which you can customize by using Content Block for headers, content area (26), and footer (27).
- Search Archive – create a completely customized search results page. Use custom-designed Content Blocks in the header, content area (29) and footer (30).
- Products Archives – if you run Woocommerce store with Uncode theme you can use Content Block to style products archives pages, from categories to tags by using Posts Widget and Automatic Query option. Set headers, products content area (32), and footer (33).
Slots available in Page Options
While all these previously listed ways you can use Content Block give you control on all items in particular content post type and threat this as a general setting, Uncode provides options to easily control every single page, post, portfolio and product. These options are located under the content area of all post types in the Page Options section.
Here you can set custom headers (34) and footers (35) individually for every single post type item. Create them inside Content Block library, design and customize with Uncode WPBakery Page Builder and connect to the page, post, portfolio or product.
Add Content Block as a page element
It’s not so rare that website design has repeatable sections like a call to actions, subscription forms, services or anything your design requires. Instead of recreating the same section over and over again, you can create it one time in Content Block and by using Content Block VC shortcode (36) load it on your pages where necessary.
This approach has so many advantages. Firstly, it is time-saving, as you only need to develop and create one template which you can load as many times you need on your pages, posts and any other post types available for editing with WPBakery Page Builder. Secondly, if you need to update or change anything in template design or content, you can do it in the template itself and updates will be reflected on all post types that include this template.
Content Block is a powerful tool for Uncode theme users. It gives them complete control of every aspect of the WordPress website design. Not only that you are able to create separated headers or footers by post types, but you are also able to control every item individually.
Content Block provides a great solution for organizing and controlling websites’ sections. It also speeds up website development as you can easily load every Content Block template on multiple destinations and as many times you need.
I hope you liked going through this list and that you find something that you can use for your own website. We tried to cover all available Content Block slots in Uncode theme but if you find something we missed please let us know in the comments.