Skip to main content

截取您的 WordPress 网站(包括 Elementor 和草稿)

设计师、开发者和代理机构都在使用 Webshot 捕获 WordPress 页面——无论是已发布的文章、草稿预览,还是 Elementor 编辑界面——用于客户审批、设计审查和变更日志归档。自定义字体能正常加载,延迟加载的图片也能完整渲染。Gutenberg 区块和 Elementor 小工具的显示效果与在浏览器中完全一致。

所有按钮都会打开预设好配置的捕获表单。页面加载后,您可以更改格式和视口。

为何选择 Webshot

支持 Elementor + Gutenberg

这两款主流的页面构建器都能被正确渲染。自定义小工具、动态内容,甚至动画效果都会在截图前完成解析。

加载自定义字体

无论是自托管字体、Google Fonts 还是 Adobe Fonts——所有字体都会在捕获前加载并渲染完毕,输出结果中不会出现备用字体。

支持公开草稿预览

如果草稿有一个公开的预览 URL(例如 WordPress 的预览链接),Webshot 就可以捕获它。需要登录的草稿则需要通过 API 集成。

插件兼容性强

WooCommerce 产品页面、AffiliateWP 仪表盘、LearnDash 课程——任何可公开访问的内容都能完美捕获。

如何捕获 WordPress 网站截图

  1. 将您的 WordPress 页面保存为草稿,并获取其公开预览 URL(通常包含 `?preview=true&p=...`),或者直接使用已发布页面的 URL。
  2. 将 URL 粘贴到 Webshot 的捕获表单中。
  3. 选择桌面、平板或移动设备视口——Webshot 将相应地渲染其响应式版本。
  4. 点击“捕获”。截图将在 5–15 秒内准备就绪,可下载为 JPG、PNG 或 PDF 格式。

常见问题

可以。请确保预览 URL 是公开可访问的(除非您设置了访问限制,否则 Elementor 的预览链接通常是公开的)。粘贴预览 URL 并开始捕获——完整的 Elementor 画布都会被渲染,包括动画和自定义 CSS。

支持。所有 Gutenberg 区块都通过无头 Chrome 在服务器端渲染。可重用区块、样式和动态区块(如“最新文章”)都会在截图前被正确解析和显示。

无法通过免费的公开表单进行操作——它无法进行身份验证。对于需要登录才能访问的 WordPress 页面,请使用 Webshot API 并附带自定义身份验证标头,或为草稿生成一个公开的预览 URL。

会的。Webshot 会等待字体(通过 document.fonts.ready)、图片和延迟加载的内容完全稳定后再进行截图。自定义 CSS、主题、子主题和插件都会被正确渲染。

可以。在捕获表单中选择“移动设备”模式——Webshot 会使用 390px 的 iPhone 视口和移动用户代理,因此响应式主题会渲染其移动断点下的样式。

可以——任何能生成公开页面的 WordPress 插件都可以。无论是产品页面、课程目录还是会员列表——Webshot 都能捕获其渲染后的前端页面。对于需要登录的仪表盘(如 wp-admin),则需要通过 API 进行身份验证。

准备好开始捕获了吗?

免费,无需注册,无水印。只需粘贴一个 URL。

📸 打开捕获表单

其他使用场景: Google 地图截图 · 着陆页 QA 测试 · 法律证据截图 · 社交媒体截图 · 竞争对手监控 · 开发者工作流截图 · 查看全部 →

Share: 𝕏 Twitter Facebook LinkedIn