在_POST_THMBILING()上显示帖子标题

时间:2014-03-09 作者:user1727053

我正在处理一个即将解决的问题,但我目前陷入了困境。我已经更改了内容php以更改帖子的显示方式。我已经运行了$wp\\u query->current\\u post来确定帖子数量,并对每个帖子分别进行了样式设置。

第一篇帖子(帖子数量为0)有更大的特色图片和标题。第二、第三、第四和第五篇帖子没有摘录,只有一张精选图片,250x250,四人一组(如本网站上的方框:http://roispark.com)

我有这一切的工作,然而,我需要能够把这些图片上的帖子标题。自内容。php自己生成每个图像,4次,我不能使用相对/绝对定位,或者所有标题都堆叠在一起。

这是我的代码:

<header>
<?php if ( $wp_query->current_post == 0 && !is_paged() ) { ?>
  <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  <?php get_template_part(\'templates/entry-meta\'); ?>
  <?php if ( has_post_thumbnail() ) {
        the_post_thumbnail(\'homepage-first-thumb\');
    } ?>

<?php } elseif ( $wp_query->current_post == 1 
|| $wp_query->current_post == 2 
|| $wp_query->current_post == 3 
|| $wp_query->current_post == 4 
&& !is_paged() ) { ?>  

<div class="post-boxes">
  <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(\'homepage-thumb\'); ?></a>
</div>

<?php } else { ?>
  <?php if ( has_post_thumbnail() ) {
    the_post_thumbnail(\'homepage-child\');
  } ?>
  <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  <?php get_template_part(\'templates/entry-meta\'); ?>
<?php } ?>
关于如何在图片上显示\\u标题,有什么想法吗?

EDIT:

以下是我与邮箱联系较少的内容:

.post-boxes {
    position: relative;
    img {
        margin-right: 35px;
        margin-bottom: 25px;
    }
    p {
        position: absolute;
        top: 50px;
    }
}
看起来应该正确显示。然而,下面是它在我的网站上所做的图片:

http://imgur.com/6ig3GDn

1 个回复
SO网友:Bobby

我想你的意思是“top:-50;”,因为一个负数会使你的段落上升,一个正数会使你的段落下降。

结束