Creating Custom Blog Layouts with Avada Layouts

Creating Custom Blog Layouts with Avada Layouts

With the introduction of Avada 6.2, and Avada Layouts, it is now easy to create completely custom Layouts for your Blog pages. The two main Blog related areas you can create custom Layouts for are the Single Post Page, and the Archives page.
With the introduction of Layout Section Elements, and with the help of Dynamic Content within normal Design Elements, you can build virtually any layout you can think of, using the full power of the Fusion Builder. And using the power of Conditional Layouts, you can specify when your Layout will be used. You could make a Custom Layout for ALL single post pages, just for a single post, or category etc, or you could also just exclude a single post of category. The Conditions can be as simple or as complex as you need them to be.
Single Post LayoutIf you want to create a Custom Layout for your Single Post Blog pages, create a Conditional Layout (The Layout Builder is found at Avada > Layouts) and start by setting the Conditions on the Layout to show it on all single posts in the Layout Conditions dialog (Posts > All Posts). You can then build your Layout using various Custom Layout Sections.
When building the Content Layout Section, you will find the Layout Section Elements, most of which you will use to design the content section of the Single Post Layout. These dynamic elements pull the required data from the database based on the conditions of the layout, and for a Blog Single Post Layout, you could choose from such Elements as Pagination, Content, Author, Featured Images Slider, Related Posts, and Comments to design your layout.
See the video below for a rundown on how to Build a Custom Single Post Layout.
Post Archives LayoutYou might also want to create a Custom layout for your Blog Archives pages. Just remember, that a Custom Layout can include as little or as much as you want.
You may just want to add a Custom Page Title Bar, or Custom Footer, but you might also want to customise the Content Layout Section of the page. For this, there is the Archive Element, one of the Layout Section Elements, as well as the other Layout Section and normal design elements. See the How To Use The Layout Section Elements video for more info on this.
If you don』t set a Custom Content Layout Section, your Archives layout will be controlled from the Blog Archives Layout Options, found under the Theme Options > General Blog tab.
See the video below for a rundown on how to build a Custom Archives Layout.

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注