---
title: "How to Create Custom Loop Skin for Blog Post in WordPress?"
url: https://nexterwp.com/docs/create-custom-loop-skin-for-blog-post-in-wordpress/
date: 2023-05-06
modified: 2026-04-14
author: "Aditya Sharma"
description: "If you want to customise the display of your blog post layout in WordPress, creating a custom loop skin can be a great solution. This allows you to control how..."
image: https://nexterwp.com/wp-content/uploads/2023/05/create-custom-loop-skin-for-blog-post-in-wordpress-1024x519.jpg
word_count: 476
---

# How to Create Custom Loop Skin for Blog Post in WordPress?

## Key Takeaways

- Nexter Blocks allows users to create custom loop skins for blog posts without advanced technical knowledge.
- The Post Listing block in Nexter Blocks (Pro) offers two options: Pattern and Custom Skin for designing loop items.
- Users can utilize the Post Image, Post Title, and Post Meta Info blocks to customize the layout of their blog post list items.

If you want to customise the display of your blog post layout in WordPress, creating a custom loop skin can be a great solution. This allows you to control how your blog posts are displayed on the frontend, without having to delve into complex coding. With a custom loop skin, you can display posts in a unique and visually appealing way that aligns with your website's branding and style.

You can easily create custom loop skins using the Post Listing block from the Nexter Blocks. In this way, you can have more control over the appearance of your blog posts without the need for advanced technical knowledge.

*To check the complete feature overview documentation of the Nexter Blocks Post Listing block,* [click here](/docs/post-listing-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-post-listing/)

To create a custom loop skin, you have two options (if using pro) in the Post Listing block - 

**Pattern** - With this option, you have to create a single item of the loop in a Pattern.

**Custom Skin** - With this option, you can inline edit and build the single item of the loop in the Post Listing block. [Learn more](https://nexterwp.com/docs/create-custom-loop-skin-using-inline-editing-for-blog-post-in-wordpress/).

Here we’ll look into the Pattern option.

To use Patterns, from the Dashboard, go to **Nexter Blocks **> **Patterns **and click on **Add Pattern** on the next screen.

On the next page, add a name to the block, then you can use different blocks to create the structure. But with the Nexter Blocks (Pro), you can use different single post-related blocks to create a dynamic loop skin.

https://youtu.be/zkyVvoV1G5Y

For example, we want to show the featured image, then the post title, and then the post meta in our blog post list item.

To create this layout, you can use the Nexter Blocks Post Image, Post Title, and Post Meta Info blocks.

Use your creativity to create unique designs, and once the layout is created, publish the Pattern.

> *Note: You can even show custom fields using the dynamic field options of the Nexter Blocks* (Pro) blocks.

Once you have your custom loop skin ready, add the Post Listing block on the page or template. 

Then select the appropriate listing type and post type.

From the **Select Style** section, choose **Custom,** then select **Pattern** from the **Content Type** dropdown, and from the **Pattern** dropdown, select your custom loop Pattern.

![](https://nexterwp.com/wp-content/uploads/2023/05/post-listing-custom-loop-skin-pattern-new.png)

Once you choose a Pattern, you will see a **Backend Visibility** toggle option, to keep the editing experience smooth, by default, the blocks won’t be visible on the page. Turn on the toggle to see the block once done, and you can turn it off.

Now your post listing items will have your custom design.

Also, learn [How to Create Custom Loop Skin for Custom Post Types in WordPress](https://nexterwp.com/docs/create-custom-loop-skin-for-custom-post-types-in-wordpress/).

## Frequently Asked Questions

**Q: What should I do if my custom loop skin isn't displaying correctly?**
A: If your custom loop skin isn't displaying as expected, check that the Post Listing block is properly configured. Ensure you have selected the correct Pattern from the Content Type dropdown. If the Backend Visibility toggle is off, the blocks won't be visible on the page. Turning it on can help you see the changes in real-time.

**Q: What is the best way to create a visually appealing custom loop skin?**
A: To create an engaging custom loop skin, use the Nexter Blocks Post Image, Post Title, and Post Meta Info blocks to structure your layout. Combining these elements can enhance the visual appeal and ensure your blog posts align with your website's overall design.

**Q: How do I create a custom loop skin for custom post types?**
A: To create a custom loop skin for custom post types, you can follow a similar process as for standard posts. Use the Post Listing block and select the appropriate post type. For detailed guidance, refer to the tutorial on [Creating Custom Loop Skin for Custom Post Types](https://nexterwp.com/docs/create-custom-loop-skin-for-custom-post-types-in-wordpress/).

**Q: Are there any limitations when using the Pattern option for custom loop skins?**
A: When using the Pattern option, you are limited to creating a single item of the loop in a Pattern. This means you'll need to design your layout carefully within that single item, ensuring it meets your needs before publishing the Pattern.