如何在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-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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