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

我相信这就是你要找的东西。

[gallery]

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

Wordpress：创建缩略图列表

1 个答案: