Question

我正在努力将Wordpress Twenty Ten主题转换为Bootstrap

这是index.php

中的代码

<div class="col-md-3">
    <a href="<?php the_permalink(); ?>"><?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(200,160), array("class" => "img-responsive img-thumbnail home-thumb")); } ?></a>
</div>

<div class="col-md-9">
    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <?php the_excerpt(); ?>
</div><!-- .col-md-9-->

但如果我们的帖子中没有图片，则会显示空白区域。

以下是截图： http://imgur.com/HxYdnFc

如何使用＆＃39; col-md-12＆＃39;而不是＆＃39; col-md-9＆＃39;如果我们没有缩略图？

Answer 1

<div class="col-md-3">
<a href="<?php the_permalink(); ?>"><?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(200,160), array("class" => "img-responsive img-thumbnail home-thumb")); } ?></a>
 </div>

<div class="<?php echo (has_post_thumbnail())?'col-md-9':'col-md-12'?>">
    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <?php the_excerpt(); ?>
</div><!-- .col-md-9--

将Wordpress Twenty Ten主题转换为bootstrap

1 个答案: