在循环中定位特定的Wordpress帖子

时间:2015-05-05 23:53:11

标签: php jquery html css wordpress

我正在尝试定位各个帖子,以便我可以更改特定帖子的css(标题标签,填充等)。我的Wordpress网站目前在循环中生成帖子。

index.php代码(引入具有'post'代码的content.php)

<div>
    <?php if ( have_posts() ) : ?>
        <?php /* Start the Loop */ ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <?php
                get_template_part( 'content' );
            ?>
        <?php endwhile; ?>
        <div class="clearfix"></div>
        <div class="col-md-12">
        </div>
    <?php else : ?>
        <?php get_template_part( 'no-results', 'index' ); ?>
    <?php endif; ?>
</div>

content.php代码(获取后标题,类别,并将后缩略图设置为背景图像)

 <?php
if (has_post_thumbnail()) {
  $thumbnail_data = wp_get_attachment_image_src(get_post_thumbnail_id(     get_the_ID()), 'my-fun-size' );
  $thumbnail_url = $thumbnail_data[0];
}
?>

<article id="post-<?php the_ID(); ?>" style="background-image:url('<?  php echo $thumbnail_url ?>')" <?php post_class('container-fluid'); ?> >

<div class="row">
  <div class="col-md-12">
    <h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php      the_title(); ?></a></h2>
    <?php the_category(', '); ?>
  </div>    
</div>

</article><!-- /#post -->

functions.php(设置图片大小)

add_theme_support( 'post-thumbnails' );
add_image_size('my-fun-size', 'thumbnail');

输出为“行”100%宽度,标题,类别和背景图像(特征图像)。堆叠在彼此之上。我希望能够定位不同帖子的文本和bg图像,使它们看起来各不相同。

1 个答案:

答案 0 :(得分:0)

我认为最好的方法是在帖子中adding a custom field,然后在模板中以这种方式调用该自定义字段:

get_post_meta($post->ID, 'name_of_your_custom_field', true); 

这必须在循环内。