Team

Solutions

Work

Blog

Engage

Team

Solutions

Work

Blog

Engage

36 ways to use Uncode theme Content Block

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email
Content Block is a unique feature of the Uncode theme that gives designers and developers power to create and control custom building blocks for the website’s sections. In this article, find a list of all places in Uncode theme where you can use Content Block.

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:

Uncode Content Block - 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:

  1. Navigate from WordPress dashboard to WPBakery Page Builder -> Role Manager settings.
  2. Select the WordPress role for which you want to enable editing. Usually, this is the Administrator role.
  3. Under Post Types option select Custom.
  4. Check uncodeblock post type, which stands for Content Block and any other types you want WPBakery Page Builder to be able to edit.
  5. 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.

Uncode theme add new Content Block

Uncode Wireframes are supported in Content Block and you can use them to build all kinds of layouts and structures. We have a detailed illustrated guide on how to use Uncode Wireframes plugin.

How to connect Content Blocks with pages or sections

You can connect Content Blocks with dedicated sections or pages in 3 simple ways.

  1. 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.
  2. 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.
  3. 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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. Single Portfolio Header – create custom and unique headers only for your portfolio items.
  9. 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.
  10. Single Portfolio Footer – create separated footer layout for your portfolios and specify it here.
  11. 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.
  12. 404 Page Content – specify the design of your 404-page content area.
  13. 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.
  14. Single Product Header – if you own web store and run Woocommerce, Uncode provides an option to specify custom header for all single products.
  15. Single Product Footer – single products in your store can also have custom footers.
  16. 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.
  17. 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).
  18. Portfolios Archive – same rules apply for portfolios archives. Take full control of headers, content area (23), and footer (24).
  19. 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).
  20. Search Archive – create a completely customized search results page. Use custom-designed Content Blocks in the header, content area (29) and footer (30).
  21. 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.

Uncode Content Block VC element

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.

Conclusion

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.

Do you want our team to design and develop a stunning website for you? Send us the details and we'll start discussing a strategy for your project!
Nemanja Tomanovic

Nemanja Tomanovic

Nemanja is a certified PHP Developer specialized for WordPress development. His main skills are HTML, CSS, PHP, and JavaScript. His IT career starts as a Marketing Analyst working on frontend, maintenance, SEO and different marketing tasks. At Roshem his main area of work is WordPress development.
Nemanja Tomanovic

Nemanja Tomanovic

Nemanja is a certified PHP Developer specialized for WordPress development. His main skills are HTML, CSS, PHP, and JavaScript. His IT career starts as a Marketing Analyst working on frontend, maintenance, SEO and different marketing tasks. At Roshem his main area of work is WordPress development.

Leave a Reply

Comments

  1. Good post. I learn something totally new and challenging on websites
    I stumbleupon everyday. It’s always interesting to read content from other authors and practice something
    from their websites.

  2. I’m not that much of a internet reader to be honest but your blogs really nice, keep
    it up! I’ll go ahead and bookmark your website to come back down the road.
    Cheers

  3. Wonderful, what a web site it is! This webpage provides valuable data to us,
    keep it up.

  4. Interesting blog! Can be your theme customized or did you download it from somewhere? A theme like yours with some simple adjustments would actually make my blog shine. Please inform me that you got your design. Cheers

    1. Author

      Thank you for your comment, Elmira. To answer your question, our website is developed by using Elementor Pro and Elementor Pro Theme Builder. There is no much here that comes from the theme itself. If you need any assistance with adjusting your website feel free to contact us.

  5. Wonderful work! This is the kind of information that are supposed to be shared across the internet.
    Shame on Google for no longer positioning this submit higher!
    Thank you

  6. I’m extremely impressed with your writing abilities as smartly as with the layout in your blog. Is that this a paid subject matter or did you modify it your self? Anyway keep up the nice quality writing, it is uncommon to peer a great weblog like this one today.

    1. Author

      I’m very grateful for your comment. Thank you! All our websites are developed by our in-house team.

  7. Everything is very open with a clear explanation of the issues.

    It was definitely informative. Your site is useful. Many
    thanks for sharing!

  8. I am really grateful to the holder of this web page who has shared this
    wonderful post at here.

  9. Thanks for your marvelous posting! I genuinely enjoyed reading it, you happen to be a great author. I will be sure to bookmark your blog and may come back later in life.I want to encourage you to continue your great posts, have a nice morning!

  10. It’s actually a nice and useful piece of information. I’m satisfied that you simply shared this
    useful info with us. Please keep us up to date like this.
    Thanks for sharing.

  11. Highly energetic article, I loved that bit. Will there be
    a part 2?

    1. Author

      Thank you for your comment. Part two will depend on Uncode theme changelog and possible new features where Content Block can play his role. We will try to keep up with theme updates and reflect them in our posts.

  12. Great blog here! Also your site a lot up fast! What host are you using?
    Can I am getting your affiliate hyperlink on your host?
    I wish my web site loaded up as fast as yours lol

  13. I think this is a real great blog.Really looking forward to read more. Really Great.

    1. Author

      Thank you for leaving such a great comment on our work!

  14. It is really a nice and helpful piece of information. I am happy that you simply shared
    this useful information with us. Please keep us up to date
    like this. Thank you for sharing.

  15. Thanks for the marvelous posting! I really enjoyed reading it,
    you can be a great author. I will ensure that I bookmark your blog and definitely will
    come back someday. I want to encourage continue your great
    job, have a nice afternoon!

    1. Author

      Thank you for your support and comment. I try to write about the specific solutions I come across while working with WordPress. Enjoy the day!

  16. I believe that is among the such a lot vital information for me.

    And i’m satisfied studying your article. However want to observation on few general
    things, The site style is great, the articles is actually nice : D.
    Just right job, cheers

Leave a Comment

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email