ฐานความรู้
การแก้ไขไฟล์เว็บไซต์ของคุณในเบราว์เซอร์
เปิดโปรแกรมแก้ไข VS Code เต็มรูปแบบบนเว็บไซต์ของคุณจากแดชบอร์ด ถาม AI ในตัวเกี่ยวกับโค้ดของคุณ และกู้คืนไฟล์ที่คุณบันทึกทับไปโดยไม่ได้ตั้งใจ
คุณไม่จำเป็นต้องใช้ FTP, SSH หรือติดตั้งโปรแกรมใดๆ บนคอมพิวเตอร์ของคุณเพื่อแก้ไขไฟล์บนเว็บไซต์ของคุณ โปรแกรมแก้ไขนี้อยู่ห่างออกไปเพียงสามคลิกและใช้งานกับไฟล์จริงของคุณ
เปิดโปรแกรมแก้ไข
- ไปที่ Hosting → Your websites แล้วคลิกที่เว็บไซต์
- ใต้ชื่อเว็บไซต์จะมีแถวเครื่องมือ: WordPress Admin · phpMyAdmin · File manager · Web editor · Visit site
- คลิก Web editor
แท็บใหม่จะเปิดขึ้นพร้อมกับไฟล์บนเว็บไซต์ของคุณที่รออยู่แล้ว นี่คือ VS Code ของจริงที่ทำงานอยู่บนเซิร์ฟเวอร์ โดยส่วนขยาย การค้นหาไฟล์ git และเทอร์มินัลทั้งหมดสามารถใช้งานได้
หากไม่มีอะไรเกิดขึ้นเมื่อคุณคลิก เบราว์เซอร์ของคุณบล็อกหน้าต่างป๊อปอัป โปรดอนุญาตป๊อปอัปสำหรับแดชบอร์ดแล้วคลิกอีกครั้ง
หากมีข้อความแจ้งว่าลิงก์ถูกใช้งานไปแล้ว นั่นคืออาการปกติและไม่ใช่ความผิดพลาด ลิงก์แต่ละรายการจะใช้งานได้หนึ่งครั้งและมีอายุสามนาที เพื่อไม่ให้ใครนำลิงก์จากประวัติการเข้าชมเบราว์เซอร์ของคุณกลับมาใช้ซ้ำได้ กลับไปที่หน้าเว็บไซต์แล้วคลิกปุ่มอีกครั้ง เมื่อคุณเข้ามาแล้ว เซสชันจะมีอายุแปดชั่วโมง
หากเว็บไซต์ของคุณไม่มีปุ่มดังกล่าว แสดงว่าเว็บไซต์นั้นโฮสต์อยู่บนแพลตฟอร์มที่เราไม่ได้รันระบบไฟล์ แต่ตัวจัดการไฟล์ยังคงใช้งานได้ตามปกติ
สอบถาม AI เกี่ยวกับโค้ดของคุณ
กด F1 และพิมพ์ Zinn® หรือคลิกขวาภายในไฟล์ มี 6 สิ่งที่ AI สามารถทำได้:
| | | |---|---| | Ask Zinn® about this file | คำถามใดๆ Ctrl-Alt-Z | | Explain this code | อธิบายการทำงานและสิ่งที่มีความเสี่ยงในโค้ด | | Fix this code | คุณบอกว่ามีอะไรผิดพลาด AI จะเสนอวิธีแก้ไข | | Refactor this code | รูปแบบการทำงานเดิมแต่อ่านง่ายขึ้น | | Complete this code | เขียนส่วนที่เหลือต่อจากที่คุณทำค้างไว้ | | Write code from a description | เขียนโค้ดใหม่ตามคำอธิบายในสไตล์ไฟล์ของคุณ |
สองข้อแรกจะตอบกลับในเอกสารที่อยู่ข้างๆ ไฟล์ของคุณ ส่วนอีกสี่ข้อที่เหลือจะ เสนอการเปลี่ยนแปลง และนี่คือส่วนสำคัญ:
ไม่มีข้อความใดที่ AI เขียนขึ้นจะถูกนำไปใช้โดยที่คุณไม่อนุมัติเป็นอันขาด คุณจะเห็นการเปรียบเทียบแบบ side-by-side โดยไฟล์ของคุณอยู่ทางด้านซ้ายและคำแนะนำอยู่ทางด้านขวา พร้อมกับกล่องโต้ตอบที่มีปุ่ม Apply และ Discar ไม่มีชุดการตั้งค่าใดที่เปลี่ยนแปลงสิ่งนี้ได้
หากคำแนะนำทำให้ส่วนหนึ่งของไฟล์คุณหายไป เราจะปฏิเสธคำแนะนำนั้นแทนที่จะแสดงขึ้นมา การนำข้อเสนอดังกล่าวไปใช้จะทำให้สิ่งที่มีอยู่เดิมหายไป
ค่าใช้จ่ายและโมเดลที่ใช้
ระบบนี้ใช้ยอดคงเหลือของ AI แบบเดียวกับบริการอื่นๆ บนบัญชีของคุณ: ใช้คีย์ของผู้ให้บริการของคุณเองหากคุณเพิ่มเข้ามาแล้ว หรือใช้เครดิต Zinn® หากยังไม่ได้เพิ่ม คุณสามารถดูทุกคำถามได้ที่ AI → Usage โดยแสดงรายการเป็น AI in the editor
โดยค่าเริ่มต้น เราจะเลือกโมเดลที่ถูกที่สุดที่สามารถทำงานนั้นได้ ซึ่งสอดคล้องกับรายการราคาของเรา ดังนั้น เมื่อมีโมเดลที่ราคาถูกกว่าปรากฏขึ้น คุณจะได้รับโมเดลนั้นโดยไม่ต้องเปลี่ยนแปลงอะไรเลย หากต้องการเลือกโมเดลด้วยตนเอง ให้กด F1 → Zinn®: Choose the AI model รายการจะเรียงจากราคาถูกที่สุดก่อน
หากคุณทำบางอย่างเสียหาย — การกู้คืนไฟล์
ทุกครั้งที่คุณบันทึกไฟล์ในโปรแกรมแก้ไข เราจะเก็บบันทึกเวอร์ชันที่คุณเขียนทับไว้ สูงสุดถึง 20 เวอร์ชันต่อไฟล์
- เปิดไฟล์
- F1 → Zinn®: Earlier versions of this file
- เลือกเวลาที่คุณต้องการ
- คุณจะได้รับการเปรียบเทียบแบบ side-by-side เช่นเดิม พร้อมกับปุ่ม Apply เดิม
นี่คือการเลิกทำ (undo) ไม่ใช่การสำรองข้อมูล (backup) โดยครอบคลุมเฉพาะไฟล์ที่คุณแก้ไขในโปรแกรมแก้ไขเท่านั้น ข้อมูลนี้เก็บบันทึกอยู่ภายในบัญชีโฮสติ้งของคุณเอง และไม่ทราบข้อมูลใดๆ เกี่ยวกับฐานข้อมูลของคุณ สำหรับกรณีอื่นๆ ที่นอกเหนือจากนี้ เช่น การอัปเดตปลั๊กอินที่มีปัญหา ปัญหาฐานข้อมูล หรือเว็บไซต์ที่คุณต้องการกู้คืนให้กลับมาเป็นเหมือนเมื่อวันอังคารที่แล้ว ให้ใช้ Backups and restore
เทอร์มินัล
กด `Ctrl- ` เพื่อเปิดเชลล์บนเว็บไซต์ของคุณเอง wp, git และ php อยู่ที่นั่น (composer` ไม่ได้ติดตั้งไว้บนเซิร์ฟเวอร์ในขณะนี้ โปรดนำเข้ามาไว้ในไดเรกทอรีของเว็บไซต์คุณเองหากคุณต้องการใช้งาน) เทอร์มินัลนี้จะมองเห็นเฉพาะไฟล์ของเว็บไซต์คุณเองเท่านั้น เนื่องจากเว็บไซต์แต่ละแห่งบนเซิร์ฟเวอร์ทำงานในมุมมองแบบแยกส่วน ดังนั้นจึงไม่มีทางเข้าถึงส่วนอื่นได้
ใครเป็นผู้เปลี่ยนแปลงสิ่งใด
การเปิดโปรแกรมแก้ไข การบันทึกไฟล์ การนำคำแนะนำของ AI ไปใช้ การกู้คืนเวอร์ชัน และการเปิดเทอร์มินัล ทั้งหมดนี้จะปรากฏบนหน้า Activity ของคุณ พร้อมกับชื่อของบุคคลที่ดำเนินการดังกล่าว หากมีหลายคนในทีมของคุณสามารถเข้าถึงเว็บไซต์ได้ นั่นคือวิธีที่คุณจะทราบว่าใครเป็นผู้เปลี่ยนแปลงธีม
ยังมีปัญหาอยู่ใช่ไหม?
รวมบริการช่วยเหลือในทุกแพลตฟอร์ม และตอบกลับด้วยภาษาของคุณเอง
ติดต่อฝ่ายสนับสนุน → บทความทั้งหมด →