• WordPress自定义字段添加日志图片(2)－开始

    分类：WordPress | 标签： ,,, | 浏览次数：5,308

    利用WordPress的自定义字段为指定日志添加图片，不仅可以使读者更易于了解文章的主题内容，更能起到吸引读者及个性化的作用。如果你对此感兴趣，欢迎与我一起讨论这个专题 :)

    快速链接：

    继上篇说了下这个主题的情况后，现在开始介绍怎样利用WordPress的自定义字段为日志添加图片了。首先要介绍的是为首页各篇日志添加相同大小的图片，当然图片是根据各篇日志内容不同而不同的。并不是简单的在index.php模板内插入一个图片代码而已，我们要做的效果是这样的：

    WordPress自定义字段1

    现在动手，首先在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 class="indeximg"><img width="495" src="<?php echo $image; ?>" alt="" /></div>

    其中：

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

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

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

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

    其中：

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

    然后点击“添加自定义字段”按钮则可。完成上述步骤后，你就可以在首页看到自己为各篇日志添加指定图片的效果了 :)

    怎样，操作还算简单吧。那么这一篇就到此，在下一篇我会说说进行上述修改后对用户友好访问的影响及解决的办法之我见，OK, See U ;)

    或者收藏到 Delicious。建议通过 RSS 订阅本站更新。你还可以 follow me 谢谢！ — by Jinwen @ 2008/04/30 15:50