在 WordPress 文章中自动获取网站截图

知更鸟
知更鸟
知更鸟
1632
文章
6929
评论
2019年9月21日19:55:07141.7K2

分享一些好的网站或者网页模板时,配上对应的网页截图会更加直观。上篇文章利用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"]

修改其中的网址链接链接即可。

具体效果

在 WordPress 文章中自动获取网站截图

二、直接添加链接

这个方法使用更加方便,获取截图的基本格式:

https://s0.wordpress.com/mshots/v1/https://zmingcx.com/?w=600&h=450

也可以直接将上述地址链接格式像正常插入图片(从URL插入)一样添加到文章中,上面的截图就是这么加的,并没有用短代码。

因需要即时生成截图,第一次打开可能看不到图片,刷新一下就可以了,不行就多刷新几次。生成的截图存储在WordPress.com服务器上,不会占用自己的空间和资源,不过加载可能有些慢。

我自己主题的网址大全,也利用了这个截图功能。

 

weinxin
版权声明
本站原创文章转载请注明文章出处
WordPress 删除xmlrpc.php防DDOS攻击 WordPress

WordPress 删除xmlrpc.php防DDOS攻击

可能很多WordPress用户都不知道这个xmlrpc.php是什么,简单地说就是Wordpress 为手机等客户端提供的接口文件,早期的Wordpress 这个接口就是个万恶之源,虽然经过多次的升级...
WordPress 5.6.1 维护更新 WordPress

WordPress 5.6.1 维护更新

WordPress 5.6.1 维护更新,修复20个错误及7个区块编辑器问题,无安全更新,中文版同期发布。 看了一下更新日志,只有少数几个程序的错误,基本都是修正默认主题的错误。 该版本是一个短周期维...
登录用户显示不同的 WordPress 菜单 WordPress

登录用户显示不同的 WordPress 菜单

如果让登录用户与未登录浏览者,显示不同的菜单,可以通过下面的代码实现: 登录用户显示不同的 WordPress 菜单 将下面代码添加到当前主题函数模板functions.php中: if( is_us...
手动开启WordPress站点维护模式 WordPress

手动开启WordPress站点维护模式

在更新程序或插件中,WordPress前端会显示处于维护模式,如果想临时启用维护模式,让用户知道你的站点在维护中,可以通过下面的代码实现。 开启WordPress站点维护模式 将下面代码添加到当前主题...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:14   其中:访客  14   博主  0
    • 励志语录网 励志语录网 6

      这个功能不错

      • boke112联盟 boke112联盟 4

        这个功能真的很给力,特别是只需要添加URL地址就行,更加方便。如果是做目录站的话就通过短代码实现挺方便的

        • WP中文网 WP中文网 0

          功能不错 就是图片加载慢了点

          • 大爷快来玩 大爷快来玩 4

            现在wordpress官网打开的那么慢,如果可以实现存在本地会更稳定一些的吧。

            • 心灵博客 心灵博客 3

              这个功能真给力,我试试

              • 趣果网 趣果网 2

                感谢分享,学习了。

                • 枫行者 枫行者 2

                  厉害哦

                  • 正规调查赚钱 正规调查赚钱 2

                    这个不适实用

                    • 超逗的二哈少爷 超逗的二哈少爷 2

                      网站底部的站长统计怎么换颜色啊大神。

                      • maqingxi maqingxi 5

                        这个功能很实用,省去手动截图的麻烦。

                        • jingzanecom jingzanecom 0

                          这个功能棒,谢谢分享!欢迎访问我的网站敬赞琴行jingzane.com,一起交流,谢谢!

                          • 佐语先森 佐语先森 0

                            好功能。