> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/funisox/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/funisox/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://dev2.wpopal.com/funisox/optimized-product-descriptions-that-dont-suck/) with sidebar:

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmXNIcpjFbPsT0fUm4%2F-MhmY-kGTf-xdZtCmJNH%2Fimage.png?alt=media\&token=7b406924-5bdd-403b-9e3e-2e4518af718d)

### **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"**

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmXNIcpjFbPsT0fUm4%2F-MhmXy2RMNmR43hV7irq%2Fimage.png?alt=media\&token=bebfa37a-cb14-4950-85dc-8769fe24a2cd)

### 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:

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmXNIcpjFbPsT0fUm4%2F-MhmYEZy6Iq7R39YjdD1%2Fimage.png?alt=media\&token=6309f7c2-071a-44c7-960e-302b33fee8bb)

### **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;**:**

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmXNIcpjFbPsT0fUm4%2F-MhmYRWl1LHYV11ylm46%2Fimage.png?alt=media\&token=5b2a7aa5-0f91-4e23-81f4-3bfa2ffe3eb3)

Then the sidebar displays at frontend.