How To Create A Course Directory With Category, Level, And Duration Filters
Someone looking for their first WordPress course has different needs from an experienced designer with an afternoon to spare. A course directory helps both visitors find something that fits when its filters reflect the questions they bring to the page. In this tutorial, we’ll build a small web-design course directory with Divi 5 and Advanced Custom Fields (ACF). Visitors can choose a category, skill level, and duration, then open a matching course through its image or title. We’ll use native Divi settings throughout the build. What We’re Building Our example includes six fictional courses covering UI design, development, and WordPress. Each card shows an illustration, title, short description, level, and exact duration. Three labeled dropdowns sit above the cards, alongside a button that returns the directory to its unfiltered view. ACF stores each course’s details, while Divi’s Loop Builder repeats one card design for the course records. We’ll connect the dropdowns to that loo...