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

06/03/2024

为什么要在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 = '' . $alt . ''; 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视频教程。你也可以在推特和脸书上找到我们。



Related Posts

  • 2024-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>