0

我是 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 代码一样。

4

1 回答 1

0

我相信这就是您正在寻找的。

[画廊]

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

于 2012-11-16T01:32:10.560 回答