การสร้างธีมบล็อกโดยอัตโนมัติในตัวแก้ไขธีม

ด้วย Shopify Magic คุณจะสามารถใช้ปัญญาประดิษฐ์ (AI) เพื่อสร้างธีมบล็อกใหม่ในตัวแก้ไขธีมของคุณตามรายละเอียดที่คุณระบุ

ข้อควรพิจารณาในการสร้างธีมบล็อก

ตรวจสอบข้อควรพิจารณาต่อไปนี้สำหรับการสร้างธีมบล็อก

  • โค้ดที่สร้างโดย AI อาจไม่สมบูรณ์แบบเสมอไป ในบางครั้ง โค้ดดังกล่าวอาจสร้างข้อผิดพลาด ให้ผลลัพธ์ที่ไม่คาดคิด หรือเป็นโค้ดที่ไม่เป็นไปตามหลักปฏิบัติที่ดีที่สุดด้านความสามารถในการเข้าถึงหรือประสิทธิภาพอย่างสมบูรณ์ คุณมีหน้าที่รับผิดชอบในการตรวจสอบ ทดสอบ และดูแลให้บล็อกที่สร้างขึ้นตรงตามมาตรฐานและทำงานได้อย่างถูกต้อง
  • แสดงตัวอย่างลักษณะของบล็อกทั้งในมุมมองเดสก์ท็อปและมือถือภายในตัวอย่างของตัวแก้ไขธีม
  • หากบล็อกของคุณมีการตั้งค่าการปรับแต่ง ให้ทดสอบการตั้งค่าเหล่านั้นหลังจากที่เพิ่มบล็อกเพื่อให้แน่ใจว่าการตั้งค่าทำงานได้ตามที่คาดไว้
  • หลังจากที่คุณสร้างธีมบล็อกแล้ว ไฟล์ Liquid ใหม่สำหรับบล็อกจะถูกเพิ่มไปยัง blocks โฟลเดอร์ในโค้ดของธีมคุณ
    • ธีมบล็อกประกอบด้วย Liquidซึ่งเป็นภาษาเทมเพลตของ Shopify ไฟล์ธีมบล็อกยังมี HTML, CSS, JSON และ JavaScript อยู่ด้วย หลังจากที่คุณสร้างธีมบล็อกแล้ว ไฟล์ Liquid ใหม่สำหรับบล็อกจะถูกเพิ่มไปยัง blocks โฟลเดอร์ในโค้ดของธีมคุณ
      โฟลเดอร์บล็อกของตัวแก้ไขโค้ดธีม
    • หากคุณต้องการแก้ไขธีมบล็อกที่สร้างขึ้นโดยการแก้ไขโค้ด คุณสามารถแก้ไขโค้ดธีมของคุณได้ ทั้งนี้คุณควรแก้ไขโค้ดธีมก็ต่อเมื่อคุณรู้จัก HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid
    • ไฟล์ Liquid ที่สร้างโดย Shopify Magic เป็นไฟล์ที่สมบูรณ์ในตัวเอง คุณยังคงสามารถอัปเดตธีมของคุณได้เมื่อเวอร์ชันใหม่ได้รับการเผยแพร่ไปยังร้านค้าธีม

ข้อกำหนดคุณสมบัติสำหรับการสร้างธีมบล็อก

ตรวจสอบข้อกำหนดต่อไปนี้สำหรับการสร้างธีมบล็อก

ข้อกำหนดของแผนอัตราค่าบริการ

ร้านค้าของคุณต้องใช้แผนอัตราค่าบริการแผนใดแผนหนึ่งต่อไปนี้

  • การทดลองใช้งานฟรี
  • Basic
  • Growth
  • Advanced
  • Plus

ฟีเจอร์นี้ไม่มีให้ใช้งานในแผน Starter ซึ่งใช้ธีม Spotlight และไม่รองรับการเพิ่มส่วนหรือบล็อกของธีมแบบกำหนดเอง

ความเข้ากันได้ของธีม

ฟีเจอร์การสร้างธีมบล็อกมีให้ใช้งานสำหรับทุกธีมใน Shopify Theme Store หากคุณใช้ธีมภายนอกที่ใช้ร่วมกันได้ คุณจะต้องซื้อธีมดังกล่าวก่อนจึงจะสามารถสร้างธีมบล็อกได้ เนื่องจากเวอร์ชันทดลองใช้งานฟรีไม่รองรับฟีเจอร์นี้

ฟีเจอร์นี้ไม่มีให้ใช้งานในธีมวินเทจ ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์สำหรับสถาปัตยกรรมธีมเวอร์ชันต่างๆ

ข้อกำหนดด้านสิทธิ์อนุญาตของผู้ใช้

ผู้ใช้ต่อไปนี้สามารถสร้างบล็อกในธีมได้

เคล็ดลับการเขียนพรอมต์ของธีมบล็อกให้มีประสิทธิภาพ

คุณภาพของบล็อกที่สร้างขึ้นมักจะขึ้นอยู่กับคุณภาพของพรอมต์ที่คุณใช้ โปรดปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดดังต่อไปนี้

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

ตรวจสอบตัวอย่างพรอมต์ต่อไปนี้ที่เป็นไปตามหลักปฏิบัติที่ดีที่สุด

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

สร้างธีมบล็อก

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

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไขแล้วคลิก ปรับแต่ง

  3. ปรับแต่งหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์หน้าแรก จากนั้นเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน

  4. คลิกส่วนที่คุณต้องการสร้างบล็อก

  5. คลิกเพิ่มบล็อก

  6. คลิกสร้าง

  7. ป้อนคำอธิบายของบล็อกที่คุณต้องการสร้าง

  8. คลิกสร้าง Shopify Magic จะประมวลผลคำขอของคุณและสร้างโค้ด

  9. แสดงตัวอย่างบล็อกที่สร้างขึ้นในตัวแก้ไขธีมโดยตรง หากมีการสร้างการตั้งค่าการปรับแต่ง คุณจะสามารถปรับแต่งบล็อกของคุณได้

  10. หากคุณพอใจกับบล็อกที่สร้างขึ้น ให้คลิก “เก็บไว้” หากไม่พอใจ คุณสามารถละทิ้งบล็อกดังกล่าวหรือให้คำแนะนำเพิ่มเติมได้

ลบธีมบล็อกที่สร้างขึ้นจากธีมของคุณ

หลังจากที่คุณสร้างธีมบล็อกแล้ว ระบบจะเพิ่มไฟล์ Liquid ใหม่สำหรับบล็อกดังกล่าวไปยังโฟลเดอร์ blocks ในโค้ดของธีม หากธีมบล็อกที่สร้างขึ้นก่อให้เกิดปัญหากับร้านค้าของคุณ คุณสามารถลบออกได้โดยการลบไฟล์ Liquid จากโค้ดของธีม

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิก “แก้ไขธีม

  3. ปรับแต่งหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์หน้าแรก จากนั้นเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน

  4. คลิกส่วนที่มีบล็อกที่คุณต้องการลบ หากก่อนหน้านี้คุณได้ลบอินสแตนซ์ทั้งหมดของบล็อกออกไปแล้ว ให้คลิก “เพิ่มบล็อก” เพื่อเพิ่มบล็อกอีกครั้งจากเครื่องมือเลือกบล็อก

  5. ในส่วนการตั้งค่าของบล็อก ให้คลิก เมนูแนวนอน > โค้ด แก้ไขโค้ด

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

    โฟลเดอร์ blocks ในตัวแก้ไขโค้ดธีมและไฟล์ธีมบล็อกที่เปิดอยู่ซึ่งจะถูกลบ

  7. ในเมนูแถบด้านข้าง ให้คลิกไอคอน ลบ ที่อยู่ถัดจากไฟล์บล็อก

  8. ในกล่องโต้ตอบ ให้คลิก “ลบไฟล์” เพื่อยืนยัน