为你的WordPress博客添加favefavefave美图分享小工具

favefavefave
favefavefave.com 是一个分享优美图片的网站。每天都会有许多漂亮的、可爱的、艺术的图片分享在上面。为了方便查看,我把她弄到了我的侧边栏里。

首先我们需要安装Image Feed Widget,在小工具中启用他。这个小工具共有6个选项:

Title:
小工具的标题,比如“美图分享
RSS feeds (comma-separated):
RSS地址,我们填上http://feed.favefavefave.com/
Max number of images to display:
最多显示图片的数量,这里我填“9”
Where to open the links:
在哪里打开链接?Same Window当前窗口或选择New Window在新窗口打开。
Display title below images?
是否在图片下方显示标题?我选“否”~
Use RSS enclosures? (leave yes if unsure)
我们选择默认的不去改动它。

这样我们就在侧边栏加上了美图分享小工具。这还没有结束,最后我们需要使用CSS美化下样式:

li.image_feed_widget li {
    float: left;
    margin: 1px;
    padding: 2px;
    width: 80px;
    height: 60px;
    border-right: #DDD 1px solid;
    border-bottom: #DDD 1px solid;
    background: #FFF;
}

li.image_feed_widget li:hover {
    padding: 2px;
    width: 80px;
    border-color: #CCC;
    background: #DDD;
}

.image_feed_widget img {
    width: 100%;
}

至此,美图分享小工具就添加完毕了。还不错吧 😛

43 条评论

发表评论

*