Create Dynamic WordPress with Custom Post Loop Skins with ACF & CPT (Gutenberg) [Video Tutorial]

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks allows users to create Custom Loop Skins for displaying content in Grid, Carousel, or Masonry formats.
  • Advanced Custom Fields (ACF) and Custom Post Types (CPTs) are utilized to build a Dynamic WordPress website.
  • The tutorial demonstrates how to add an Ajax Search Bar with dropdown filters for Custom Post Types.
Table of Contents

YouTube video

Video Duration: 25 : 23

Video Overview

In this WordPress tutorial, we will see how to make a powerful Dynamic WordPress website using Advanced Custom Fields and CPTs and make a Custom Loop Skin out of Nexter Blocks and list them in Grid, Carousel, or Masonry. And then in the end we will see how to Add Ajax Search Bar with dropdown filters for the CPT.

▶ Live Block Demo – https://nexterwp.com/nexter-blocks/extras/wordpress-dynamic-content/

Ajax Search Bar- https://nexterwp.com/nexter-blocks/builder/wordpress-ajax-search-bar/

⚡ Plugin Website – https://nexterwp.com/
⚡ Get the Plugin https://nexterwp.com/nexter-blocks/
USE CODE ” YOUTUBE10 ” TO ENJOY 10% DISCOUNT

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if my custom post loop isn't displaying correctly?

If your custom post loop isn't showing up as expected, check your Advanced Custom Fields (ACF) settings to ensure that the fields are properly configured. Misconfigured fields can lead to empty loops. Additionally, verify that your Custom Post Types (CPTs) are registered correctly. A common issue is forgetting to set the correct capabilities for the CPT, which can prevent it from displaying.

What are the best practices for using ACF with custom post loops?

When using ACF with custom post loops, ensure that your custom fields are relevant to the content type. Organize your fields logically and use field groups to keep related fields together. This not only improves usability but also enhances the data structure for your loops. Proper field organization can significantly streamline your workflow when building dynamic content.

How can I add an Ajax Search Bar to my custom post loop?

To add an Ajax Search Bar to your custom post loop, you can use the Ajax Search Bar block provided by Nexter Blocks. This feature allows users to search through your custom post types with dropdown filters, enhancing user experience. Make sure to configure the search settings to target the specific CPTs you want to include in the search results.

Are there any performance considerations when using multiple custom post loops?

Using multiple custom post loops can impact your site's performance, especially if each loop queries a large dataset. To mitigate this, consider optimizing your queries and limiting the number of posts displayed per loop. Caching strategies can also help improve load times. Always test your site's performance after implementing multiple loops to ensure a smooth user experience.

Last reviewed: April 14, 2026

Related Docs

Advance Border Radius for WordPress (Gutenberg) – Custom Border Shape [Video Tutorial]
icon
Advanced Typography Styles for WordPress (Gutenberg) – Rotate, Marquee, Stroke, Vertical, Blend [Video Tutorial]
icon
Carousel Slider Sync Remote for Gutenberg WordPress | Connect with Arrows, Dots, Tabs, Accordion etc [Video Tutorial]
icon
Combined Social Media Feed in WordPress (Gutenberg) – Facebook, Instagram, Twitter, YouTube & Vimeo [Video Tutorial]
icon
Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]
icon
FREE Ajax Search Bar with Dropdown for WordPress (Gutenberg) [Video Tutorial]
icon
123……8