Php Wordpress短代码-嵌套可重复html

我正在构建一种对旋转木马的定制（图像和相关文本彼此独立地动画），因此我需要一种特定的HTML结构方法来实现这一点

我想使用WP短代码显示以下html，允许用户简单地添加图像和文本：

<div class="wrapper">
    <div class="row nopad">
        <div class="l-span-6 columns nopad">
            <div class="why-us-image-carousel">
                <div class="carousel-cell">
                    <img src="**URL TO IMAGE**" alt="">
                </div>
                <div class="carousel-cell">
                    <img src="**URL TO IMAGE**" alt="">
                </div>
                <div class="carousel-cell">
                    <img src="**URL TO IMAGE**" alt="">
                </div>
                <div class="carousel-cell">
                    <img src="**URL TO IMAGE**" alt="">
                </div>
            </div>
        </div>

        <div class="l-span-6 columns nopad">
            <div class="why-us-text-carousel">
                <div class="carousel-cell">
                    <p>**1 Lorem ipsum**</p>
                </div>
                <div class="carousel-cell">
                    <p>**1 Lorem ipsum**</p>
                </div>
                <div class="carousel-cell">
                    <p>**1 Lorem ipsum**</p>
                </div>
                <div class="carousel-cell">
                    <p>**1 Lorem ipsum**</p>
                </div>
            </div>
        </div>
    </div>
</div>

我正在努力解决的问题是

可重复的元素（图像和文本）由表示所需的html包围

可重复元素分别需要它们自己的html包装（.carousel单元格）

我试图将代码分解成一系列较小的短代码，但似乎我无法避免要在WP编辑器中添加一些HTML来实现这一点。这不是一个大问题，如果我不得不这样做，但我想保持它尽可能干净

谢谢

[carousel]

    [slide image='url/to/image' text='1 lorem ipsum']

    [slide image='url/to/image' text='2 lorem ipsum']

    [slide image='url/to/image' text='3 lorem ipsum']

    [slide image='url/to/image' text='4 lorem ipsum']

[/carousel]