html2wp / คู่มือ
การแปลงเว็บไซต์เป็น WordPress ทำได้สองทาง ในแอป html2wp บน Mac คุณคลิกตามขั้นตอนไปจนจบโดยไม่ต้องใช้เทอร์มินัลเลย ส่วนปลั๊กอินสำหรับ Claude Code และ Codex คุณทำงานในเทอร์มินัลร่วมกับเอเจนต์ แต่ละทางมีคู่มือสำหรับโปรเจกต์ Lovable หนึ่งฉบับ และสำหรับดีไซน์จาก Claude Design อีกหนึ่งฉบับ ทุกอย่างในคู่มือมาจากการแปลงที่เราทำจริง
Lovable เป็น WordPress ด้วยแอป html2wp ทีละขั้นตอน
คุณดาวน์โหลดโปรเจกต์ Lovable จาก GitHub เป็นไฟล์ ZIP เพิ่มเข้าไปในแอป แล้วเลือก Flash หรือ Full คู่มือนี้ครอบคลุมการติดตั้งแอป การเข้าสู่ระบบ และการตรวจหน้าเว็บ ไปจนถึงการอัปโหลดธีมขึ้น WordPress พร้อมภาพหน้าจอตลอดทาง
Claude Design เป็น WordPress ด้วยแอป html2wp
คุณบันทึกดีไซน์จาก Claude เป็น HTML ลงในโฟลเดอร์ เปิดในแอป แล้วเริ่มการแปลง นี่คือทางที่สั้นที่สุดสู่ธีม เพราะแอปไม่ต้อง build อะไรเลย คู่มือมีภาพหน้าจอของทุกขั้นตอน
Lovable เป็น WordPress: แปลงโปรเจกต์เป็นธีมจริง
โปรเจกต์ Lovable รุ่นเก่าคือแอป React ใน HTML ของโปรเจกต์ไม่มีอะไรให้แปลง จนกว่าคุณจะ build และรันในเบราว์เซอร์จริง ส่วนโปรเจกต์รุ่นใหม่บน TanStack Start เรนเดอร์บนเซิร์ฟเวอร์ และตัวแปลงรองรับทั้งสองแบบ นี่คือทางที่ยาวกว่า และอธิบายขั้นตอนที่เพิ่มขึ้นไว้ด้วย มีตัวอย่างให้ดู คุณเปิดเว็บต้นฉบับกับเว็บที่แปลงแล้วมาเทียบกันได้
วิธีแปลงดีไซน์จาก Claude Design เป็น WordPress
อาร์ทิแฟกต์ HTML คืออินพุตที่ตัวแปลงต้องการพอดี ทางนี้จึงสั้นที่สุดจากดีไซน์ที่สร้างด้วย AI ไปสู่ธีม คู่มืออธิบายว่าต้องตรวจอะไรตอนเริ่ม และการแปลงตัดสินใจอะไรแทนคุณ รวมถึงแสดงว่าอะไรเปลี่ยนไปจริง ๆ ถ้าคุณหันไปใช้ page builder ภายหลัง
เลือกแอปถ้าคุณอยากคลิกและเห็นทุกหน้าเทียบกับต้นฉบับโดยไม่ใช้เทอร์มินัล เลือกปลั๊กอินถ้าคุณทำงานใน Claude Code หรือ Codex อยู่แล้ว ที่นั่นคุณเริ่มการแปลงด้วยประโยคเดียวในโฟลเดอร์โปรเจกต์
ถ้าคุณสร้างเว็บใน Lovable, Bolt หรือ v0 สิ่งที่คุณมีคือแอป React หน้าเว็บของแอปจะเกิดขึ้นในเบราว์เซอร์เท่านั้น การแปลงจึงมีขั้นตอนเพิ่ม คือ build โปรเจกต์แล้วบันทึกแต่ละ route เป็น HTML ที่เสร็จสมบูรณ์ คู่มือ Lovable อธิบายขั้นตอนนี้ และใช้ได้แบบเดียวกันกับ Bolt และ v0
ถ้าคุณมีไฟล์ HTML ที่เสร็จแล้ว เช่น อาร์ทิแฟกต์จาก Claude หรือเว็บที่เขียนเอง ก็ไม่มีอะไรต้อง build การแปลงจะเริ่มที่การวิเคราะห์หน้าเว็บทันที ซึ่งคู่มือ Claude Design อธิบายไว้
ไม่ว่าทางไหน ผลลัพธ์เหมือนกัน คือธีม WordPress ที่ทำงานได้ด้วยตัวเองในไฟล์ ZIP และรายงานการแปลง ก่อนส่งให้ลูกค้า คุณเทียบกับต้นฉบับทีละหน้าในแท็บ "Compare" (เปรียบเทียบ) ของแอปเดสก์ท็อป ตัวแปลงไม่รับที่อยู่ของเว็บไซต์ที่ออนไลน์อยู่ ต้องใช้โฟลเดอร์หรือ ZIP ที่มีไฟล์ซึ่งใช้สร้างเว็บเสมอ
ตัวเลขในคู่มือมาจากผลของการแปลงจริง ทั้งเวลาที่ใช้แปลง ขีดจำกัดของแพ็กเกจฟรี และความกว้างที่ใช้เปรียบเทียบหน้า คุณจึงตรวจสอบกับโปรเจกต์ของคุณเองและเทียบกับที่เราเขียนได้ ถ้าผลบนเว็บของคุณต่างจากที่คู่มือบอก บอกเราผ่านแบบฟอร์มของเรา และบอกด้วยว่าเว็บมาจากเครื่องมือไหน
คู่มือตั้งใจไม่อธิบายกระบวนการแปลงทั้งหมดซ้ำ เอกสารของแอปอธิบายการติดตั้ง การเลือกโมเดล และความต่างระหว่าง Flash กับ Full รวมถึงบอกว่าอะไรออกจากคอมพิวเตอร์ของคุณ คุณลองได้ทันที แพ็กเกจฟรีแปลงได้สามเว็บ เว็บละไม่เกินห้าหน้า ไม่ต้องใช้คีย์และไม่ต้องสมัคร
