不用插件实现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. 没有图片

    2011.03.02

    菠萝筐加入无觅网 启用相关插件

    昨晚无觅网管理员QQ联系了菠萝,想与博客联盟…

  2. 没有图片

    2011.04.25

    17款网页设计师必备的配色工具

    配色是一个成功的网页设计必备的要素之一,网页…

  3. 没有图片

    2012.04.11

    收藏的各种LightBox控件

    在Web设计的时候,经常会用到LightBo…

  4. 没有图片

    2011.11.16

    MT主机博客在页脚添加MT Logo标志

    大家看到很多在使用MT主机的博客的页脚位置都…

  5. 没有图片

    2012.06.15

    简短而实用的WordPress随机日志调用代码

    此段调用代码可以用来制作碰碰运气,也可以用来…

  6. 没有图片

    2009.07.09

    国外优秀开源PHP建站系统对比分析

    开源(Open Source,开放源码)被非…

评论

  1. 陈小黑 2010.06.22 1:52下午

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

  2. 漠惜雨 2010.03.09 6:19下午

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

  3. Fat聪 2010.02.12 1:40下午

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

  4. 沙拉 2010.01.26 5:18下午

    我又来你这里学习了

  5. 西安SEO 2010.01.26 2:04下午

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

  6. 菠萝 2010.01.25 2:06下午

    @Firm
    有图肯定会占用一定的图片流量。

  7. 菠萝 2010.01.25 2:05下午

    @左岸读书
    说得对,其实不是好在可以发图,而是没图的时候可以换成广告。

  8. 菠萝 2010.01.25 2:04下午

    @Jclyn
    呵呵,大家都在进步中,各有所长吧,一起进步。

  9. 菠萝 2010.01.25 2:03下午

    @阿吴
    是啊,咱们一般很少用这个功能。其实用起来真的很强大。

  10. 菠萝 2010.01.25 2:02下午

    @Auston Jary
    当日志没有图片的时候,可以自动显示广告,只要你设置好。

  11. 漠岚 2010.01.25 2:16上午

    不用插件 和 用插件 有啥区别啊?

  12. 快乐岛博客 2010.01.24 11:52下午

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

  13. Rusaer 2010.01.24 10:39下午

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

  14. zwwooooo 2010.01.24 1:59下午

    喜欢码代码的朋友有福了,不过我的主题还没打算这样用

  15. 羽中 2010.01.24 8:59上午

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

  16. 漠天 2010.01.23 11:50下午

    方法不错。够简单,
    .-= 漠天的最新日志:漠天 关于 留言本 的评论 =-.

  17. 赢在网络 2010.01.23 10:50下午

    方法不错。
    .-= 赢在网络的最新日志:盘点我使用的Google产品 =-.

  18. Firm 2010.01.23 5:41下午

    会不会很占资源
    .-= Firm的最新日志:风险投资项目wofa,高收益高风险 =-.

  19. Kada 2010.01.23 4:12下午

    我也一直没有用过自定义字段功能。

  20. 江流 2010.01.23 1:24下午

    我的博客无日志图 哈哈
    .-= 江流的最新日志:选择适合自己的游览器 =-.

  21. 左岸读书 2010.01.23 1:09下午

    这个设定有重大意义!

  22. Jclyn 2010.01.23 12:54下午

    菠萝大人每次都发好高级的东西
    看不懂
    啊哦
    .-= Jclyn的最新日志:問你》祭司的淚 =-.

  23. 阿吴 2010.01.23 12:52下午

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

  24. Auston Jary 2010.01.23 10:00上午

    什么效果…
    .-= Auston Jary的最新日志:更换域名啦 =-.

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!