如何在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

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

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