Wordpress 创建缩略图列表

我是WP的新手，所以我仍然在寻找自己的出路

我想创建一个简单的缩略图列表。在html中，我是这样做的

    <section class="imgSection">
      <ul>
        <li><a href="images/personal01.jpg"><img src="images/personal01.jpg" /></a></li>
        <li><a href="images/personal03.jpg"><img src="images/personal03.jpg" /></a></li>
        <li><a href="images/personal04.jpg"><img src="images/personal04.jpg" /></a></li>
        <li><a href="images/personal05.jpg"><img src="images/personal05.jpg" /></a></li>

      </ul>
    </section>

在WP中，我简单地将缩略图添加到带有上载/插入的页面，并从添加媒体窗口中拾取缩略图

我使用这个php将内容添加到页面中

    <?php if(have_posts()) : while(have_posts()) : the_post(); ?>

    <section class="imgSection">

        <?php the_content(); ?>

    </section>  

    <?php endwhile; ?>
    <?php endif; ?>

这会输出这样的代码，每个“a”标记都被包装在一个“p”标记中

---

是否可以将每个“a”标记的宽度用“li”而不是“p”标记包围起来，使其与原始html代码类似

我相信这就是你想要的

您可以设置许多选项，包括希望每个项目包装在其中的标签。您不需要将图像插入帖子或页面，只需将它们上载到该帖子或页面的库中，并使用快捷码即可。如果要在模板文件中放置短代码，则需要像这样引用它：

。您也可以用这种方式将选项放置在快捷代码中

    <section class="imgSection">
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal14.jpg"><img class="alignnone size-thumbnail wp-image-32" title="personal14" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal14-221x150.jpg" alt="" width="221" height="150" /></a></p>
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal13.jpg"><img class="alignnone size-thumbnail wp-image-31" title="personal13" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal13-199x150.jpg" alt="" width="199" height="150" /></a></p>
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal12.jpg"><img class="alignnone size-thumbnail wp-image-30" title="personal12" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal12-199x150.jpg" alt="" width="199" height="150" /></a></p>
    </section>