• หน้าแรก
  • ศูนย์ช่วยเหลือ
  • คู่มือฟีเจอร์
  • Sider Code - ปรับแต่งเว็บไซต์ใดก็ได้ด้วยคำง่ายๆ

Sider Code - ปรับแต่งเว็บไซต์ใดก็ได้ด้วยคำง่ายๆ

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

Sider Code คืออะไร?

Sider Code เป็นเครื่องมือปรับแต่งเว็บเพจด้วย AI ที่ช่วยให้คุณแก้ไขเว็บเพจแทบทุกหน้าได้ด้วยภาษาธรรมชาติที่ง่ายดาย แทนที่จะเขียนโค้ด คุณแค่บอกสิ่งที่ต้องการเปลี่ยนแปลง Sider Code จะเข้าใจคำขอและปรับแต่งหน้าเว็บให้คุณ คุณสามารถใช้ Sider Code เพื่อ:
  • เพิ่มฟีเจอร์ที่ขับเคลื่อนด้วย AI เช่น การเพิ่ม ปุ่มสรุป สำหรับบทความยาวๆ หรือสรุปความคิดเห็นนับพัน
  • ลบสิ่งรบกวน เช่น โฆษณา ป็อปอัป แถบด้านข้าง หรือเนื้อหาที่ได้รับการสนับสนุน
  • ปรับแต่งรูปลักษณ์หน้าเว็บ เช่น การสลับเป็นโหมดมืดหรือเปลี่ยนเลย์เอาต์ของหน้า
ตัวอย่างเช่น คุณสามารถสั่งว่า:
  • “เพิ่มปุ่มเพื่อสรุปความคิดเห็น”
  • “ลบโฆษณาทั้งหมดจากหน้านี้”
  • “ซ่อนแถบด้านข้างและทำให้บทความเต็มความกว้าง”
  • “ทำให้หน้านี้สะอาดขึ้นและอ่านง่ายขึ้น”
ดูตัวอย่างเพิ่มเติมได้ที่: sider.ai/agents/code

วิธีตั้งค่า Sider Code

ก่อนใช้ Sider Code คุณต้องทำตามขั้นตอนการตั้งค่าสั้นๆ สองขั้นตอนนี้ก่อน:
  1. เปิดใช้งาน User Scripts
  1. ติดตั้ง Sider Operator
ขั้นตอนเหล่านี้ช่วยให้ Sider Code ปรับแต่งเว็บเพจและทดสอบ/ดีบักการปรับแต่งได้แบบอัตโนมัติ

ขั้นตอนที่ 1: เปิด Sider Code

เปิดแถบด้านข้างของ Sider แล้วคลิก ไอคอน Code คุณจะเห็นหน้าต้อนรับของ Sider Code คลิก เริ่มต้นใช้งาน
WechatIMG1815.jpg


ขั้นตอนที่ 2: เปิดใช้งาน User Scripts

Sider Code ต้องการสิทธิ์ User Scripts เพื่อปรับเปลี่ยนหน้าบนเว็บไซต์ ในแผงตั้งค่า ให้คลิก เปิดการตั้งค่าส่วนขยาย หน้าการตั้งค่าส่วนขยาย Chrome จะเปิดขึ้น หา อนุญาต User Scripts แล้วเปิดใช้งาน หลังเปิดใช้งานแล้ว กลับไปที่แผง Sider Code ขั้นตอนแรกจะถูกทำเครื่องหมายว่าสำเร็จแล้ว
WechatIMG1817.jpg


ขั้นตอนที่ 3: ติดตั้ง Sider Operator

ถัดไป ให้ติดตั้ง Sider Operator Sider Operator ช่วยให้ Sider Code ทดสอบและดีบักการเปลี่ยนแปลงบนเว็บเพจได้อย่างอัตโนมัติ ทำให้การปรับแต่งของคุณมีความเสถียรมากขึ้น ในแผงตั้งค่า Sider Code ให้คลิก รับ Sider Operator จะเปิดหน้า Sider Operator ใน Chrome Web Store
WechatIMG1818.jpg


ขั้นตอนที่ 4: เพิ่ม Sider Operator ใน Chrome

ในหน้า Chrome Web Store คลิก เพิ่มใน Chrome Chrome จะแสดงหน้าต่างยืนยัน คลิก เพิ่มส่วนขยาย เมื่อติดตั้งเสร็จแล้ว กลับไปที่ Sider Code แล้วเริ่มปรับแต่งเว็บเพจได้เลย
WechatIMG1819.jpg


วิธีใช้ Sider Code

ขั้นตอนที่ 1: เปิด Sider Code

เปิดเว็บเพจที่คุณต้องการปรับแต่ง จากนั้นคลิก ไอคอน Code ในแถบด้านข้างของ Sider

ขั้นตอนที่ 2: บอก AI ว่าต้องการเปลี่ยนอะไร

บรรยายสิ่งที่คุณต้องการด้วย ภาษาธรรมชาติ
ตัวอย่างเช่น:
  • “ลบโพสต์ที่ได้รับการสนับสนุนจากหน้านี้”
  • “เพิ่มสารบัญลอยตัว”
  • “แสดงเรตติ้งสินค้าไว้ข้างๆ รายการแต่ละชิ้น”
คุณยังสามารถคลิกคำสั่งที่แนะนำ เช่น ลบโฆษณา, สลับเป็นโหมดมืด, ดึงภาพทั้งหมด, หรือ เลื่อนหน้าอัตโนมัติ
WechatIMG1832.jpg


ขั้นตอนที่ 3: ทบทวนและปรับแต่ง

Sider Code จะปรับเปลี่ยน เว็บเพจปัจจุบัน ถ้าผลลัพธ์ยังไม่ตรงใจ ให้ใช้ คำสั่งติดตาม ต่อไป ตัวอย่างเช่น:
  • “ทำให้ฟอนต์เล็กลง”
  • “เก็บส่วนของความคิดเห็นไว้”
  • “ลบแค่แถบด้านขวาเท่านั้น”
  • “เพิ่มช่องว่างมากขึ้น”
ถ้า พื้นที่เฉพาะ ดูไม่ถูกต้อง คุณยังสามารถ ถ่ายภาพหน้าจอของพื้นที่ที่ต้องการเปลี่ยนแปลง แล้วบอก AI ว่าต้องแก้ไขอย่างไร
ตัวอย่างเช่น:
  • “ลบส่วนนี้ออก”
  • “ทำปุ่มนี้ให้เล็กลง”
  • “เลื่อนบล็อกนี้ขึ้นไปข้างบน”
  • “บริเวณนี้ดูแออัดเกินไป ทำให้สะอาดขึ้น”
WechatIMG1829.jpg

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

จัดการการปรับแต่งของคุณ

เพื่อให้การปรับแต่งของคุณเป็นระเบียบ คุณสามารถ:
  • เริ่มแชทใหม่สำหรับแต่ละการปรับแต่ง ใช้แชทใหม่เมื่อสร้างสคริปต์ใหม่ โดยเฉพาะกับเว็บที่ต่างกันหรือเวอร์ชันต่างกันของเว็บเดียวกัน
  • ดูสคริปต์ที่บันทึกไว้ใน My Scripts เปิดแผง My Scripts เพื่อดูการปรับแต่งทั้งหมดที่บันทึกไว้
WechatIMG1830.jpg

  • เปิดหรือปิดสคริปต์ได้ตลอดเวลา เมื่อ สคริปต์ถูกเปิดใช้งาน การปรับแต่งจะถูกนำไปใช้โดยอัตโนมัติทุกครั้งที่คุณเยี่ยมชมเว็บไซต์เดียวกัน คุณสามารถปิดสคริปต์ได้ตลอดเวลาจาก My Scripts
WechatIMG1833.jpg


ระบุคำสั่งให้ชัดเจน

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

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

การเปลี่ยนแปลงจะคงอยู่หลังรีเฟรชหน้าเว็บไหม? จะคงอยู่ ถ้าสคริปต์ถูกเปิดใช้งาน การปรับแต่งที่บันทึกไว้จะยังทำงานเมื่อคุณเยี่ยมชมเว็บนั้นอีกครั้ง
ฉันปิดการปรับแต่งได้ไหม? ได้ เปิดแผง My Scripts แล้วสลับเปิด/ปิดสคริปต์ได้เลย
ถ้าผลลัพธ์ไม่สมบูรณ์ ฉันควรทำอย่างไร? ส่งคำสั่งติดตามแล้วอธิบายสิ่งที่ต้องแก้ไข คุณยังสามารถถ่ายภาพหน้าจอเพื่อชี้ให้ AI เห็นจุดที่ต้องปรับปรุงได้
ฉันใช้ Sider Code ได้กับทุกเว็บไซต์ไหม? Sider Code ออกแบบมาให้ใช้งานได้บนเว็บไซต์จำนวนมาก แต่บางเว็บอาจมีข้อจำกัดพิเศษหรือเลย์เอาต์ซับซ้อน ทำให้บางการเปลี่ยนแปลงต้องใช้คำสั่งติดตามเพิ่มเติม
การคิดเครดิตของ Sider Code เป็นอย่างไร? เครดิตจะคิดตามความซับซ้อนของงานแบบไดนามิก ถ้า Sider Code สร้างสคริปต์ไปแล้ว คุณจะไม่ถูกคิดเครดิตอีกเมื่อใช้สคริปต์เดิมกับเว็บเดียวกันในครั้งถัดไป แต่ถ้าคุณใช้ Sider Code เพื่อเพิ่มฟีเจอร์ AI เครดิตอาจถูกคิดเวลาฟีเจอร์ AI ทำงาน เช่น เมื่อคุณเพิ่มปุ่ม “โต้แย้ง” ใต้คำตอบ ChatGPT เครดิตอาจถูกคิดทุกครั้งที่คลิกเพื่อสร้างการโต้แย้ง ใครสามารถใช้ Sider Code ได้บ้าง?
Sider Code พร้อมให้บริการในแผนชำระเงินใหม่: Lite, Plus, และ Max
ผู้ใช้ฟรีและผู้ใช้แผนชำระเงินแบบเก่า เช่น Basic, Professional, Unlimited หรือ Ultra ต้องอัปเกรดเป็นแผนชำระเงินใหม่จึงจะใช้ Sider Code ได้
ฉันใช้ Sider Code ในโหมดเต็มจอได้ไหม?
ไม่ได้ ในขณะนี้ Sider Code ใช้งานได้เฉพาะใน แถบด้านข้างของ Sider เท่านั้น
เนื่องจาก Sider Code ต้องทำงานใน แท็บเบราว์เซอร์ปัจจุบัน จึงไม่รองรับโหมดเต็มจอ