---
title: "Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]"
url: https://nexterwp.com/docs/create-unique-image-accordion-horizontal-vertical-gutenberg-blocks-video-tutorial/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=Fcn0r4EDgVo Video Duration: 10 : 02 Video Overview Ever wondering to add your images in most stylish way in Gutenberg editor of WordPress?Here is the way possible using animated service..."
image: https://nexterwp.com/wp-content/uploads/2024/05/create-unique-image-accordion-horizontal-vertical-gutenberg-blocks-video-tutorial-1024x519.jpg
word_count: 128
---

# Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]

## Key Takeaways

- Nexter Blocks allows users to create stylish image accordions both horizontally and vertically in the Gutenberg editor.
- The animated service box block in Nexter Blocks supports multiple images with text and descriptions for unique content sections.
- Nexter Blocks can be used for various content types, including info boxes, image banners, and portfolio showcases.

https://www.youtube.com/watch?v=Fcn0r4EDgVo

##### Video Duration: 10 : 02

## Video Overview

Ever wondering to add your images in most stylish way in Gutenberg editor of WordPress?
Here is the way possible using animated service box block in Gutenberg aka block editor.
You may use multiple images with it's text and description to add special looking accordion type images set horizontally or vertically to build amazing WordPress website using Gutenberg.
That's not it, You can use this block to add info box, image banner, portfolio showcase, image banner, image accordions, content box, stylish box, ad banner and lots more unique content sections on your gutenberg aka block editor based WordPress websites.

Live Widget Demo - [https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/](https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/)

⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/)
⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT

## Frequently Asked Questions

**Q: What should I do if my images aren't displaying correctly in the accordion?**
A: If your images aren't displaying correctly, check the image file formats and sizes. Ensure they are supported by WordPress and optimized for web use. Using the animated service box block from Nexter Blocks can help you create stylish image accordions, but if images are too large, they may not load properly. Consider resizing images before uploading to improve loading times.

**Q: What is the best way to arrange images in the accordion for better user experience?**
A: For a better user experience, consider arranging images in a logical order that guides users through your content. Group related images together and use clear, descriptive text for each image. The horizontal and vertical layouts offered by the animated service box block in Nexter Blocks allow you to choose the best arrangement for your audience's needs.

**Q: What happens if I try to use Nexter Blocks without Gutenberg?**
A: Nexter Blocks is designed exclusively for the Gutenberg editor in WordPress. If you attempt to use it without Gutenberg, the features and functionalities will not work as intended. It's essential to ensure that Gutenberg is activated on your WordPress site to take full advantage of the capabilities offered by Nexter Blocks.

**Q: Are there any limitations when using the animated service box block?**
A: One limitation of the animated service box block is that it may not support certain advanced animations or customizations outside its predefined settings. While it offers a variety of styles, users looking for highly customized animations might need to explore additional options. Understanding these limitations can help you set realistic expectations for your design.