如何在WordPress中创建自动网站截图

你想在你的WordPress网站创建自动网站截图? 如果您经常将网站截图添加到您的WordPress帖子或页面,则自动执行该过程将节省您手动截取截图的时间。 在本文中,我们将向您展示如何在WordPress中创建自动网站截图。

在WordPress中创建自动网站截图

方法1:使用插件在WordPress中创建自动网站截图

对于不想处理代码的初学者和用户,这种方法比较容易。

首先你需要做的是安装并激活Browser Shots插件。 更多细节

插件可以直接使用,并且没有设置可供您配置。

只需编辑一个帖子/页面或创建一个新的。 您会在可视化编辑器中看到一个新的按钮来添加网站截图。

WordPress可视化编辑器中的浏览器镜头按钮

点击它会弹出一个弹出窗口,您可以输入网站URL,替代文本,链接到URL,以及屏幕截图的高度/宽度。

输入一个网址来生成网站截图

点击确定按钮,插件将添加短代码到您的WordPress的帖子。 您现在可以预览您的帖子,以查看插件的行动。

如果您在WordPress中使用文本编辑器,或者不想在可视化编辑器中使用该按钮,那么您也可以自己手动添加短代码。

[browser-shot url =“http://www.site.com”]

默认情况下,插件会创建一个600 x 600像素的截图。 您可以通过将宽度和高度属性添加到简码中来更改该属性。

[browser-shot url =“http://www.site.com”width =“400”height =“400”]

它也会自动链接到网站。 您可以通过在简码中添加链接属性并添加所需的链接来更改该链接。

[browser-shot url =“http://www.site.com”width =“400”height =“400”link =“http://example.com”]

如果你想在屏幕截图下面添加一个标题,那么你可以通过在短代码上包装标题文本来实现。

现场

标题将使用您的WordPress主题的标题样式。 下面是我们演示网站上的样子:

使用Browser Shots插件生成的网站截图

Browser Shots插件使用WordPress.com的mshots API来动态生成截图。 这些图像不存储在您的WordPress媒体库。 他们直接从WordPress.com服务器提供服务。

方法2:通过向WordPress添加代码来创建自动屏幕截图

这种方法需要你添加代码到你的WordPress文件。 不建议初学者。 如果您可以将网页上的片段粘贴到WordPress中,则可以使用此方法。

只需将此代码添加到您的主题的functions.php文件或特定于站点的插件。

函数wpb_screenshots($ atts,$ content = NULL){
 提取物(shortcode_atts(阵列(
 “snap”=>'http://s.wordpress.com/mshots/v1/',
 “url”=>'http://www.site.com',
 “alt”=>“截图”,
 “w”=>“600”,//宽度
 “h”=>'450'//高度
 ),$ atts));
 
 $ img =' '。  $ alt。  “ “;

 返回$ img;
 }
 add_shortcode(“screen”,“wpb_screenshots”); 

与我们前面提到的插件类似,这个代码也使用WordPress.com的mshots API来动态生成屏幕截图。

要在您的WordPress帖子和页面中显示网站截图,您需要输入如下简码:

[screen url =“http://site.com”alt =“site”]

用您自己的值替换URL和Alt字段。

默认情况下,此代码将生成600 x 450像素的屏幕截图。 您可以通过将自己的高度和宽度属性添加到短代码来更改该属性。

[screen url =“http://site.com”alt =“site”w =“400”h =“400”]

就这样