WordPress:创建缩略图列表

Question

我是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"标签中

    <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>

是否可以将每个"a"标签

的宽度包围为"li"而不是"p"标签，使其类似于原始的html代码。

Answer 1

我相信

这就是你要找的。

[图库]

您可以设置许多选项，包括您希望每个项目包装的标签。 您无需将图像插入帖子或页面，只需将它们上传到该帖子或页面的图库中并使用短代码即可。 如果要将简码放在模板文件中，则需要像这样引用它：<?php echo do_shortcode('[gallery]'); ?> . 您也可以通过这种方式将选项放在简码中。