Excerpt Problems

时间:2011-09-09 作者:AndrettiMilas

在我正在处理的主题上,我想要一个div,它可以扩展到外部div的100%高度(我会放在缩略图周围)。这样做的目的是将文本进一步向右移动,以对齐为块段落,而不是环绕缩略图。我会使用填充,但我希望摘录的文本在没有图像时向左对齐。我试过几次,都没用。建议?

看一看:http://themeforward.com/demo2/page/2/

如果我使用else语句(http://codex.wordpress.org/Function_Reference/has_post_thumbnail ) 我需要在其中添加整个摘录,这似乎有些草率。

我的代码:

<?php get_header(); ?>

<div id="container">
<div id="main_index">
<div class="main_adjust">

<!-- Grab posts -->
<?php while (have_posts()) : the_post(); ?>

<!-- Begin excerpt wrap -->
<div class="excerpt_wrap">
<div class="excerpt_inside">
    <a href="<?php the_permalink() ?>">
    <?php if ( has_post_thumbnail() ) { the_post_thumbnail( \'thmb-index\' ); } ?>
    </a>
    <span class="index_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span>
    <span class="sub-title">By <?php the_author_posts_link( ); ?> <span class="sub-title-divider">|</span> <?php the_time(\'F j, Y\'); ?> <span class="sub-title-divider">|</span> <a href="#commentlist"><?php comments_number( \'No comments\', \'One comment\', \'% comments\' ); ?></a></span>
    <?php the_excerpt(); ?>

<!-- End excerpt wrap -->
</div>
</div>

<?php endwhile; ?>

<!-- Next/Previous entries -->
<div class="mp_archive">
<div id="more_posts">
<div class="oe"><?php next_posts_link(\'&laquo; Older\') ?></div><div class="re"><?php previous_posts_link (\'Newer &raquo;\') ?></div>
</div>
</div>

</div>
</div>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

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

希望我能正确理解你想要什么。我认为您需要将内容本身包装在一个名为excerpt_content 并使其成为与顶部对齐的内联块。然后您可以使用has_post_thumbnail() 作为一个条件,为其指定另一个类来限制宽度,使其显示在帖子缩略图旁边,而不是下方。不确定这是否是最优雅的方式,但它确实有效。请注意,如果您希望在IE7中使用此功能,则必须使用float 相反

因此,CSS:

.excerpt_content.with-thumbnail {
  display: inline-block;
  width: 416px;
  vertical-align: top;
}
.sub-title 类不应该再需要任何填充。您的代码看起来更像这样:

<?php get_header(); ?>

<div id="container">
<div id="main_index">
<div class="main_adjust">

<!-- Grab posts -->
<?php while (have_posts()) : the_post(); ?>

<!-- Begin excerpt wrap -->
<div class="excerpt_wrap">
<div class="excerpt_inside">
    <?php if ( has_post_thumbnail() ) { ?>     
    <a href="<?php the_permalink() ?>">
    <?php the_post_thumbnail( \'thmb-index\' ); ?>
    </a>
    <?php } ?>
    <div class="excerpt_content<?php if ( has_post_thumbnail() ) echo \' with-thumbnail\'; ?>">
    <span class="index_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span>
    <span class="sub-title">By <?php the_author_posts_link( ); ?> <span class="sub-title-divider">|</span> <?php the_time(\'F j, Y\'); ?> <span class="sub-title-divider">|</span> <a href="#commentlist"><?php comments_number( \'No comments\', \'One comment\', \'% comments\' ); ?></a></span>
    <?php the_excerpt(); ?>
    </div><!-- .excerpt_content -->

<!-- End excerpt wrap -->
</div>
</div>

<?php endwhile; ?>

<!-- Next/Previous entries -->
<div class="mp_archive">
<div id="more_posts">
<div class="oe"><?php next_posts_link(\'&laquo; Older\') ?></div><div class="re"><?php previous_posts_link (\'Newer &raquo;\') ?></div>
</div>
</div>

</div>
</div>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

结束

相关推荐

从插件模板文件内部调用_excerpt

我正在尝试使用插件模板文件中的\\u摘录表单,插件是wp favorite posts默认情况下,插件仅列出并显示保存的帖子标题,我已设法让它显示所有内容、税务条款、图像等,但对\\u摘录很感兴趣,添加时会发生什么<?php the_excerpt( $post_id ); ?> 代码中不断循环着最喜欢的帖子,没有摘录。Im使用global $post 这样我就可以得到所有的信息(除了摘录)<?php global $post; if (!empty(