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

    2009.10.07

    网站SEO关键词密度分析工具

    Image via Wikipedia 其实…

  2. 没有图片

    2011.05.03

    25个黑色调网站 激发你的创造力

    我们都喜欢漂亮的网站设计样式,我对黑色调的网…

  3. 没有图片

    2011.10.09

    拖家带口入住[木头的木]MT主机

    11号与漠然一起使用的国内主机就要到期了,一…

  4. 没有图片

    2013.10.25

    本博为大前端主题D8提供技术支持及二次开发服务

    自大前端主题D8发布以来,受到了广大博主朋友…

  5. 没有图片

    2009.10.13

    绘画工具的使用-菠萝AE学习笔记

    实验项目13206304 绘画工具的使用 实…

  6. 没有图片

    2010.11.24

    PHP页面之间传递参数简单体验(完整实例)

    菠萝从来没学过PHP,虽然天天在和PHP打交…

评论

  1. Jclyn 2010.01.23 12:54下午

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

  2. 阿吴 2010.01.23 12:52下午

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

  3. Auston Jary 2010.01.23 10:00上午

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