我想为WordPress安装的主页创建自定义缩略图对话。
这就是我想要实现的目标:
这是上图的引导代码:
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="..." alt="...">
<div class="caption">
<h3>Thumbnail label</h3>
<p>...</p>
<p>
<a href="#" class="btn btn-primary" role="button">Button</a>
<a href="#" class="btn btn-default" role="button">Button</a>
</p>
</div>
</div>
</div>
</div>
因此,到目前为止,我有下面的代码,我不能在一行中包含内容。
<div class="row">
<div class="col-sm-6 col-md-4">
<?php // theloop
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php// Define our WP Query Parameters ?>
<?php $the_query = new WP_Query( \'posts_per_page=3\' ); ?>
<?php// Start our WP Query ?>
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<div class="thumbnail"><?php the_post_thumbnail(array(100, 100)); ?>
<div class="caption">
<?php// Display the Post Title with Hyperlink?>
<h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<?php// Repeat the process and reset once it hits the limit
</div>
</div>
</div>
<?php
endwhile;
wp_reset_postdata();
?>
下面的屏幕截图反映了我当前代码的结果(不可取):
我怎样才能做到?