在 wordpress 中特色图片是用来美化用户体验的,主要用在图文并矛的站点上面,比如夏日博客首页每一篇文章都有其标题和标题图片的显示,这是由后台自定义图像字段后形成的效果,这样的布局体验要比纯文字的看起来更舒服一些,如果拿几个 wordpress 制作的站点来对比一下,就更明显了。,在后台可以设置任何上传的图片为特色图像,在调用的时候直接点击特色图像就可以了,我们看一下在添加文章时如何添加一个特色图像,首先要在自定义的自段添加一个 img 的自定义字段,或者是其它的名字均可,自定义自段的值就为图片的链接,这样才能正确调用图像,然后在需要的地方加入如下的代码:,除了这种方法外,我们还可以把文章中的图片设置为特色图像,直接调用文章中的第一张图片为特色图像,使用如下的代码,直接放入到主题 functions.php 文件中即可,代码如下:,然后在需要的地方进行调用即可,调用的代码如下:,需要注意一点的就是以上两种调用的方法都需要写入到循环内,否则将会造成调用图片与文章不对应的问题出现,现在快去设置一下吧。,

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

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

ID, $key, true); ?>

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

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('//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;
}

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

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

,

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

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

ID, $key, true); ?>

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

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('//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;
}

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

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

最后修改:2025 年 09 月 10 日
如果觉得我的文章对你有用,请随意夸赞