{"id":47366,"date":"2017-09-20T01:57:46","date_gmt":"2017-09-20T08:57:46","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=47366"},"modified":"2017-09-20T02:07:54","modified_gmt":"2017-09-20T09:07:54","slug":"beginners-guide-beaver-themer","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/beginners-guide-beaver-themer\/","title":{"rendered":"Beginner’s Guide to Beaver Themer"},"content":{"rendered":"

Beaver Builder<\/a> is the perfect tool when it comes to drag and drop page builders. It offers significant optimization and freedom to design whatever you want. You can put your design and imagination whatever you can think of on your pages now.<\/p>\n

Recently an add-on to this was launched called the Beaver Themer<\/strong><\/a>.<\/p>\n

This addon is launched to extend the functionalities and powers of Beaver Builder. By Functionalities, I mean the ability to alter the Header\/Footer and assisting in making default page templates.<\/p>\n

Since we are working with the Beaver family, this goes without saying that you do not need to have any coding knowledge to use Beaver Themer.<\/p>\n

But first, let’s understand what is Beaver Themer and what are its capabilities?<\/p>\n

What is Beaver Themer?<\/h2>\n

Beaver Themer is basically an addon for the for the Beaver Builder, which is a highly user-friendly drag and drop page builder.<\/p>\n

\n

Beaver Themer lets you create layouts for archive pages, template an entire post type, 404 and search pages, and create parts like headers and footers.<\/p>\n<\/blockquote>\n

With the original Beaver Builder plugin, you can add elements, modules and save them for further use as well but this functionality was limited to the Content area of the page\/post only.<\/p>\n

But with the Beaver Themer, the possibilities are endless. Now you can create custom templates for your blog page, home page, archive pages, etc. and you can reuse these templates in future whenever needed.<\/p>\n

Whit this fantastic tool, you can also build custom layouts for Header and Footer sections of the page or entire website.<\/p>\n

In my opinion, if you do not like to code and still want to create your website, it is all made possible now with the Beaver Themer and its drag and drop builder.<\/p>\n

But do keep this in mind, since Beaver Themer is an addon to the original Beaver Builder plugin, you are going to need the Beaver Builder in addition to the Beaver Themer.<\/p>\n

Beaver Themer Features<\/h2>\n

There are three major features<\/strong> make up the Beaver Themer extension.<\/p>\n

These features give you the ability to create your theme templates, and custom made header footers and even add a custom module to your pages.<\/p>\n

Now let’s understand each one of those features, one at a time.<\/p>\n

Theme Templates – Content & Structure<\/h3>\n

You can design multiple templates using the Beaver Themer<\/a> for your website, and you can develop one single template and reuse that for many different pages as well.<\/p>\n

\"\"<\/p>\n

You can use Beaver Themer to create various templates that are required for different content presentation on your WordPress website.<\/p>\n

These templates include standard WP Templates like<\/p>\n

    \n
  1. Single Post<\/li>\n
  2. Single Page<\/li>\n
  3. Archive<\/li>\n
  4. Search Results<\/li>\n
  5. 404<\/li>\n
  6. Templates for Custom Post Types<\/li>\n<\/ol>\n

    You can visit WP Template Hierarchy<\/a> to Understand WP Theme Templates.<\/strong><\/p><\/blockquote>\n

    These templates can be applied selectively or globally. As you can see in the screenshot above, we have a Page template that applies to all the pages but, not for FAQ.<\/p>\n

    You can also control the visibility based on User Roles and also the login\/logout status. This is a very powerful feature to control the visibility of content.<\/p>\n

    \"\"<\/p>\n

    Theme structure feature in Beaver Themer lets you create Header and Footer for your website. Again, you get the same flexibility of the page builder. Just like Content Templates, you can create multiple header and footer templates and set their visibility based on different rules that Beaver Theme provides.<\/p>\n

    This feature comes in handy when you are building websites that have a combination of standard page layouts, lead generation pages, sales pages, thank you page etc.<\/p>\n

    Theme Parts<\/h3>\n

    This feature lets you add a custom theme part into your current theme.<\/p>\n

    \"\"<\/p>\n

    Let’s say you want a custom post link or Subscription box at the end of every page; you can do that easily with Beaver Themer.<\/p>\n

    You can target all the post\/pages or selected as well.<\/p>\n

    Just like the Theme templates, this option is available on the Supported themes only. This limitation is there because some areas (i.e., header, footer, etc.) needs to be coded in a specific way that needs to tune perfectly with the Beaver Themer so that it all works correctly.<\/p>\n

    Beaver Themer supports Beaver Builder Theme<\/a>, Genesis Framework, GeneratePress and StoreFront WooCommerce themes out of the box.<\/p>\n

    Visit Beaver Themer Knowledgebase<\/a> to get the updated list of Supported Themes.\u00a0<\/strong><\/p><\/blockquote>\n

    There are some third-party themes like the Page Builder Framework<\/a> which have added integration for Beaver Themer and works really well.<\/p>\n

    If you try to create a Theme Layout\/Part with a nonsupported theme, you will see an unsupported text next to the parts option. This\u00a0will be your clue that you cannot create a theme part with your currently active theme.<\/p>\n

    Field Connections<\/h3>\n

    Filed Connections is an amazing feature that allows you to display data from existing WP fields or custom fields using Beaver Builder modules. For e.g. you can use Beaver Builder’s Heading Module and connect it with a custom field to display the content. Now, you get the complete flexibility of styling and positioning the content with Beaver Builder.<\/p>\n

    ACF & Pods Integration<\/h4>\n

    Beaver Themer has added support for ACF fields and there’s also an addon for Pods<\/a>\u00a0which allows you get the data from Pods fields.<\/p>\n

    \"\"<\/p>\n

    Helpful Resource<\/strong><\/p>\n

      \n
    1. Create connections to Advanced Custom Fields<\/a><\/li>\n
    2. Pods & Beaver Themer Video by Bernhard Gronau (Developer of Pods addon)<\/a><\/li>\n
    3. Video explaining Pods addon for Beaver Themer<\/a><\/li>\n
    4. Official Video about Using ACF with Beaver Themer<\/a><\/li>\n<\/ol>\n

      PowerPack Beaver Addons & Beaver Themer<\/h3>\n

      PowerPack, the best Beaver Builder addon<\/a>\u00a0is completely compatible with Beaver Themer along with all the features like Field Connections within the modules. So, using PowerPack can really speed up your development process with its amazing modules, pre-made row templates<\/a>, and page templates<\/a>.<\/p>\n

      Installation Guide<\/h3>\n

      To get started, you’ll need these three things:<\/p>\n