Skip to main content

Chụp Màn Hình Trang WordPress Của Bạn (Bao Gồm Elementor & Bản Nháp)

Các nhà thiết kế, nhà phát triển và các agency sử dụng Webshot để chụp các trang WordPress — bài đăng trực tiếp, bản xem trước nháp, các chỉnh sửa Elementor — để khách hàng duyệt, đánh giá thiết kế và lưu trữ nhật ký thay đổi. Phông chữ tùy chỉnh được tải. Hình ảnh tải lười được hiển thị. Các khối Gutenberg và widget Elementor đều hiển thị chính xác như trong trình duyệt.

📸 Chụp trang WordPress (toàn bộ màn hình máy tính) 📱 Xem trước trên di động 📄 PDF để khách hàng xem

Tất cả các nút sẽ mở biểu mẫu chụp ảnh đã được cấu hình sẵn. Bạn có thể thay đổi định dạng và khung nhìn sau khi trang tải xong.

Tại sao nên dùng Webshot cho việc này

Elementor + Gutenberg

Cả hai trình tạo trang phổ biến này đều hiển thị chính xác. Các widget tùy chỉnh, nội dung động, ngay cả hoạt ảnh cũng được xử lý xong trước khi chụp ảnh màn hình.

Tải phông chữ tùy chỉnh

Phông chữ tự host, Google Fonts, Adobe Fonts — tất cả đều được tải và hiển thị trước khi chụp. Không có phông chữ dự phòng trong ảnh chụp đầu ra.

Xem trước bản nháp công khai

Nếu bản nháp có URL xem trước công khai (ví dụ: liên kết xem trước của WordPress), Webshot có thể chụp nó. Các bản nháp yêu cầu đăng nhập cần tích hợp API.

Thân thiện với plugin

Các trang sản phẩm WooCommerce, bảng điều khiển AffiliateWP, các khóa học LearnDash — bất cứ thứ gì có thể truy cập công khai đều được chụp một cách hoàn hảo.

Cách chụp ảnh màn hình WordPress

  1. Lưu trang WordPress của bạn dưới dạng bản nháp và lấy URL xem trước công khai (thường là `?preview=true&p=...`) hoặc sử dụng URL trực tiếp.
  2. Dán URL vào biểu mẫu chụp ảnh của Webshot.
  3. Chọn khung nhìn máy tính để bàn, máy tính bảng hoặc di động — Webshot sẽ hiển thị biến thể đáp ứng tương ứng.
  4. Nhấp vào Chụp. Ảnh chụp màn hình sẽ sẵn sàng sau 5–15 giây, có thể tải xuống dưới dạng JPG, PNG hoặc PDF.

Các câu hỏi thường gặp

Có. Hãy chắc chắn rằng URL xem trước có thể truy cập công khai (liên kết xem trước của Elementor thường là công khai trừ khi bạn đã khóa nó). Dán URL xem trước và chụp — toàn bộ canvas Elementor sẽ được hiển thị, bao gồm cả hoạt ảnh và CSS tùy chỉnh.

Có. Tất cả các khối Gutenberg đều được hiển thị phía máy chủ thông qua headless Chrome. Các khối tái sử dụng, mẫu và các khối động như Bài viết mới nhất đều được xử lý xong trước khi chụp ảnh.

Không thể qua biểu mẫu công khai miễn phí — nó không thể xác thực. Đối với các lần chụp trang WordPress yêu cầu đăng nhập, hãy sử dụng Webshot API với tiêu đề xác thực tùy chỉnh, hoặc tạo một URL xem trước công khai cho bản nháp.

Có. Webshot đợi cho các phông chữ (qua document.fonts.ready), hình ảnh và nội dung tải lười ổn định trước khi chụp ảnh màn hình. CSS tùy chỉnh, giao diện, giao diện con và các plugin đều được hiển thị.

Có. Chọn chế độ Di động trong biểu mẫu chụp — Webshot sử dụng khung nhìn iPhone 390px với user-agent di động, vì vậy các giao diện đáp ứng sẽ hiển thị điểm ngắt di động của chúng.

Có — bất kỳ plugin WordPress nào tạo ra kết quả đầu ra công khai đều hoạt động. Các trang sản phẩm, danh mục khóa học, thư mục thành viên — Webshot chụp lại giao diện người dùng đã được hiển thị. Các bảng điều khiển đã đăng nhập (wp-admin) yêu cầu xác thực API.

Sẵn sàng chụp ảnh?

Miễn phí, không cần đăng ký, không có watermark. Chỉ cần dán URL.

📸 Mở biểu mẫu chụp ảnh

Các trường hợp sử dụng khác: Chụp ảnh màn hình Google Maps · Kiểm tra chất lượng trang đích (QA) · Chụp ảnh màn hình làm bằng chứng pháp lý · Chụp ảnh màn hình mạng xã hội · Theo dõi đối thủ cạnh tranh · Chụp ảnh màn hình cho quy trình làm việc của lập trình viên · Xem tất cả →

Share: 𝕏 Twitter Facebook LinkedIn