自动获取WordPress文章中的网站截图(非插件实现)

当分享优秀的网站或网页模板时，附上相关的截图能更直观地展示其设计和功能。以下是一种在WordPress中便捷添加截图的方法：

首先，你需要在你的主题函数模板`functions.php`中加入以下代码：

“`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 = ‘

‘ .
‘

‘;
return $img;
}
add_shortcode(“shot”, “wp_screenshot”);
“`
然后，在发布文章时，你可以使用以下短代码来插入截图：
“`markdown
[shot URL=”https://xinggongWeb.com/”]
“`
或者，如果你想自定义截图的大小，可以这样：
“`markdown
[shot URL=”https://xinggongweb.com/” width=”600″ height=”450″]
“`
只需替换URL为你所需的网页链接。

另外，你也可以直接插入截图链接。基本格式如下：
“`
https://s0.wordpress.com/mshots/v1/https://xingkongweb.com/?w=600&h=450
“`
将这个链接以插入图片的方式（从URL）添加到你的文章中。本说明中的截图就是通过这种方式添加的，未使用短代码。

请注意，由于截图是即时生成的，初次加载时可能无法看到图片，刷新页面或尝试多次即可。这些截图存储在WordPress.com的服务器上，不会占用你自己的空间和资源，但加载速度可能稍慢。