不用插件实现WordPress自定义日志缩略图的方法

网有已经有很多文章介绍了WordPress缩略图的方法,在此,我继续啰嗦一下,不过也给添加一点新的东西,就是实现缩略图位置当有图片的时候显示图片,没有图片的时候,显示你想显示的东西,比如广告啦什么的。

在你的日志模板文件中找到你要显示图片的地方,把相应的显示图片的代码改成:

<?php $image = get_post_meta($post->ID, 'thumb_image', true); ?>//设定自定义代码的名称
<?php if ( get_post_meta($post->ID, 'lead_image', true) ) : ?>//执行条件:有图片时候
<div><img width="336" height="280" src="<?php echo $image; ?>" alt="" /></div>//图片样式控制
<?php else : ?>//如果没有图片的话
//这里插入你的图片或广告代码
<?php endif ?>

这段代码中的thumb_image就是你自定义域的名称,在后面的内容里输入你的图片地址就可以了。

附一下WordPress自定义域添加图片方法:

在index.php文件中查找如下这句(根据主题模板不同而稍有不同):

<?php while ( have_posts() ) : the_post() ?>
<div id="post-<?php the_ID() ?>">

我们在其下面添加如下一句:

<?php $image = get_post_meta($post->ID, 'index_image', true); ?>

这一句的作用是用来控制自定义字段的设置,在这里我们把自定义字段设置为:index_image。

然后我们在需要插入照片的地方增加如下代码调用自定义字段:

<div><img width="495" src="<?php echo $image; ?>" alt="" /></div>

其中:

  • 代码中的“img width=””495”是调用图片的宽度尺寸,请根据你的模板宽度进行调整。
  • <div>标签是对图片的CSS属性设置。

通过上面的几行代码,现在我们可以在撰写新日志时候通过自定义字段对各篇日志的图片进行控制,具体如下:

新建日志,在WordPress后台的自定义字段中填写如下:

字段名:index_image
字段值:http://www.saywp.com/postimages/2008/04/test.png

其中:

  • 字段名:为我们在文章开始设置的名字。
  • 字段值:是你将调用图片的路径。

然后点击“添加自定义字段”按钮则可。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 2013.09.12

    WordPress 3.6.1 发布,大大提升安全性能

    今天李思章博客升级到 WordPress 3…

  2. 2011.04.02

    博客启用WordPress主题:LSZ Thinky Pro V3.1

    今天博客开启了在 WordPress 原生主…

  3. 没有图片

    2014.09.03

    如何正确地给固态硬盘分区(转)

    如果您正在使用或者准备购买固态硬盘(SSD)…

  4. 没有图片

    2010.03.31

    Comsenz 核心产品 Discuz!X 1.0 体验包发布

    2010年3月18日下午,Comsenz公司…

  5. 没有图片

    2012.05.20

    Centos 服务器时间同步

    新装的服务器可能设置了错误的,需要调整时区并…

  6. 没有图片

    2012.11.22

    服务器端口被占用解决方案

    在服务器上安装某服务时,可能会遇到端口被占用…

评论

  1. 漠惜雨 2010.03.09 6:19下午

    回去研究研究~~~~
    .-= 漠惜雨的最新日志:犀利女子组合I MISS YOU =-.

  2. Fat聪 2010.02.12 1:40下午

    WP2.91有自动缩略图函数了
    .-= Fat聪的最新日志:关于举办“医用气体及其工程技术研讨会”的通知 =-.

  3. 沙拉 2010.01.26 5:18下午

    我又来你这里学习了