WordPress 调用文章中的特色图像

林继 WordPress 4,330 共写了451个字 (2011-12-17 13:01:07) 没有评论 打印 扫描二维码 百度已收录

WordPress在写文章的时候右下角的个特色图像设置功能,什么是特色图像功能,就是当你的文章设定好特色图像后,那么你的博客首页和文章首页的左上角就会出现特色图像

如图所示:

那么根据这样的原理,我们可以把这个特色图像做为其它用处,大家在看网页的时候有些网站的内容就是这样的,一张图片,旁边注明标题,发表日期和文章分类。

如图所示:

如果把这些内容放在首,不仅给网站添加了色彩,同时也给用户带来了方便,看到图片就知道文章的内容了,那么如何实现呢,请看操作方法。

1、启用特色图像功能
在当然主题的文件夹下的functions.php.PHP中加入如下代码

  1. add_theme_support( 'post-thumbnails' );

2、在index.php中加入如下代码

  1. <div id="newpost">
  2. <ul>
  3. <?php $post_query = new WP_Query('showposts=10');
  4. while ($post_query->have_posts()) : $post_query->the_post();
  5. $do_not_duplicate = $post->ID; ?>
  6. <?php if ( has_post_thumbnail() ) { ?>
  7. <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
  8. <?php } else {?>
  9. <li>
  10. <a href="<?php the_permalink(); ?>"><img width="100" height="90" src="<?php bloginfo('template_url'); ?>/images/newpost.png" title="<?php the_title(); ?>"/></a>
  11. <?php } ?>
  12. <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  13. <h3>所属栏目:<a href="<?php the_permalink(); ?>"><?php the_category('parents'); ?></a></h3>
  14. <strong>发表日期:<time><?php the_time('m'); ?>-<?php the_time('d'); ?></strong>
  15. </li>
  16. <?php endwhile;?>
  17. </ul>

注明:以上是调用最新发表的文章,并且如果文章没有特色图像,那么使用我们默认的准备好的图像,如果你只想调用设定了特色图像的文章,请使用以下代码:

  1. <div id="newpost">
  2. <ul>
  3. <?php $post_query = new WP_Query('showposts=10');
  4. while ($post_query->have_posts()) : $post_query->the_post();
  5. $do_not_duplicate = $post->ID; ?>
  6. <?php if ( has_post_thumbnail() ) { ?>
  7. <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
  8. <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  9. <h3>所属栏目:<a href="<?php the_permalink(); ?>"><?php the_category('parents'); ?></a></h3>
  10. <strong>发表日期:<time><?php the_time('m'); ?>-<?php the_time('d'); ?></strong>
  11. </li>
  12. <?php } else {?>
  13. <?php } ?>
  14. <?php endwhile;?>
  15. </li>
  16. </ul>
  17. </div>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >