你想在你的WordPress网站创建自动网站截图? 如果您经常将网站截图添加到您的WordPress帖子或页面,则自动执行该过程将节省您手动截取截图的时间。 在本文中,我们将向您展示如何在WordPress中创建自动网站截图。
方法1:使用插件在WordPress中创建自动网站截图
对于不想处理代码的初学者和用户,这种方法比较容易。
首先你需要做的是安装并激活Browser Shots插件。 更多细节
插件可以直接使用,并且没有设置可供您配置。
只需编辑一个帖子/页面或创建一个新的。 您会在可视化编辑器中看到一个新的按钮来添加网站截图。
点击它会弹出一个弹出窗口,您可以输入网站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插件使用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 =' “; 返回$ 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”]
就这样