คลิกเพื่อแก้ไข: แก้เว็บไซต์ได้ตรงบนหน้าเว็บเลย

ส่วนที่เร็วที่สุดของการทำเว็บไซต์ด้วย AI คือขั้นแรก: เล่าเรื่องธุรกิจของคุณ แล้วเว็บไซต์ครบทั้งเว็บก็พร้อมในไม่กี่นาที ที่กินเวลาจริง ๆ คือหลายปีหลังเปิดเว็บ: เปลี่ยนเวลาเปิด สินค้าใหม่ รูปที่ดีกว่าเดิม เบอร์โทรที่ผิดไปหนึ่งตัว

ถ้าทุกเรื่องแบบนี้ต้องกลับไปบอก AI รอให้ทำ แล้วคอยเช็กว่าไม่ได้ไปเปลี่ยนอย่างอื่นด้วย แค่แก้ตัวเลขตัวเดียวก็กลายเป็นต้องคุยกันยาว นี่คือเหตุผลที่ C Building ให้ความสำคัญกับสิ่งที่เกิดขึ้นหลังสร้างเว็บเสร็จ คุณแก้ได้ทั้งแบบแชต คือบอก AI ว่าจะเปลี่ยนอะไร หรือแบบคลิก คือแก้บนหน้าเว็บเอง

บทความนี้พูดถึงแบบที่สอง: คลิกเพื่อแก้ไข

คลิกแล้วแก้ ตรงบนหน้าเว็บเลย

เอดิเตอร์แสดงเว็บไซต์ของคุณตามหน้าตาจริง ไม่ใช่แบบฟอร์มหรือการตั้งค่าบล็อกเป็นกอง ๆ

1. คลิกข้อความ รูป หรือส่วนไหนก็ได้เพื่อเลือก แถบเครื่องมือของสิ่งนั้นจะขึ้นข้าง ๆ
2. ดับเบิลคลิกข้อความแล้วพิมพ์
3. กด Esc หรือคลิกที่อื่นเพื่อจบ ระบบบันทึกให้อัตโนมัติ และแถบด้านบนจะขึ้นว่า "Saved"

เว็บไซต์ในภาพหน้าจอเหล่านี้ Qinghe Bakery เป็นร้านสมมติที่เราสร้างด้วย C Building ตอน AI สร้างเว็บ มันใส่ข้อความตัวอย่างไว้ เช่น "[Sample opening hours]" จะเปลี่ยนเป็นเวลาเปิดจริงก็แค่ดับเบิลคลิกแล้วพิมพ์บรรทัดเดียว ไม่ต้องคุยกับ AI

แก้อะไรได้บ้าง

แถบเครื่องมือจะเปลี่ยนไปตามสิ่งที่คุณเลือก:

ปกติแถบเครื่องมือจะตามสิ่งที่คุณเลือกไป ถ้าบังหน้า ปักหมุดไว้ด้านบนได้

เปลี่ยนรูป

เลือกรูป แล้วคลิกภาพย่อในแถบเครื่องมือเพื่อเลือกรูปจากคลังรูปหรืออัปโหลดรูปใหม่ รูปที่อัปโหลดจะถูกบีบอัดอัตโนมัติเพื่อให้หน้าเว็บโหลดเร็วขึ้น ถ้าต้องการคุณภาพเต็ม ติ๊ก "Keep original (no compression)"

จัดกรอบรูปใหม่ก็ได้ "Crop and set focus" ให้เลือกสัดส่วน (ต้นฉบับ, 1:1, 4:3, 16:9 หรืออิสระ) และให้โฟกัสอยู่ที่ขนมปังหรือตัวคน ถ้ากดยกเลิก หน้าเว็บก็เหมือนเดิม ใส่ข้อความ alt เพื่อให้คนที่ใช้โปรแกรมอ่านหน้าจอรู้ว่ารูปคืออะไร หรือตั้งรูปที่ใช้ตกแต่งอย่างเดียวให้เป็นรูปตกแต่ง

แก้แค่ชิ้นเดียว หรือแก้ทั้งหมด?

ป้าย "Style source" ในแถบเครื่องมือบอกว่าสไตล์มาจากไหน: แบรนด์ ทั้งเว็บไซต์ หน้านั้น คอมโพเนนต์ หรือเฉพาะชิ้นนี้ คุณจะรู้ก่อนแก้ว่าการเปลี่ยนจะไปถึงไหนบ้าง ถ้าปรับแค่ชิ้นเดียว ป้ายจะเปลี่ยนเป็น "Local style" แปลว่าเปลี่ยนแค่ชิ้นนั้น และรีเซ็ตแต่ละค่ากลับไปตามการตั้งค่าของเว็บไซต์ได้ ถ้าจะเปลี่ยนฟอนต์หรือสีแบรนด์ทั้งเว็บในครั้งเดียว ใช้แผง Brand ด้านซ้าย

เมื่อไรควรให้ AI ทำ

คลิกเพื่อแก้ไขเหมาะกับงานที่คุณรู้อยู่แล้วว่าอยากได้ผลแบบไหน ส่วนงานพวกนี้ให้ AI ทำจะเร็วกว่า:

• เพิ่มส่วนใหม่ทั้งส่วน เช่น คำถามที่พบบ่อย หรือเพิ่มหน้าใหม่
• เขียนข้อความใหม่ หรือเปลี่ยนสไตล์ทั้งเว็บ
• อัปเดตข้อมูลที่อยู่หลายที่ เช่น เวลาเปิดที่มีทั้งในส่วนการเดินทางและท้ายเว็บ บอก AI ว่า "เปลี่ยนเวลาเปิดทุกที่เป็น …" แล้ว AI จะหาเจอทั้งหมด

สองแบบนี้ใช้ร่วมกันได้ เลือกชิ้นส่วนบนหน้า แล้วบอก AI ว่าจะให้ทำอะไร แชตจะรู้ว่าคุณเลือกอะไรอยู่ AI จึงแก้แค่ชิ้นนั้น

ถ้าผลจาก AI ใกล้เคียงแต่ยังไม่ใช่ ไม่ต้องอธิบายใหม่ อย่างในตัวอย่างนี้ บรรทัดที่ AI เพิ่มมาตัวใหญ่กว่าที่ตั้งใจ แค่เลือกแล้วลดขนาดจาก 16 เป็น 14 ก็เรียบร้อย และป้ายเปลี่ยนเป็น "Local style"

ยังมีเครื่องมืออีกสองอย่างในแถบด้านล่างที่ใช้คู่กับ AI:

• Annotate: วงตรงจุดบนหน้าแล้วบอก AI ว่าจะเปลี่ยนอะไร กด Shift ค้างไว้เพื่อวาดสี่เหลี่ยม
• Comment: ทิ้งคอมเมนต์แบบมีหมายเลขไว้บนหน้าระหว่างไล่ดู แล้วส่งให้ AI ทั้งหมดในครั้งเดียว

ดูบนมือถือ

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

ยังไม่มีอะไรขึ้นจริงจนกว่าคุณจะเผยแพร่

• เลิกทำและทำซ้ำ: ลูกศรมุมขวาบนย้อนกลับได้ทีละการเปลี่ยนแปลง
• Version history: ก่อนแก้ครั้งใหญ่ กด "Save current version" ไว้ เพื่อกู้คืนทีหลังได้
• พรีวิวก่อน แล้วค่อยเผยแพร่: สิ่งที่แก้ในเอดิเตอร์จะไม่ขึ้นเว็บไซต์จริงเอง สลับไป Preview ตรวจดู แล้วกด Publish

ทำไมต้องมีทั้งสองแบบ

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

AI ของ C Building ก็แก้เว็บไซต์ให้คุณเหมือนกัน ที่ต่างคือเว็บไซต์ของคุณยังเป็นหน้าที่คลิกแล้วแก้เองได้: งานใหญ่ให้ AI ทำ งานเล็กทำเอง ทั้งสองแบบไม่ต้องรอใคร

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

ต้องเขียนโค้ดเป็นไหม?

ไม่ต้อง เอดิเตอร์แสดงเว็บไซต์ตามหน้าตาจริง คลิกสิ่งที่อยากเปลี่ยน แล้วใช้แถบเครื่องมือหรือพิมพ์ได้เลย

แก้เองนับเป็นการแก้ไขด้วย AI ไหม?

ไม่นับ เฉพาะการแชตกับ AI ในเอดิเตอร์เท่านั้นที่นับเป็นการแก้ไขด้วย AI การคลิกและพิมพ์เองทำได้ไม่จำกัด

แก้แล้วขึ้นเว็บทันทีไหม?

ไม่ การแก้ไขจะบันทึกอัตโนมัติในเอดิเตอร์ และจะขึ้นเว็บไซต์จริงก็ต่อเมื่อคุณกด Publish คุณจึงแก้และพรีวิวก่อนได้

ต้องแก้เวอร์ชันมือถือแยกไหม?

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

ถ้าแก้ผิด ย้อนกลับได้ไหม?

ได้ งานแก้เล็ก ๆ ใช้ปุ่มเลิกทำ ก่อนแก้ครั้งใหญ่ให้บันทึกเวอร์ชันไว้ใน Version history เพื่อกู้คืนทั้งเว็บได้ถ้าจำเป็น

ข้อมูลเดียวกันอยู่หลายที่ ต้องแก้ทีละที่ไหม?

คลิกเพื่อแก้ไขเปลี่ยนได้ทีละที่ ข้อมูลอย่างเวลาเปิดหรือเบอร์โทรที่อยู่หลายที่ ให้บอก AI ว่า "เปลี่ยนทุกที่" จะได้ไม่ตกหล่น

เริ่มเลย

ถ้ามีเว็บไซต์บน C Building อยู่แล้ว เปิดเอดิเตอร์แล้วคลิกได้เลย ถ้ายังไม่มี สร้างเว็บไซต์แรกฟรี ไม่ต้องใช้บัตรเครดิต เปรียบเทียบแพ็กเกจได้ที่ หน้าราคา