分类
WordPress教程

WordPress使用自定义字段来显示日志缩略图

下面是实现使用自定义字段来显示日志缩略图的详细步骤:

1. 首先你应该能够上传图片到你的服务器,你可以通过 FTP 工具或者在 WordPress 后台通过其他任何 WordPress 插件上传图片。

2. 在撰写新日志的页面,向下滚动到一个叫做自定义字段(Custom Fields)的地方,点击按钮展开它。

3. 在 Key 字段输入 “image_thumb”,然后在 “Value” 字段输入你刚才上传的图片的 URL。

4. 然后继续你写日志的常规动作,增加标题,输入内容,选择分类,最后发布。

5. 现在打开你当前主题的 index.php 文件,搜索到下面这行:

<?php the_content('Read the rest of this entry &raquo;'); ?>

这上面这行之前添加以下代码:

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php $values = get_post_custom_values("image_thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" /></a>
分类
WordPress教程

WordPress显示日志里第一张图片

方法一、

1. 将以下这段代码添加到主题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;
}

代码解释:post内如果有图片则显示图片,如果没有图片则显示默认图片

2.在loop内调用:

<?php echo catch_that_image() ?>

方法二、

利用一个简单的正则表达式实现,用在CMS主题上,为每一篇文章添加一张缩略图。

<?php
$szPostContent = $post->post_content;
$szSearchPattern = '~<img [^\>]*\ />~'; // 搜索所有符合的图片
preg_match_all( $szSearchPattern, $szPostContent, $aPics );
$iNumberOfPics = count($aPics[0]); // 检查一下至少有一张图片
if ( $iNumberOfPics > 0 ) {
  echo '<div align="center">'.$aPics[0][0].'</div>';
  }
?>

以上这段代码仅显示内容中的第一张图片,如需显示更多,可修改下:

if ( $iNumberOfPics > 0 ) {
  echo '<div align="center">'.$aPics[0][0].'</div>';
};

显示第二张:

echo '<div align="center">'.$aPics[0][1].'</div>';

显示第三张

echo '<div align="center">'.$aPics[0][2].'</div>';