分享一些好的网站或者网页模板时,配上对应的网页截图会更加直观。上篇文章利用Browser Shots插件自动获取网站截图,今天再分享一下不用插件的方法。
一、短代码
将下面的代码添加到当前主题函数模板 functions.php 中:
function wp_screenshot($atts, $content=null){ extract( shortcode_atts( array( "shots" => "https://s0.wordpress.com/mshots/v1/", "url" => "https://www.wpbeginner.com", "width" => "600", "height" => "450", "alt" => "screenshot" ), $atts ) ); $img = '<div class="wp-shot"><a href="' . $url . '" rel="external nofollow" target="_blank"><img src="' . $shots . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '" /></a></div>'; return $img; } add_shortcode("shot", "wp_screenshot");
发表文章时,添加短代码:
[shot url="https://zmingcx.com/"]
或者自定义截图大小
[shot url="https://zmingcx.com/" width="600" height="450"]
修改其中的网址链接链接即可。
具体效果
二、直接添加链接
这个方法使用更加方便,获取截图的基本格式:
https://s0.wordpress.com/mshots/v1/https://zmingcx.com/?w=600&h=450
也可以直接将上述地址链接格式像正常插入图片(从URL插入)一样添加到文章中,上面的截图就是这么加的,并没有用短代码。
因需要即时生成截图,第一次打开可能看不到图片,刷新一下就可以了,不行就多刷新几次。生成的截图存储在WordPress.com服务器上,不会占用自己的空间和资源,不过加载可能有些慢。
我自己主题的网址大全,也利用了这个截图功能。

版权声明
本站原创文章转载请注明文章出处
2019年9月21日 21点47分 1F
这个功能不错
2019年9月22日 07点41分 2F
这个功能真的很给力,特别是只需要添加URL地址就行,更加方便。如果是做目录站的话就通过短代码实现挺方便的
2019年9月22日 18点28分 3F
功能不错 就是图片加载慢了点
2019年9月22日 21点08分 B1
@ WP中文网 你的域名可以啊,bbs看起来不错啊
2019年9月24日 09点24分 B1
@ WP中文网 大广东 表示无法打开你的网站,然后鸟叔说的这个功能图片,也依旧不显示
2019年9月24日 09点21分 4F
现在wordpress官网打开的那么慢,如果可以实现存在本地会更稳定一些的吧。
2019年9月24日 11点32分 5F
这个功能真给力,我试试
2019年9月28日 12点35分 6F
感谢分享,学习了。
2019年9月29日 22点13分 7F
厉害哦
2019年10月4日 22点38分 8F
这个不适实用
2019年10月5日 20点40分 9F
网站底部的站长统计怎么换颜色啊大神。
2019年10月6日 07点48分 10F
这个功能很实用,省去手动截图的麻烦。
2019年10月9日 19点11分 11F
这个功能棒,谢谢分享!欢迎访问我的网站敬赞琴行jingzane.com,一起交流,谢谢!
2019年10月27日 11点26分 12F
好功能。