Add thumbnails in 'li' list

时间:2012-11-15 作者:user668499

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

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

    <nav>
      <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>
    </nav>
在WP中,我只需将缩略图添加到带有上载/插入的页面,并从添加媒体窗口中拾取缩略图。

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

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

    <nav>

        <?php the_content(); ?>

    </nav>  

    <?php endwhile; ?>
    <?php endif; ?>
这样输出代码,每个img都被包装在一个“p”标记中

    <nav>

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

        </nav>
是否可以用一个“li”标记而不是“p”标记来围绕每个img宽度,使其与原始html代码类似。

1 个回复
最合适的回答,由SO网友:Ian Hoar 整理而成

如果这是一个帖子循环,你就不能把你的图片放在编辑器里的li\'s中。只需选择它们并将它们放入项目符号列表中即可。

结束

相关推荐

Get_the_ategory_list()没有给出我的所有类别

我正在尝试使用<?php echo get_the_category_list(); ?> 在我的footer.php 文件以显示我的类别。在主页上,此功能仅显示两个类别,在内部单个帖子中,它显示该帖子的相关类别。在页面中,此标记不显示任何内容。我甚至尝试使用<?php wp_reset_query(); ?> 每次之后WP_Query, 但这没有帮助。如何使其正常工作?