> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/beautifo/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/beautifo/content-management-1/blog/blog-post-layouts.md).

# Blog Post Layouts

## **Customize Layouts for Blog:** <a href="#customize-layouts-for-blog" id="customize-layouts-for-blog"></a>

### **1. Customize Layout for Single Post** <a href="#id-1-customize-layout-for-single-post" id="id-1-customize-layout-for-single-post"></a>

Check here and see the [post detail](http://demo2.themelexus.com/medilazar/know-all-about-robotic-knee-replacement-surgery/) with sidebar:

![](/files/-MZMsz_l8vXU9C3JCMbZ)

### **Add Sidebar Layout for Single Post:** <a href="#add-sidebar-layout-for-single-post" id="add-sidebar-layout-for-single-post"></a>

**Admin -> Appearance -> Customize -> Widget**

Here you can drag n drop the available widgets such as **Search, Category, Recent Posts, Tag Cloud** to **"Single Posts Sidebar"**

![](/files/-MZMtGjzJBkInabsB2mD)

### 2. Add Sidebar Layouts for Blog Page <a href="#id-2-add-sidebar-layouts-for-blog-page" id="id-2-add-sidebar-layouts-for-blog-page"></a>

**Admin -> Appearance -> Customize -> Widget**

Same steps you can edit drag n drop widgets to setup layouts for blog category.

After setting, you will see the layout for blog page:

![](/files/-MZMtL0roU4yCSl_IjX3)

### **3. Customize sidebar on Left/Right:**  <a href="#id-3-customize-sidebar-on-left-right" id="id-3-customize-sidebar-on-left-right"></a>

#### **Dashboard -> Customize -> Blog -> Archive** <a href="#dashboard-greater-than-customize-greater-than-blog-greater-than-archive" id="dashboard-greater-than-customize-greater-than-blog-greater-than-archive"></a>

* Sidebar position: Set left/right sideba&#x72;**:**&#x20;

![](/files/-MZMt_i5fY2M2XMrGSS7)

Then the sidebar displays at frontend.

![](/files/-MZMtwT9DXR3wB9R7XG8)