阿德日志 » flickr http://blog.delai.me 我的自留地 Thu, 29 Dec 2011 03:33:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 flickrRSS高阶使用三部曲之三：配合Gravatar2让flickr的图片作为WordPress留言的随机头像 http://blog.delai.me/2008/07/gravatars2-flickrrss.html http://blog.delai.me/2008/07/gravatars2-flickrrss.html#comments Fri, 04 Jul 2008 07:41:12 +0000 阿德 http://www.soulward.cn/?p=221 Gravatar，全称为 globally recognized avatar，是 http://www.gravatar.com/ 推出的一种头像身份标识服务。只要你在Gravatar上注册你邮箱，和上传头像图片，然后当你在启动 Gravatar 服务的博客上留言，就可以显示你的头像。

WordPress内置了对Gravatar的支持，但国内在Gravatar上注册过的人还是比较少的，这导致了留言中大部分都是默认的头像，这样想到很单调。

如果能让留言的人中Gravatar上注册过的显示其对应的头像，没注册过的随机显示一张来自flickr上的图片，那么留言框将很有生气哦。比如这样:http://blog.shidelai.cn/leave-message。

其实要实现这个效果很简单。

在WordPress插件：显示flickr上的图片－flickrRSS使用详解（http://blog.shidelai.cn/2008/06/how-to-.html）和 WordPress博客中显示与文章内容相关的Flickr图片 （http://blog.shidelai.cn/2008/06/essay-photo.html）中我已经介绍了在文章中显示与文章内容相关的flickr图片，如果按文中提到的设置过来，那么会有很多图片被缓存在/home/yourname/domains/soulward.cn/public_html/wp-content/cache这个文件夹下面。而Gravatar2这个插件最重要的改进就是可以随机选取一张图片作为留言头像。

参照上面提到的2篇文章解决好flickrRSS后，接下来就是Gravatar2的事情了。

gravatars2下载：http://blog.shidelai.cn/wp-content/uploads//2008/07/gravatars2.rar

解压后，安装它显示的文件夹结构，将gravatars2.php 和 gravatars2-wpcron.php 上传到plugins文件夹下，将gravatars文件夹上传到wp-content下面。

然后后台激活他们。其中gravatars2-wpcron.php是用来从Gravatar网站缓存用户头像的，可以选择不激活。

在Setting－Gravatar2中设置头像文件夹为：/home/yourname/domains/soulward.cn/public_html/wp-content/cache（根据具体情况修改）

然后在你的 style.css 文件中插入以下样式头像的代码：

.gravatar {
float: right;
margin-left: 10px;
width: 75px;
height: 75px;
border: 1px solid #b0deff;
}

上面是官方推荐的，下面的是我使用的：
.gravatar {
float: right;
margin-left: 10px;
width: 75px;
height: 75px;
border: 1px solid #b0deff;

}

最后在 comments.php 中找到

<li class=”<?php echo $oddcomment; ?>” id=”comment-<?php comment_ID() ?>”>

在下面添加

<?php if (function_exists(‘gravatar’)) { gravatar_image_link(); } ?>

附上我的comments.php供参考

Comments

Related posts:

[原文链接：http://blog.delai.me/2008/07/gravatars2-flickrrss.html] ]]> http://blog.delai.me/2008/07/gravatars2-flickrrss.html/feed 2 flickrRSS高阶使用三部曲之二：在WordPress博客中显示与文章内容相关的Flickr图片 http://blog.delai.me/2008/06/essay-photo.html http://blog.delai.me/2008/06/essay-photo.html#comments Sat, 14 Jun 2008 06:55:56 +0000 阿德 http://www.soulward.cn/?p=214 在WordPress插件：显示flickr上的图片－flickrRSS使用详解中我介绍了flickrRSS插件的简单应用，也列举了如何在留言框下面显示flickr上最新发布的标签为：hangzhou的图片。但阿德总感觉这样太单调了，可不可以在这个位置显示与这篇文章内容相关的图片呢？如果可以岂不是太爽了？答案当然是肯定的！要不就不会有这篇博文了，呵呵。:cool:

方法

1. 在打开主题文件夹下的single.php，在

<div class=”post” id=”post-<?php the_ID(); ?>”>

……….

</div><!–/post –>

之间添加如下代码：

<?php
$tags = explode(“, “, get_the_tag_list(”,’, ‘,”));
$first_tag=preg_replace(‘|<a\s.*?>(.*?)</a>|i’,   ‘\1′,   $tags[0]);
?>

2. 将flickrRSS使用详解里面提到的

<div id=”related-pic”>
<?php get_(8, “community”, “$first_tag”, “square”, “&nbsp;”, “&nbsp;”); ?>
</div>

修改为：

<div id=”related-pic”>
<?php get_flickrRSS(8, “community”, “$first_tag”, “square”, “&nbsp;”, “&nbsp;”); ?>
</div>

这段代码在新的flickr5.0版本中不适用了，具体解决方法看这里flickrRSS高阶应用三部曲之新版本flickrRss 5.0补录

另外你可以参考不同浏览器里图片大小不同的解决方法

原理就是显示flickr上标签与文章第一个标签相同的图片，但是注意：文章的第一个标签并不是你在编辑时候输入的第一个标签，而是按照字母排序的第一个标签。

当然你也可以再这设置个$second_tag让它显示包含头2个标签的图片。不过我发现这样会很少有符合条件的图片，很多情况下一张都没有（主要是因为flickr上的标签英文居多，我们博客的标签中文居多）。

Advanced

发挥你的想象力，get_flickrRSS()真的是很好很强大阿，它一共可以设置7个参数，下面的参数介绍你或许用得着。

  1. $num_items – how many photos you want to appear   显示多少图片
  2. $type – specify user, set, favorite, group or community photosream    设置是在用户的所有图片，还是用户的收藏，还是。。。。中搜索
  3. $tags – a comma separated list of tags (with no spaces)  标签
  4. $imagesize – square, thumbnail, medium or large  图片大小
  5. $before_image – html appearing before each photo  插入每张图片之前的html代码
  6. $after_image – html appearing after each photo   插入每张图片之后的html代码
  7. $id_number – specify a user id (or group name)   在特定的用户或者组中搜索
  8. $set_id – specify the set id (found in set url)

Comments

Related posts:

[原文链接：http://blog.delai.me/2008/06/essay-photo.html] ]]> http://blog.delai.me/2008/06/essay-photo.html/feed 7 flickrRSS高阶使用三部曲之一：显示flickr上的图片 http://blog.delai.me/2008/06/how-to-flickrrss.html http://blog.delai.me/2008/06/how-to-flickrrss.html#comments Fri, 13 Jun 2008 07:30:32 +0000 阿德 http://www.soulward.cn/?p=209 通过flickrRSS你不仅仅是可以显示你自己flickr帐号上的图片，你也可以在WordPress博客中任何你想要的位置显示你所设定的flickr上的图片。比如：本网页留言框下面显示的是flickr上Tag为杭州的最新上传的图片，侧边栏上“养眼美图”部分就是flickrRSS的Widget，通过后台添加即可。

下载＆安装

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_(); ?>）以及缓存文件夹的路径。

1. 点击ID Number后面的 idGettr 输入一个Photostream Address（形如：http://www..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

Related posts:

[原文链接：http://blog.delai.me/2008/06/how-to-flickrrss.html] ]]> http://blog.delai.me/2008/06/how-to-flickrrss.html/feed 6