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

知更鸟
知更鸟
知更鸟
1518
文章
6914
评论
2019年9月21日19:55:07 14 1.5K

分享一些好的网站或者网页模板时,配上对应的网页截图会更加直观。上篇文章利用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服务器上,不会占用自己的空间和资源,不过加载可能有些慢。

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

 

继续阅读
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
WordPress 5.4 下载 WordPress

WordPress 5.4 下载

WordPress 5.4 2020年3月31日正式发布。中文版也同发布,下载地址: WordPress 5.4中文版:https://cn.wordpress.org/wordpress-5.4-z...
WordPress 只允许游客浏览指定分类的文章 WordPress

WordPress 只允许游客浏览指定分类的文章

有童鞋问,如何实现未登录用户只能浏览指定的分类文章,这里提供一下方法。 只允许游客浏览指定分类的文章 网上可以找到类似的代码: //template_redirect动作钩子是一定会执行的,所以用这个...
盗版主题很可怕! WordPress

盗版主题很可怕!

主题森林相信国内 WordPress 用户都很熟习,来自该网站的收费主题在国内盗版横行,一些无良者对主题进行所谓优化、汉化后直接出售,更有甚者居然还有冒充国内代理的。主题森林大部分主题并不像国内主题需...
限制 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

              这个功能真给力,我试试

              • 趣果网 趣果网 1

                感谢分享,学习了。

                • 枫行者 枫行者 2

                  厉害哦

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

                    这个不适实用

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

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

                      • maqingxi maqingxi 5

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

                        • jingzanecom jingzanecom 0

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

                          • 佐语先森 佐语先森 0

                            好功能。