Published on May 28, 2023

Tutorial: Creating Dynamic HTML Lists

Join Elijah in this video tutorial where you’ll learn about creating dynamic HTML lists using Oxygen.

You’ll learn how to create a Repeater, change its HTML tags to match the necessary structure for ordered and unordered lists, then query either an ACF repeater or posts for the displayed list items.

If you want to learn more about HTML lists, here are some helpful links:

  • The Unordered List: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul
  • The Ordered List: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol
  • The List Item: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li
  • Styling Lists: https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists
The Oxygen Team
Updated on: May 28, 2023

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.