为什么要在WordPress中创建自动化网站截图?
如果你有一个WordPress网站,那么你可能希望创建并添加自动化的网站截图,以便为潜在的读者提供一个快速了解你内容的方法。这可以提高参与度,甚至有助于改善网站的SEO,因为搜索引擎通常使用图像和截图来理解和索引你的内容。
同样,你可以使用自动化网站截图在更新主题或进行其他更改之前创建网站的视觉备份。这可以帮助你比较网站新旧样式的差异。
方法1:使用插件创建自动化网站截图
步骤1:安装并激活浏览器截图插件
首先,你需要安装并激活浏览器截图插件。激活后,插件将立即生效,无需任何设置。
步骤2:添加网站截图
现在,只需访问你希望添加自动化网站截图的页面或文章。在WordPress管理员侧栏中,点击左上角的‘添加区块’按钮,然后在编辑器中添加‘浏览器截图’区块。
接下来,添加你想获取自动化截图的网站URL,并点击‘加载图像’按钮。插件将自动为你选择的网站添加截图。你可以现在为图片添加alt文本,并从右侧的区块面板更改其宽度和高度。
步骤3:存储设置
最后,点击‘更新’或‘发布’按钮来存储你的设置。现在你可以访问你的WordPress网站,查看自动化截图。
方法2:通过添加代码创建自动化截图
步骤1:安装和激活WPCode插件
首先,你需要安装并激活WPCode插件。在激活后,从WordPress仪表盘访问代码片段»+添加片段页面。
步骤2:添加自定义代码
你会进入‘创建自定义片段’页面,在那里可以开始输入代码片段的名称。接下来,从右侧的下拉菜单中选择‘PHP片段’作为代码类型。然后复制并粘贴以下代码到‘代码预览’框中:
function wpb_screenshots($atts, $content = NULL) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https://www.wpressize.me', "alt" => 'screenshot', "w" => '600', // width "h" => '450' // height ), $atts)); $img = ''; return $img; } add_shortcode("screen", "wpb_screenshots");
这段代码使用WordPress.com的Mshots API来即时生成截图。
步骤3:激活并存储代码片段
最后,滚动到页面顶部并将‘不活跃’切换到‘活跃’,然后点击‘保存片段’按钮来存储你的设置并激活片段。现在,你可以在文章或页面中输入如下短代码来显示网站截图:
[screen url=”http://wpressize.me” alt=”WPressize Me”]
额外提示:手动为你的网站截图
如果你不想使用自动化截图,那么你可以使用Droplr等工具手动截取屏幕截图。这使你可以自由选择图像的特定区域,相比自动化截图也可以在Adobe Photoshop中编辑和添加箭头或红框等元素。要使用Droplr进行截图,首先需要在电脑上安装应用程序,点击Windows或Mac任务栏中的Droplr图标并选择’截图’选项。
我们希望这篇文章能帮助你了解如何在WordPress中创建自动化网站截图。你还可以查看我们的初学者图像SEO指南和我们专家推荐的为博客文章创建更好图像的最佳工具。
如果你喜欢这篇文章,请订阅我们的YouTube频道,获取WordPress视频教程。你也可以在推特和脸书上找到我们。