图文索引的制作方法

大家看到过煎蛋的索引吧,有图片加文字的貌似挺酷的。大排无意中发现了两个插件组合后加相关代码可以制作出类似效果。一个好的索引,要有好的插件,自己的不满意,能让网友童鞋买账吗,那种简单的archives还是无法让大排满意。

言归正传,总共我们要用到两个插件,第一个叫thumnails anywhere

插件名称:

Thumbnails Anywhere

插件功能:

1.首页文章缩略图、分类页文章缩略图、标签页文章缩略图效果。

2.随机图片日志效果,即可以在站内任何地方随机显示缩略图片,图片链回原日志。

3.对picasa、yupoo、flickr、图海、巴巴变等外链图片提供特别支持,调用各种尺寸的缩略图。

插件特点:

非常高效,通过访问自定义字段ta-thumbnail并自动填充维护该字段,大大减少了数据库访问,数据库访问开销几乎可以不计。

插件下载:

链接为最新版本:Version 2.0 测试版(2009.5.25  0:30 更新)
http://niaolei.org.cn/wp-content/uploads/2009/05/thumbnails_anywhere.zip

插件主页:

http://niaolei.org.cn/posts/4058

第二个叫做:Articles

1.下载插件并解压

2.将'articles.php'文件放到wp-content/plugins/文件夹中

3.去wordpress插件页面激活

4.去设置页面进行相关设置
下载地址:
http://wordpress.org/extend/plugins/articles/
接下来是如何建立索引页面,在你的wp-content/themes/abc皮肤中找到你的single.php文件打开后在后面加上如下代码

然后另存为guide.php,这里的Template Name: guide可以自己按喜好命名。 ;-)
新建页面,然后在右侧属性的模板选择你刚才命名好的,我这个应该是guide,选择它,然后在你的页面中加入如下token method代码,###articles###
,然后编辑你的认为重要的文章,在文章编辑最下面有个articles选择项,选择yes(旧版本的articles是自定义域中写入article值为1,新版人性化了一下,直接可以选择)。到目前为止我们所作的工作,已经可以调用你认为好的文章作为你博客索引的文字部分了。如果还是看不到效果,说明token method失效,请看大排的土办法
继续我们的手工制作,图片该如何调用呢,请继续关注你改写的guide.php打开编辑,在

前加入如下代码


然后在
或你认为合适的地方加入


,这里前一句代码实现的效果是调用时你的新日志的图片调用,后代码的效果是实现所有博文的图片的随机调用,具体的图片数你可以自己按喜好设定。然后你可以去掉影响效果的调用代码,然后修改好guide.php后发布,你看看吧效果出来咯。
看看米饭的索引

再看看煎蛋的

咋样,至少7成像了吧,具体效果啥的,你可以自己设计,字体啥的也可以动脑筋,另外第二个插件还可以用来做图库页面,专门弄一页进行调用,效果也不错,方法和前面讲的类似,大家可以自己动脑筋玩一下。

    A+
发布日期:2009年07月25日  所属分类:wordpress

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:13   其中:访客  6   博主  6   引用   1

  1. avatar SunQ 4

    看着确实不错,不过貌似也挺麻烦,算了,暂时先不折腾了

  2. avatar 金融危机 0

    之前用过一个类似的 总是觉得1个个设置太麻烦了 不知道有没有批量的.

  3. avatar 大排

    @SunQ
    还好不是特麻烦

  4. avatar 大排

    @金融危机
    暂时没有发现(^o^)/~

  5. avatar 石老人 5

    汗,周末回去研究一下吧。

  6. avatar 大排

    @石老人
    嘿嘿!是不是有点心动了(^o^)

  7. avatar 365hope 4

    为了响应大排兄的革命号召,俺们正在对本文深入学习+深入研究中~~~
    :grin:

  8. avatar 大排

    @365hope
    在写本文时我把具体放图片代码位置漏了,如果看不明白我稍后加上,谢谢关注

  9. avatar chuhu 1

    话说存档页会被百度判断成重复网页~

  10. avatar 大排

    @chuhu
    流量不靠百度给,不怕,都是志趣相投的一些朋友来看的!我先超度了百度

  11. avatar 设&计是空 2

    不能自动更新吗?

  12. avatar 大排

    @设&计是空
    图片可以自动更新,文字可以按你要求设置,发表前可以选择进索引还是不进

  13. 来自外部的引用: 1

    • 主题:又折腾了一下! – 365hope.COM | 关注生活、科学、网络以及Wordpress