#31 H5P – Accordion Activity Tutorial

🔽 How to Create an Accordion Using H5P in WordPress

Welcome everyone!
Today, we’re learning how to create a basic accordion using the H5P plugin on WordPress. Accordions are useful for organizing large chunks of content into collapsible panels. While H5P’s Accordion module is simple and limited to text, links, and lists, it’s functional and easy to use.

⸻

🧩 What Is an Accordion?

An accordion is a vertical list of headings that reveal content when clicked. In H5P’s version:
• Only one panel can be open at a time.
• It automatically closes other panels when a new one is opened.
• You can’t embed images, videos, or other H5P content inside — it’s text-only (with minimal formatting).

⸻

🔧 Install and Launch the Accordion Module

1. In your WordPress dashboard, go to H5P Content → Add New.
2. From the content types list, select Accordion.
3. If it’s not installed, click Get to add it.
4. Once installed, click to open and begin creating.

⸻

✍️ What Content Can You Add Inside Panels?

You can only add:
• Text
• Hyperlinks (e.g., Click here)
• Bullet or numbered lists

🚫 You cannot add:
• Images
• Video or audio
• Interactive H5P content
• Embedded code

The module is minimal by design and hasn’t been actively updated in years.

⸻

✅ Result:

You now have a clean, functional accordion embedded in your site. It’s a great tool for:
• FAQs
• Course content outlines
• Step-by-step guides
• Condensing large amounts of text

⸻

🧠 Use Cases & Limitations

✅ Good For

• FAQs
• Course summaries
• Minimizing scroll on long pages
• Quick collapsible text sections

❌ Not Ideal For

• Multimedia presentations
• Embedding videos or images
• Interactive or dynamic content
• Custom animation or multiple open tabs

---

💬 Final Thoughts

The H5P Accordion module is easy to use and works well for simple content structuring. While it lacks flexibility and multimedia support, it’s a good choice for lightweight interactions.

If you have questions or suggestions, feel free to leave a comment.

Thanks for watching/reading, and see you next time!

📢 Want more interactive content tutorials?

👉 Subscribe to Ed-Hermit on YouTubefor weekly deep dives into H5P, WordPress, and other education technology for building engaging digital content: youtube.com/@edu-hermit

Got questions or creative ways you’re using H5P? Drop them in the comments—I’d love to hear what you’re building!