--- 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-09-22 lang: en author: "Aditya Sharma" description: "The built-in card styles cover image, title, meta and excerpt in a handful of arrangements. The moment you want something else, you are out of options. A custom loop skin..." image: https://nexterwp.com/wp-content/uploads/2023/05/create-custom-loop-skin-for-blog-post-in-wordpress-1024x519.jpg word_count: 484 --- # How to Create Custom Loop Skin for Blog Post in WordPress? ## Key Takeaways - Nexter Blocks Pro only enables custom loop skins, and the Post Listing block must be switched on under Nexter > Blocks in the WordPress dashboard. - A custom loop skin is built as a template with blocks and dynamic values for the title, image and meta, then selected on the Post Listing block and published. - A custom loop skin replaces the built-in card styles entirely, but it also makes responsive behavior, accessibility decisions, and maintenance the site owner’s responsibility. The built-in card styles cover image, title, meta and excerpt in a handful of arrangements. The moment you want something else, you are out of options. A custom loop skin lets you build the card yourself as a template, and the listing repeats it for every post. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-post-listing/) ## Before You Start - **Edition:** **Pro** — custom loop skins needs Nexter Blocks Pro.- **Block to enable:** Post Listing, switched on under **Nexter > Blocks** in your WordPress dashboard.- A clear idea of the **card design** you want, because you are building it block by block. ## Video Tutorial https://youtu.be/zkyVvoV1G5Y ## Steps - Create a new **loop skin template**. - Build the card using blocks, with dynamic values for the title, image and meta. ![Building the loop skin](https://nexterwp.com/wp-content/uploads/2023/05/post-listing-custom-loop-skin-pattern-new.png) - Save the skin. - On your **Post Listing** block, select the skin you built. - Publish and check the real page. ## How It Behaves The skin is a template the listing repeats once per post, with dynamic values filled in each time. - **The skin replaces the built-in card entirely.** The layout, the order of elements and the styling all come from your template.- **Dynamic values are what make it repeat.** Each field pulls from the post being rendered, which is the same mechanism as [dynamic content](https://nexterwp.com/docs/how-to-add-dynamic-content-in-wordpress/).- **The listing still owns the query.** The skin decides how a post looks, not which posts appear.- **One skin can serve several listings**, so a card design built once can be reused.- **Measured with Nexter Blocks Pro deactivated:** this stops working. The block still renders a plain list of posts, so there is no error to see — just the feature quietly missing. ## Limitations - **Pro only** — measured with Nexter Blocks Pro deactivated, the listing falls back to a plain rendering.- **You own the responsive behaviour now.** The built-in styles handle small screens for you; a custom skin does exactly what you built and no more.- **It is more to maintain.** A skin is a template that has to be kept in step with your design as the site changes.- **Accessibility is yours too.** Heading levels, link text and alt text are decisions you are now making.- **Complex skins cost rendering time**, repeated once per post. ## Troubleshooting ### Every card shows the same post The fields are static rather than dynamic. Each field has to pull from the current post, or it will print the same value every time. ### My skin is not in the list It has not been saved, or was saved as the wrong type. Save it as a loop skin and reload the editor. ### The cards look broken on mobile A custom skin has only the responsive behaviour you gave it. Set the layout per breakpoint inside the skin. ### Nothing changed after selecting the skin Check Nexter Blocks Pro is active, and that the skin is selected on the listing rather than only saved. ## Related Docs - [Create a custom loop skin for custom post types](https://nexterwp.com/docs/create-custom-loop-skin-for-custom-post-types-in-wordpress/)- [Create a custom loop skin using inline editing](https://nexterwp.com/docs/create-custom-loop-skin-using-inline-editing-for-blog-post-in-wordpress/)- [Add post listing in WordPress](https://nexterwp.com/docs/add-post-listing-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before creating a custom loop skin for blog posts in WordPress?** A: Nexter Blocks Pro is the key requirement, because custom loop skins need the Pro edition and the Post Listing block must be switched on under Nexter > Blocks in your WordPress dashboard. The page also assumes you already know the card design you want, since you are building it block by block. That matters because the skin is not a preset style, it is your own template for the repeated post card. **Q: Why does every card show the same post in my custom loop skin?** A: That usually means the fields are static instead of dynamic. Each title, image, or meta field has to pull from the current post being rendered, otherwise the same value gets printed on every card. Nexter Blocks uses dynamic values for this repeat behavior, so the fix is to make sure each field is tied to dynamic content rather than hardcoded text or media. **Q: Why is my custom loop skin not showing up in the Post Listing block?** A: The most common causes are that the skin was not saved or it was saved as the wrong type. A loop skin has to be saved as a loop skin before it appears in the listing editor. If it still does not show after that, reload the editor so the saved template can be picked up properly. **Q: How does a custom loop skin behave differently from built-in card styles?** A: A custom loop skin replaces the built-in card entirely, so layout, element order, and styling all come from your template. The listing still owns the query, which means it decides which posts appear while the skin only controls how each post looks. That separation is useful when you want one design reused across several listings. **Q: What should I know about responsive design before using a custom loop skin?** A: Responsive behavior becomes your responsibility with a custom skin. The built-in styles handle small screens for you, but a custom skin only does what you build into it. That means you need to set layout per breakpoint inside the skin if you want mobile cards to stay readable and not break when the screen gets smaller. **Q: Is there another way to build a blog post listing without using a custom loop skin?** A: The page points to built-in card styles as the default alternative, and those cover image, title, meta, and excerpt in a handful of arrangements. It also links to [Add post listing in WordPress](https://nexterwp.com/docs/add-post-listing-in-wordpress/) and [Create a custom loop skin using inline editing for blog post in WordPress](https://nexterwp.com/docs/create-custom-loop-skin-using-inline-editing-for-blog-post-in-wordpress/) if you want related approaches. The tradeoff is flexibility versus speed of setup.