wordpress自动创建网站缩略图

发布于 / 折腾 / 6 条评论

在后台看评论的时候总觉的把鼠标移动到网址上就显示网站缩略图的功能很酷炫。
就像酱紫的:
wordpress自动创建网站缩率图

上网搜了一下发现  WordPress 可以用插件实现这样的功能,于是在插件中心找到了这个插件:Browser Shots
安装启用插件什么的就不多说了。
具体的使用方法:


// basic shot 600px wide
[browser-shot url="http://link-to-website" width="600"]
// shot with link to other website
[browser-shot url="http://link-to-website" width="700" link="http://xxxxxx/"]
// shot with caption (uses default WordPress caption styles)
[browser-shot url="http://link-to-website" width="700"]Add Caption[/browser-shot]

除了直接使用插件也可以用代码来实现。
首现在当前主题的 functions.php 加入

add_shortcode('ss_screenshot', 'ss_screenshot_shortcode');

function ss_screenshot_shortcode($atts){

$width = intval($atts['width']);

$width = (100 < = $width && $width <= 300) ? $width : 200;

$site = trim($atts['site']);

if ($site != ''){

$query_url = 'http://s0.wordpress.com/mshots/v1/' . urlencode($site) . '?w=' . $width;

$image_tag = '' . $site . '';

echo '' . $image_tag . '';

}else{

echo 'Bad screenshot url!';

}
}

然后使用短代码


[ss_screenshot width='300' site='想要生成缩略图的网站']

到此为止已经实现了我想要的效果,了解更多请移步→How to Generate Website Screenshots In a post in WordPress

不论是插件的方法还是代码的方法都用了生成的缩率图地址都是这样的格式
http://s0.wordpress.com/mshots/v1/http://xxxxx?w=xx

所以直接使用
http://s0.wordpress.com/mshots/v1/加 生成缩率图网站地址 加?w=尺寸
也是可以生成网站缩率图的还是拿大叔举个栗子,缩略图地址http://s0.wordpress.com/mshots/v1/louishan.com?w=700
效果如下
举个栗子
虽然缩略图是有了但是图片内容和实际网站差别好大,很多内容没有显示。不知道是为什么。
自己博客的缩略图显示的内容更少,而且文字什么的都变成了小方框,这是预示着我要开始方了吗?

我要开始方了

  1. 感谢博主的分享~~好东西

  2. 好炫的功能

  3. 很有用的干活 貌似很多主题都自带这个功能了

  4. 好资料,干货

  5. wordpress太费资源了能不用插件就不用特别是程序自动处理缩略图的,我的网站都奔了N次了,现在差不多是轻装上阵了。

  6. 意味着你要开始方了哈哈哈哈哈哈哈哈