A-A+
wordpress如何制作特色图像
在 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() ?>
需要注意一点的就是以上两种调用的方法都需要写入到循环内,否则将会造成调用图片与文章不对应的问题出现,现在快去设置一下吧。