我在flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片中提到的在文章后面显示与文章内容相关的flickr图片的功能如果不加以修改是不能使用的。拖了好几个星期，今天因为改了域名（www.shidelai.cn），所以想有个好的开始，把新的代码搞出来了，和原来的效果一样，接近完美。你可以根据我的代码加以修改成自己的代码，比如如果你的页面比较窄，那么可以把’num_items’ => 8修改为’num_items’ => 5等等。

具体方法如下：

将flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片

<?php get_flickrRSS(8, “community”, “$first_tag”, “square”, “&nbsp;”, “&nbsp;”); ?>

修改为：

<?php get_flickrRSS(array(‘num_items’ => 8, ‘type’ => ‘public’, ‘tags’ => “$first_tag”, ‘html’ => ‘&nbsp;<a href=”%flickr_page%” title=”%title%”><img src=”%image_square%” alt=”%title%”/></a>&nbsp;’)); ?>

就OK了。

参数解释：

The Parameters

‘type’ => ‘user’ – The type of Flickr images that you want to show. Possible values: ‘user’, ‘favorite’, ‘set’, ‘group’, ‘public’

‘tags’ => ” – Optional: Can be used with type = ‘user’ or ‘public’, comma separated

‘set’ => ” – Optional: To be used with type = ‘set’

‘id’ => ” – Optional: Your Group or User ID. To be used with type = ‘user’ or ‘group’

‘do_cache’ => false – Enable the image cache

‘cache_sizes’ => array(‘square’) – What are the image sizes we want to cache locally? Possible values: ‘square’, ‘thumbnail’, ‘small’, ‘medium’ or ‘large’

‘cache_path’ => ” – Where the images are saved (server path)

‘cache_uri’ => ” – The URI associated to the cache path (web address)

Presentational params

‘num_items’ => 4 – The number of images that you want to display

‘before_list’ => ‘‘ – The HTML to print before the list of images

‘html’ => ‘<a href=”%flickr_page%” title=”%title%”><img src=”%image_square%” alt=”%title%”/></a>’ – the code to print out for each image.

Meta tags available: %flickr_page%, %title%, %image_small%, %image_square%, %image_thumbnail%, %image_medium%, %image_large%

‘default_title’ => “Untitled Flickr photo” – the default title

‘after_list’ => ‘‘ – the HTML to print after the list of images

Examples

<?php get_flickrRSS(array(‘num_items’ => 4, ’type’ => ‘public’, ’tags’ => ‘sunflowers’)); ?> – This will display four photos from the public stream that are tagged with sunflowers

<?php get_flickrRSS(array(‘set’ => ’1234567890′, ’num_items’ => 6, ’type’ => ‘set’)); ?> – This will display six photos from a specified set

另外可以参考下本站的源码

Comments

• 2009-04-2, 盒子 writes: 先留言 再接着看
• 2009-04-9, 淘宝网店 writes: 先支持下，慢慢学习~！~
• 2009-04-17, pc412 writes: 可不可以给个5.0的源文件？弄了半天都没效果 =（
• 2009-04-17, 阿德 writes: 放到文章后面了,右键另存为就可以了
• 2009-04-18, pc412 writes: 谢谢。。不过你有MSN吗？有些问题想问你 =）
• 2009-04-18, pc412 writes: pc412_7@hotmail.com 这是我的～
• 2009-05-2, 阿德 writes: 俺比较低端，都没用MSN。。。 我去下一个再加你。。， 不好意思回得有点晚
• 2010-03-22, Eureka writes: 你好 我用了flickrRSS后一行只能显示一张图片 怎么才能想你的边栏一样一行显示3张？谢谢！
• 2010-03-23, 阿德 writes: 是不是本来就只有4张照片呀？
• 2010-03-23, Eureka writes: 请看一下www.eureka321.com 我设置显示六张照片 但只能单列显示 我希望一行能显示三张
• 2010-03-25, 阿德 writes: 我右边栏上面8张照片也是单列显示的，是不是用widget显示这些照片的啊？ 下面6张照片分两行，每行3张是将flickrRSS的代码放到siderbar.php里才达到的效果。
• 2010-03-25, Eureka writes: 哦 原来如此 谢谢谢谢

Related posts:

• flickrRSS高阶使用三部曲之一：显示flickr上的图片
• flickrRSS高阶使用三部曲之三：配合Gravatar2让flickr的图片作为WordPress留言的随机头像
• flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片

下载＆安装

flickrRSS 4.0 — for WP 2.5
flickrRSS 3.5 — for WP 2.3

解压缩后复制到plugins目录下即可，然后后台激活。

注意：由于flickr是国外网站，速度会比较慢，如果需要将图片在本地缓存，你需要新建一个可写的目录用于缓存图片。这样，图片第一次被浏览时候会下载到改目录下，下次就直接从该目录读取图片了。

比如在wp-content目录下新建一个文件夹命名为cache。

设置

进入setting（设置）下的flickrRSS设置页面，这里设置的是默认情况下flickrRSS输出的内容（用于侧边栏的Widget和<?php get_flickrRSS(); ?>）以及缓存文件夹的路径。

1. 点击ID Number后面的 idGettr 输入一个Photostream Address（形如：http://www.flickr.com/photos/delai，就是每个flickr用户主页的网址，你可以找个自己比较喜欢的用户的主页地址）。将获得的ID填入ID Number后面的文本框。

2. Display设置的是显示该用户的哪些图片，以什么方式显示，如图片大小，显示多少张等等。

在侧边栏中添加flickrRSS的Wigdet，应该可以显示图片了。

3. 如果要使用本地缓存功能，勾上Enable the image cache，然后设置下路径：

URL： http://blog.shidelai.cn/wp-content/cache/

Full Path：/home/yourname/domains/soulward.cn/public_html/wp-content/cache

你可以参照一下我的进行设置，如果你装过Gravatar2的话那么打开它的设置面板就可以很容易知道Full Path里面该填什么了。

使用

前面提到，出了能在侧边栏显示图片之外，我们还可以在主题中插入代码使得可以在博客的任意位置显示符合各种要求设定的flickr图片。阿德只简单地在留言框下面显示最新上传的flickr上Tag为’hangzhou’的图片，并且点击图片后是在新窗口打开对应的flickr页面，而不是默认地在本地窗口打开，咱不能让flickr抢了生意不是？。

方法：

1. 在single.php中最后一个</div>前面添加

<ul>
<div class=”flickrtag”>
<li><h3 class=”sidebartitle”>Flickr上的杭州</h3>
<?php get_flickrRSS(9, “community”, “hangzhou”,”square”); ?>
</li>
</div>
<ul>

如有疑问可以参看下我的single.php源码

2. 在style.css中添加

.flickrtag a:active{
text:expression(target=”_blank”);
}

测试下吧，呵呵

当然，你可以发挥自己的想象力，比如最新上传的tag为艳照门的图片阿什么的。关于get_flickrRSS函数的参数和使用例子作者的网站上以及有了，可以参考一下。

Comments

• 2008-07-4, 让flickr的图片作为WordPress留言的随机头像 @ 阿德日志 ( 留言框, 随机头像, flickr, gravatar2, wordpress, ) writes: [...] 在WordPress插件：显示flickr上的图片－flickrRSS使用详解（http://www.soulward.cn/2008/06/how-to-flickrrss.html）和 WordPress博客中显示与文章内容相关的Flickr图片 （http://www.soulward.cn/2008/06/essay-photo.html）中我已经介绍了在文章中显示与文章内容相关的flickr图片，如果按文中提到的设置过来，那么会有很多图片被缓存在/home/yourname/domains/soulward.cn/public_html/wp-content/cache这个文件夹下面。而Gravatar2这个插件最重要的改进就是可以随机选取一张图片作为留言头像。 [...]
• 2009-01-24, N/A writes: 不錯...
• 2009-07-1, gman writes: :roll: 非常感谢，很实用！
• 2009-07-24, flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片 @ 阿德日志 ( flickr, wordpress, 内容, 图片, 插件, 文章相关, ) writes: [...] 在WordPress插件：显示flickr上的图片－flickrRSS使用详解中我介绍了flickrRSS插件的简单应用，也列举了如何在留言框下面显示flickr上最新发布的标签为：hangzhou的图片。但阿德总感觉这样太单调了，可不可以在这个位置显示与这篇文章内容相关的图片呢？如果可以岂不是太爽了？答案当然是肯定的！要不就不会有这篇博文了，呵呵。 [...]
• 2009-07-24, flickrRSS高阶使用三部曲之三：配合Gravatar2让flickr的图片作为WordPress留言的随机头像 @ 阿德日志 ( 留言框, 随机头像, flickr, gravatar2, wordpress, ) writes: [...] 在WordPress插件：显示flickr上的图片－flickrRSS使用详解（http://blog.shidelai.cn/2008/06/how-to-flickrrss.html）和 WordPress博客中显示与文章内容相关的Flickr图片 （http://blog.shidelai.cn/2008/06/essay-photo.html）中我已经介绍了在文章中显示与文章内容相关的flickr图片，如果按文中提到的设置过来，那么会有很多图片被缓存在/home/yourname/domains/soulward.cn/public_html/wp-content/cache这个文件夹下面。而Gravatar2这个插件最重要的改进就是可以随机选取一张图片作为留言头像。 [...]
• 2011-02-7, arp writes: 更新了，试试先

Related posts:

• flickrRSS高阶使用三部曲之三：配合Gravatar2让flickr的图片作为WordPress留言的随机头像
• flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片
• flickrRSS高阶应用三部曲之新版本flickrRss 5.0补录

本站是我的个人博客，于2008年5月创建，目前使用的是wordpress博客系统和Dreamhost主机，关注时事、生活、IT。

自我介绍

施德来，男，浙江温州瑞安人氏，目前是浙江大学计算机学院研二学生。

E-mail：

G-Talk：

MSN：

QQ：84378265

My Google Profile：http://www.google.com/profiles/shidelai

My Flickr photostream：http://www.flickr.com/photos/delai

友情链接

本博客渴望与任何合法的网站交换友情链接，请在网站上做好友情链接后在本页面留意或者发E-mail与我联系。

我的链接样式：

名称：阿德日志

网址：http://www.soulward.cn

描述：施德来的个人博客，关注时事、IT、生活、Linux、WordPress。

版权声明

无特别说明，本站内容全部为原创，遵循署名-非商业性使用-相同方式共享 2.5的创作共用协议，转载文章请注明 : 阿德日志(htpp://www.soulward.cn)。

Comments

• 2008-05-24, 徐伟宏 writes: SB
• 2008-06-10, 朱笑 writes: 不知道留什么~晚安~~
• 2008-06-13, 刘敏 writes: 未来挨踢就是和我们普通人不一样 是比较高级点~~~~~~~~~~~~~飘过 加油 :lol:
• 2008-06-13, ade.阿德 writes: 求踢～～
• 2008-06-15, 星爷 writes: :?: 偶像！ :roll: 坚持
• 2008-07-1, wang jian writes: :mrgreen: 博客很不错哦,其实你在高一的时候我就知道你是未来挨踢! :smile:
• 2008-07-2, 阿德.idea writes: :cool: 混口饭吃那，不喜欢也不讨厌。
• 2008-07-12, 当当 writes: 不支持firefox留言么，在友情链接板块好像提交不上去。。 www.dangdangbook.org 当当网博客
• 2008-07-15, 阿德.idea writes: 源码出了点问题，在解决当中。不是浏览器问题，已经添加到友情链接了，呵呵。
• 2008-08-11, Apple writes: 发觉以前对你的了解，有些是错误的。。。
• 2008-08-25, 毛玉书 writes: :neutral: 来看看 :razz:
• 2008-08-25, 毛玉书 writes: :neutral:
• 2008-09-12, 我就不行我搞不定你 | 杂货铺在线 writes: [...] 关于本站 [...]
• 2008-11-15, HUHU writes: 学计算机的，博客就是不一样，透着一股子专业。
• 2008-11-17, 阿德Delai writes: 都用WordPress的，有机会可以交流交流 :mrgreen:
• 2009-01-7, Dan writes: hehe. i work in shanghai liyang crazy english training center now. and i love it. :mrgreen:
• 2009-01-7, 阿德 writes: U are Niubility！
• 2009-01-8, Dan writes: thx, man you are awesome, too. you know, i have always wanted to go to zhejiang university and study there. anyway, i still have my dream.
• 2009-01-8, 阿德 writes: 大哥，饶了我吧， 我英语不行啊～～！
• 2009-02-10, 7 writes: :eek:
• 2009-02-12, 硫酸铜小陈 writes: 我想和你交换一下友情链接，我已经把你的博客链接放在首页了，如果你加了的话就邮件回复我吧。 链接样式：硫酸铜小陈 url：http://www.cuso4cym.com gmail：liusuantong@gmail.com qq：385669070@qq.com
• 2009-02-13, 阿德 writes: :smile: Done
• 2009-04-18, 乔帮主 writes: 博主你好，申请个友情链接，你的已经做好 :mrgreen: 谢了
• 2009-04-18, 阿德 writes: Done :mrgreen:
• 2009-05-2, 乔帮主 writes: :twisted: 我看你也是，很多天不来，啥也不写，然后一来就人品大爆发，一大堆啊，呵呵
• 2009-05-2, 阿德 writes: 忙啊, 世界各地发生了那么多事情, 伊拉克、伊朗、朝鲜都有一大堆事情要处理。
• 2009-05-3, 乔帮主 writes: =_=!...
• 2009-05-15, 乔帮主 writes: Hey，你那校友那事现在情况怎样了?那个富二代有没有被抓起来啊？看着俺就来气 :evil:
• 2009-05-19, 阿德 writes: 呵呵，应该会被判个几年吧。不过老实说富二代学好的还是比学坏的多的。好事不出门坏事传千里嘛。
• 2009-07-31, Eli writes: I was not finding ur email address anymore, so I try your blog, very well design I should say, which soft did u use, I hope u get this message and send me ur email so that we can have a real talk.
• 2009-08-1, 阿德 writes: my email http://blog.shidelai.cn/wp-content/uploads//2008/07/gmail.png I will mail u
• 2010-01-27, Jire writes: 学长，我的verse-o-matic插件总是出错，没法添加新的语录，网上说要自己改代码的，你是怎么弄滴？？
• 2010-02-16, 阿德 writes: 直接改数据库，添加几条空记录，要用的时候改成语录就行了
• 2010-02-25, ecy writes: 呵呵，我是恨少，这几天一直在学习使用WordPress搭建自己的博客，从你这儿学到不少东西 :mrgreen:
• 2010-02-26, 阿德 writes: 哈哈 :smile: 已经很久没折腾了，多交流~~
• 2010-04-30, ecy writes: Hi，我是恨少，我想知道你的侧边栏的Flickr相册用的是什么插件，我也想以这样大的图片展示Filckr里面的相片 ^_^
• 2010-05-5, 阿德 writes: flickrRSS
• 2010-05-22, appshare writes: 校友，交换一个链接：www.appshare.cn 儿童早教App大全，已经给你做好友情链接了。
• 2010-06-8, 阿德 writes: Done Thanks for your attention :idea:
• 2010-07-16, mz writes: 能和你交换友链吗？同样是个人博客 ps.FCCTT 康老大好像也退出了…… http://mengzhuo.org/blog/
• 2010-07-17, 阿德 writes: Done！他我有印象，我那会儿感觉新进来的人水平越来越差，给我校对的译文真是让人看了很崩溃，加上学校事情多起来也所以就退出了。
• 2010-09-15, 翎羽志 writes: 不错哟，收藏了。
• 2010-09-26, Moker writes: 网站挺不错的，风格很喜欢。能换了链接交个朋友不？ 墨客草屋：http://www.meiwenzhang.com/blog
• 2010-10-30, 澄清 writes: 友情链接的点着点着就碰到校友了，俺10年本科软件工程毕业的。 :mrgreen:
• 2010-11-3, 阿德 writes: :lol:
• 2010-11-5, 阿德 writes: 已经做好了~~~ :lol:
• 2011-07-15, youttiao writes: 校友啊！ 我09CS
• 2011-10-4, 阿德 writes: ^_^~~