我是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代码类似。