A-A+

wordpress如何制作特色图像

2015年03月12日 PHP开源系统 暂无评论 阅读 28 views 次

在 wordpress 中特色图片是用来美化用户体验的,主要用在图文并矛的站点上面,比如夏日博客首页每一篇文章都有其标题和标题图片的显示,这是由后台自定义图像字段后形成的效果,这样的布局体验要比纯文字的看起来更舒服一些,如果拿几个 wordpress 制作的站点来对比一下,就更明显了。

在后台可以设置任何上传的图片为特色图像,在调用的时候直接点击特色图像就可以了,我们看一下在添加文章时如何添加一个特色图像,首先要在自定义的自段添加一个 img 的自定义字段,或者是其它的名字均可,自定义自段的值就为图片的链接,这样才能正确调用图像,然后在需要的地方加入如下的代码:

<?php $key="img"; echo get_post_meta($post->ID, $key, true); ?>

除了这种方法外,我们还可以把文章中的图片设置为特色图像,直接调用文章中的第一张图片为特色图像,使用如下的代码,直接放入到主题 functions.php 文件中即可,代码如下:

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
   
  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}

然后在需要的地方进行调用即可,调用的代码如下:

<?php echo catch_that_image() ?>

需要注意一点的就是以上两种调用的方法都需要写入到循环内,否则将会造成调用图片与文章不对应的问题出现,现在快去设置一下吧。

标签:

给我留言