网有已经有很多文章介绍了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

其中:

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

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

转载请注明:菠萝筐 » 不用插件实现WordPress自定义日志缩略图的方法

相关文章

20访客评论 ,博主回复5

  1. 我的那个只能调用本地图片 不能引用其他网站的~ 囧~

    陈小黑06-22 13:52 回复
  2. 回去研究研究~~~~
    .-= 漠惜雨的最新日志:犀利女子组合I MISS YOU =-.

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

    Fat聪02-12 13:40 回复
  4. 我又来你这里学习了

    沙拉01-26 17:18 回复
  5. 不错,我的主题就是用代码实现的缩略图,代码跟你的相近。
    .-= 西安SEO的最新日志:几款超优秀的WP中文原创主题(含CMS适合做资讯站) =-.

    西安SEO01-26 14:04 回复
  6. @Firm
    有图肯定会占用一定的图片流量。

    菠萝01-25 14:06 回复
  7. @左岸读书
    说得对,其实不是好在可以发图,而是没图的时候可以换成广告。

    菠萝01-25 14:05 回复
  8. @Jclyn
    呵呵,大家都在进步中,各有所长吧,一起进步。

    菠萝01-25 14:04 回复
  9. @阿吴
    是啊,咱们一般很少用这个功能。其实用起来真的很强大。

    菠萝01-25 14:03 回复
  10. @Auston Jary
    当日志没有图片的时候,可以自动显示广告,只要你设置好。

    菠萝01-25 14:02 回复
  11. 不用插件 和 用插件 有啥区别啊?

    漠岚01-25 02:16 回复
  12. 收藏,但要理解每一句话都有难度
    .-= 快乐岛博客的最新日志:Maryland Zoo partners with the B&O Railroad, Maryland Science Center, and Port Discovery for the Months of January and February. =-.

  13. 我的图都是固定大小,不敢发大图
    .-= Rusaer的最新日志:Scuba TV =-.

    Rusaer01-24 22:39 回复
  14. 喜欢码代码的朋友有福了,不过我的主题还没打算这样用

    zwwooooo01-24 13:59 回复
  15. 感觉如果不能自动抓取图片其实都比较麻烦。。我那typecho还没支持自定义字段,但我把自定义url放在模版里作为图片名称就可以调用ftp上传的缩略图了
    .-= 羽中的最新日志:博客如人,如人生 =-.

    羽中01-24 08:59 回复
  16. 方法不错。够简单,
    .-= 漠天的最新日志:漠天 关于 留言本 的评论 =-.

    漠天01-23 23:50 回复
  17. 方法不错。
    .-= 赢在网络的最新日志:盘点我使用的Google产品 =-.

    赢在网络01-23 22:50 回复
  18. 会不会很占资源
    .-= Firm的最新日志:风险投资项目wofa,高收益高风险 =-.

    Firm01-23 17:41 回复
  19. 我也一直没有用过自定义字段功能。

    Kada01-23 16:12 回复
  20. 我的博客无日志图 哈哈
    .-= 江流的最新日志:选择适合自己的游览器 =-.

    江流01-23 13:24 回复
  21. 这个设定有重大意义!

    左岸读书01-23 13:09 回复
  22. 菠萝大人每次都发好高级的东西
    看不懂
    啊哦
    .-= Jclyn的最新日志:問你》祭司的淚 =-.

    Jclyn01-23 12:54 回复
  23. 一直没用过这个自定义字段功能
    .-= 阿吴的最新日志:伟大的公司—Sun =-.

    阿吴01-23 12:52 回复
  24. 什么效果…
    .-= Auston Jary的最新日志:更换域名啦 =-.

    Auston Jary01-23 10:00 回复

我来说说

(必须)

(必须,保密)

相信,您的评论一针见血!
取消