擷取您的 WordPress 網站螢幕截圖 (包括 Elementor 和草稿)
設計師、開發人員和代理商都使用 Webshot 來擷取 WordPress 頁面 — 無論是已發佈的文章、草稿預覽，還是 Elementor 編輯畫面 — 用於客戶審批、設計審查和變更日誌存檔。自訂字型會載入，延遲載入的圖片會渲染，Gutenberg 區塊和 Elementor 小工具也都會像在瀏覽器中一樣精確顯示。
所有按鈕都會開啟預先設定好的擷取表單。頁面載入後，您可以更改格式和視窗大小。
為何選擇 Webshot
支援 Elementor + Gutenberg
這兩款熱門的頁面編輯器都能正確渲染。自訂小工具、動態內容，甚至動畫都會在截圖前完成解析。
載入自訂字型
無論是自行託管的字型、Google Fonts 還是 Adobe Fonts — 全都會在擷取前載入並渲染。輸出結果中不會出現備用字型。
公開草稿預覽
如果草稿有公開的預覽網址（例如 WordPress 的預覽連結），Webshot 就能擷取。需要登入的草稿則需透過 API 整合。
外掛程式友善
WooCommerce 產品頁面、AffiliateWP 儀表板、LearnDash 課程 — 任何可公開存取的內容都能完美擷取。
如何擷取 WordPress 網站截圖
- 將您的 WordPress 頁面儲存為草稿，並取得公開預覽網址（通常是 `?preview=true&p=...`），或直接使用已發佈的網址。
- 將網址貼到 Webshot 的擷取表單中。
- 選擇桌面、平板或行動裝置的視窗大小 — Webshot 會相應地渲染響應式版本。
- 點擊「擷取」。螢幕截圖將在 5–15 秒內準備就緒，可下載為 JPG、PNG 或 PDF 格式。
常見問題
可以。請確保預覽網址是公開的（Elementor 的預覽連結通常是公開的，除非您設定了存取限制）。貼上預覽網址並擷取，完整的 Elementor 畫布將會被渲染，包含動畫和自訂 CSS。
是的。所有 Gutenberg 區塊都會透過 headless Chrome 在伺服器端渲染。可重複使用的區塊、版面配置、以及像「最新文章」這樣的動態區塊，都會在擷取前完成解析。
無法透過免費的公開表單擷取，因為它無法進行身份驗證。若要擷取需要登入的 WordPress 內容，請使用 Webshot API 搭配自訂的驗證標頭，或為草稿產生一個公開的預覽網址。
會的。Webshot 會等待字型（透過 document.fonts.ready）、圖片和延遲載入的內容都穩定後才進行截圖。自訂 CSS、佈景主題、子佈景主題和外掛程式都會被渲染。
可以。在擷取表單中選擇「行動裝置」模式 — Webshot 會使用 390px 的 iPhone 視窗搭配行動裝置的使用者代理（user-agent），因此響應式佈景主題會渲染其行動裝置的中斷點。
可以 — 任何會產生公開畫面的 WordPress 外掛程式都可以。產品頁面、課程目錄、會員名錄 — Webshot 會擷取渲染後的前端畫面。已登入的儀表板（wp-admin）則需要透過 API 進行驗證。
其他使用案例： Google 地圖截圖 · 到達頁面品管 · 法律證據截圖 · 社群媒體截圖 · 競爭對手監控 · 開發者工作流程截圖 · 查看全部 →