WordPress 사이트 스크린샷 (Elementor 및 초안 포함)
디자이너, 개발자, 에이전시가 Webshot으로 WordPress 페이지를 캡처합니다 — 게시된 글, 초안 미리보기, Elementor 편집 화면까지. 클라이언트 승인, 디자인 리뷰, 변경 이력 보관에 그대로 활용할 수 있습니다. 커스텀 폰트가 로드되고, 지연 로딩 이미지도 렌더링되며, Gutenberg 블록과 Elementor 위젯이 브라우저에서 보이는 모습 그대로 담깁니다.
모든 버튼은 설정이 미리 적용된 캡처 폼을 엽니다. 페이지가 열린 뒤 포맷과 뷰포트를 자유롭게 바꿀 수 있습니다.
이 용도에 Webshot이 적합한 이유
Elementor + Gutenberg
가장 널리 쓰이는 두 페이지 빌더 모두 정확하게 렌더링됩니다. 커스텀 위젯과 동적 콘텐츠는 물론, 애니메이션까지 스크린샷 촬영 전에 모두 처리됩니다.
커스텀 폰트까지 로드
자체 호스팅 폰트, Google Fonts, Adobe Fonts — 모두 캡처 전에 로드되고 렌더링됩니다. 결과물에 대체 폰트가 섞이는 일이 없습니다.
공개 초안 미리보기
초안에 공개 미리보기 URL이 있다면(예: WordPress 미리보기 링크) Webshot으로 바로 캡처할 수 있습니다. 로그인이 필요한 초안은 API 연동이 필요합니다.
플러그인과의 폭넓은 호환성
WooCommerce 상품 페이지, AffiliateWP 대시보드, LearnDash 강의 — 외부에서 접근 가능한 페이지라면 무엇이든 완벽하게 캡처됩니다.
WordPress 스크린샷 찍는 방법
- WordPress 페이지를 초안으로 저장한 뒤 공개 미리보기 URL(보통 `?preview=true&p=...` 형태)을 복사하거나, 이미 게시된 페이지라면 실제 URL을 사용하세요.
- Webshot 캡처 폼에 URL을 붙여넣으세요.
- 데스크톱, 태블릿, 모바일 중 원하는 뷰포트를 선택하세요 — Webshot이 해당 반응형 화면을 그대로 렌더링합니다.
- 캡처 버튼을 클릭하세요. 5–15초면 스크린샷이 완성되며 JPG, PNG, PDF로 다운로드할 수 있습니다.
자주 묻는 질문
네, 가능합니다. 미리보기 URL이 외부에서 접근 가능한 상태인지만 확인하세요(Elementor 미리보기 링크는 따로 제한하지 않는 한 대개 공개 상태입니다). 미리보기 URL을 붙여넣고 캡처하면 애니메이션과 커스텀 CSS까지 포함해 Elementor 캔버스 전체가 그대로 렌더링됩니다.
네. 모든 Gutenberg 블록은 헤드리스 Chrome을 통해 서버 측에서 렌더링됩니다. 재사용 블록, 패턴, 최신 글 같은 동적 블록까지 캡처 전에 모두 완성된 상태로 처리됩니다.
무료 공개 폼으로는 불가능합니다 — 로그인 인증을 처리할 수 없기 때문입니다. 로그인이 필요한 WordPress 페이지를 캡처하려면 커스텀 인증 헤더와 함께 Webshot API를 사용하거나, 초안의 공개 미리보기 URL을 만들어 이용하세요.
네. Webshot은 폰트(document.fonts.ready 기준), 이미지, 지연 로딩 콘텐츠가 모두 안정될 때까지 기다린 뒤 스크린샷을 촬영합니다. 커스텀 CSS, 테마, 차일드 테마, 플러그인까지 전부 렌더링됩니다.
네. 캡처 폼에서 모바일 모드를 선택하세요. Webshot은 모바일 User-Agent와 390px iPhone 뷰포트를 사용하므로, 반응형 테마가 모바일 브레이크포인트 그대로 렌더링됩니다.
네 — 공개 페이지를 출력하는 WordPress 플러그인이라면 무엇이든 작동합니다. 상품 페이지, 강의 목록, 회원 디렉터리 등 렌더링된 프런트엔드를 그대로 캡처합니다. 로그인해야 보이는 대시보드(wp-admin)는 API 인증이 필요합니다.
다른 활용 사례: Google 지도 스크린샷 · 랜딩 페이지 QA · 법적 증거 스크린샷 · 소셜 미디어 스크린샷 · 경쟁사 모니터링 · 개발 워크플로 스크린샷 · 전체 보기 →