wordpress的图库lighbox

Question

我有一个显示图库灯箱的html模板，我想在wordpress中添加它。

我尝试寻找类似的插件，但总是结果不像我想要的。 我喜欢的是一种添加wordpress backoffice简单图库的方法，并使用循环或forech在模板中显示它，但在页面或帖子中添加图库非常重要。

这是我的图库的html代码：

<div class="col-sm-12 hidden-xs position-bas">
                    <h4>diaporama</h4>
                    <div class="slider-diapo" id="thumbnails">
                        <a href="img/slider1.png" title="Slider 1">
                            <img class="img-light" src="img/slider1.png" alt="Slider 1">
                        </a>
                        <a href="img/slider2.png" title="Slider 2">
                            <img class="img-light" src="img/slider2.png" alt="Slider 1">
                        </a>
                         <a href="img/slider3.png" title="Slider 3">
                            <img class="img-light" src="img/slider3.png" alt="Slider 1">
                        </a>
                         <a href="img/slider4.png" title="Slider 4">
                            <img class="img-light" src="img/slider4.png" alt="Slider 1">
                        </a>
                         <a href="img/slider5.png" title="Slider 5">
                            <img class="img-light" src="img/slider5.png" alt="Slider 1">
                        </a>
                         <a href="img/slider6.png" title="Slider 6">
                            <img class="img-light" src="img/slider6.png" alt="Slider 1">
                        </a>
                         <a href="img/slider8.png" title="Slider 8">
                            <img class="img-light" src="img/slider8.png" alt="Slider 1">
                        </a>
                    </div>
                </div>