Skip to main content

จับภาพหน้าจอเว็บไซต์ WordPress ของคุณ (รวมถึง Elementor และฉบับร่าง)

นักออกแบบ นักพัฒนา และเอเจนซี่ใช้ Webshot เพื่อจับภาพหน้าเว็บ WordPress ไม่ว่าจะเป็นโพสต์ที่เผยแพร่แล้ว, ตัวอย่างฉบับร่าง, หรือหน้าที่แก้ไขด้วย Elementor เพื่อใช้ในการอนุมัติงานจากลูกค้า, การรีวิวดีไซน์ และการเก็บประวัติการเปลี่ยนแปลง ฟอนต์ที่กำหนดเองจะถูกโหลด, รูปภาพที่โหลดแบบ lazy-loaded จะแสดงผลครบถ้วน บล็อก Gutenberg และวิดเจ็ต Elementor ทั้งหมดจะแสดงผลตรงตามที่เห็นในเบราว์เซอร์

ทุกปุ่มจะเปิดฟอร์มจับภาพพร้อมการตั้งค่าล่วงหน้า คุณสามารถเปลี่ยนรูปแบบและขนาดหน้าจอได้เมื่อหน้าเว็บโหลดเสร็จ

ทำไมต้องใช้ Webshot

Elementor + Gutenberg

Page builder ยอดนิยมทั้งสองตัวแสดงผลได้อย่างถูกต้อง วิดเจ็ตที่กำหนดเอง, เนื้อหาไดนามิก, และแม้แต่ภาพเคลื่อนไหวจะถูกประมวลผลก่อนที่จะจับภาพหน้าจอ

โหลดฟอนต์ที่กำหนดเอง

ไม่ว่าจะเป็นฟอนต์ที่โฮสต์เอง, Google Fonts, หรือ Adobe Fonts — ทั้งหมดจะถูกโหลดและเรนเดอร์ก่อนการจับภาพ ไม่มีฟอนต์สำรอง (fallback) ในผลลัพธ์

ดูตัวอย่างฉบับร่างสาธารณะ

หากฉบับร่างมี URL ตัวอย่างสาธารณะ (เช่น ลิงก์ตัวอย่างของ WordPress) Webshot ก็สามารถจับภาพได้ ส่วนฉบับร่างที่ต้องเข้าสู่ระบบจำเป็นต้องใช้การเชื่อมต่อผ่าน API

รองรับปลั๊กอิน

หน้าสินค้า WooCommerce, แดชบอร์ด AffiliateWP, คอร์สเรียน LearnDash — ทุกอย่างที่เข้าถึงได้แบบสาธารณะสามารถจับภาพได้อย่างสมบูรณ์แบบ

วิธีจับภาพหน้าจอ WordPress

  1. บันทึกหน้า WordPress ของคุณเป็นฉบับร่างและคัดลอก URL ตัวอย่างสาธารณะ (โดยทั่วไปคือ `?preview=true&p=...`) หรือใช้ URL ของหน้าที่เผยแพร่แล้ว
  2. วาง URL ลงในฟอร์มจับภาพของ Webshot
  3. เลือกขนาดหน้าจอเดสก์ท็อป, แท็บเล็ต, หรือมือถือ — Webshot จะเรนเดอร์เวอร์ชัน responsive ที่สอดคล้องกัน
  4. คลิก 'จับภาพ' ภาพหน้าจอจะพร้อมใน 5–15 วินาที สามารถดาวน์โหลดเป็นไฟล์ JPG, PNG, หรือ PDF ได้

คำถามที่พบบ่อย

ได้ครับ ตรวจสอบให้แน่ใจว่า URL ตัวอย่างสามารถเข้าถึงได้แบบสาธารณะ (ลิงก์ตัวอย่างของ Elementor มักจะเป็นสาธารณะ เว้นแต่คุณจะตั้งค่าป้องกันไว้) จากนั้นวาง URL ตัวอย่างแล้วจับภาพได้เลย Webshot จะเรนเดอร์ Elementor canvas ทั้งหมด รวมถึงภาพเคลื่อนไหวและ CSS ที่กำหนดเอง

ได้ครับ บล็อก Gutenberg ทั้งหมดจะถูกเรนเดอร์ฝั่งเซิร์ฟเวอร์ผ่าน headless Chrome บล็อกที่ใช้ซ้ำได้, รูปแบบ และบล็อกไดนามิก เช่น โพสต์ล่าสุด จะถูกประมวลผลทั้งหมดก่อนที่จะทำการจับภาพ

ไม่สามารถทำได้ผ่านฟอร์มสาธารณะฟรี เนื่องจากไม่สามารถยืนยันตัวตนได้ สำหรับการจับภาพหน้า WordPress ที่ต้องเข้าสู่ระบบ ให้ใช้ Webshot API พร้อมกับ auth header ที่กำหนดเอง หรือสร้าง URL ตัวอย่างสาธารณะสำหรับฉบับร่างนั้น

ใช่ครับ Webshot จะรอให้ฟอนต์ (ผ่าน document.fonts.ready), รูปภาพ และเนื้อหาที่โหลดแบบ lazy-loaded แสดงผลเรียบร้อยก่อนที่จะจับภาพหน้าจอ ทำให้ CSS ที่กำหนดเอง, ธีม, ธีมย่อย และปลั๊กอินทั้งหมดแสดงผลได้อย่างถูกต้อง

ได้ครับ เลือกโหมด Mobile ในฟอร์มจับภาพ Webshot จะใช้ viewport ของ iPhone ขนาด 390px พร้อมกับ mobile user-agent เพื่อให้ธีมที่รองรับ responsive แสดงผลในเบรกพอยต์สำหรับมือถือ

ได้ครับ — ปลั๊กอิน WordPress ใดๆ ที่สร้างผลลัพธ์แบบสาธารณะสามารถใช้งานได้ ไม่ว่าจะเป็นหน้าสินค้า, แคตตาล็อกคอร์สเรียน, หรือไดเรกทอรีสมาชิก Webshot สามารถจับภาพส่วนหน้า (front-end) ที่เรนเดอร์แล้วได้ทั้งหมด ส่วนแดชบอร์ดที่ต้องเข้าสู่ระบบ (wp-admin) จำเป็นต้องใช้ API auth

พร้อมจับภาพแล้วหรือยัง?

ฟรี ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ แค่วาง URL

📸 เปิดฟอร์มจับภาพ

กรณีการใช้งานอื่นๆ: ภาพหน้าจอ Google Maps · การตรวจสอบคุณภาพ Landing Page · ภาพหน้าจอสำหรับหลักฐานทางกฎหมาย · ภาพหน้าจอโซเชียลมีเดีย · การติดตามคู่แข่ง · ภาพหน้าจอสำหรับขั้นตอนการทำงานของนักพัฒนา · ดูทั้งหมด →

Share: 𝕏 Twitter Facebook LinkedIn