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

- หากคุณต้องการแก้ไขธีมบล็อกที่สร้างขึ้นโดยการแก้ไขโค้ด คุณสามารถแก้ไขโค้ดธีมของคุณได้ ทั้งนี้คุณควรแก้ไขโค้ดธีมก็ต่อเมื่อคุณรู้จัก HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid
- ไฟล์ Liquid ที่สร้างโดย Shopify Magic เป็นไฟล์ที่สมบูรณ์ในตัวเอง คุณยังคงสามารถอัปเดตธีมของคุณได้เมื่อเวอร์ชันใหม่ได้รับการเผยแพร่ไปยังร้านค้าธีม
- ธีมบล็อกประกอบด้วย Liquidซึ่งเป็นภาษาเทมเพลตของ Shopify ไฟล์ธีมบล็อกยังมี HTML, CSS, JSON และ JavaScript อยู่ด้วย หลังจากที่คุณสร้างธีมบล็อกแล้ว ไฟล์ Liquid ใหม่สำหรับบล็อกจะถูกเพิ่มไปยัง blocks โฟลเดอร์ในโค้ดของธีมคุณ
ข้อกำหนดคุณสมบัติสำหรับการสร้างธีมบล็อก
ตรวจสอบข้อกำหนดต่อไปนี้สำหรับการสร้างธีมบล็อก
ข้อกำหนดของแผนอัตราค่าบริการ
ร้านค้าของคุณต้องใช้แผนอัตราค่าบริการแผนใดแผนหนึ่งต่อไปนี้
- การทดลองใช้งานฟรี
- Basic
- Growth
- Advanced
- Plus
ฟีเจอร์นี้ไม่มีให้ใช้งานในแผน Starter ซึ่งใช้ธีม Spotlight และไม่รองรับการเพิ่มส่วนหรือบล็อกของธีมแบบกำหนดเอง
ความเข้ากันได้ของธีม
ฟีเจอร์การสร้างธีมบล็อกมีให้ใช้งานสำหรับทุกธีมใน Shopify Theme Store หากคุณใช้ธีมภายนอกที่ใช้ร่วมกันได้ คุณจะต้องซื้อธีมดังกล่าวก่อนจึงจะสามารถสร้างธีมบล็อกได้ เนื่องจากเวอร์ชันทดลองใช้งานฟรีไม่รองรับฟีเจอร์นี้
ฟีเจอร์นี้ไม่มีให้ใช้งานในธีมวินเทจ ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์สำหรับสถาปัตยกรรมธีมเวอร์ชันต่างๆ
ข้อกำหนดด้านสิทธิ์อนุญาตของผู้ใช้
ผู้ใช้ต่อไปนี้สามารถสร้างบล็อกในธีมได้
- เจ้าของร้านค้าและเจ้าขององค์กร
- ผู้ใช้ที่มีบทบาทผู้ดูแลระบบหรือผู้ดูแลองค์กร
- ผู้ใช้ที่มีบทบาทในร้านค้าพร้อมสิทธิ์อนุญาตให้แก้ไขโค้ด
เคล็ดลับการเขียนพรอมต์ของธีมบล็อกให้มีประสิทธิภาพ
คุณภาพของบล็อกที่สร้างขึ้นมักจะขึ้นอยู่กับคุณภาพของพรอมต์ที่คุณใช้ โปรดปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดดังต่อไปนี้
- ระบุให้ชัดเจนและอธิบายรายละเอียด พรอมต์ควรมีความยาวอย่างน้อยห้าคำ พรอมต์ที่ยาวขึ้นและมีรายละเอียดมากกว่ามักจะให้ผลลัพธ์ที่แม่นยำกว่า ยกตัวอย่างเช่น แทนที่จะป้อน เพิ่มรูปภาพและข้อความ ให้ป้อน สร้างบล็อกที่มีรูปภาพอยู่ทางซ้าย และมีส่วนหัว ข้อความย่อหน้า และปุ่ม 'ช้อปเลย' อยู่ทางขวา วางซ้อนกันบนมือถือ
- กล่าวถึงองค์ประกอบเนื้อหา ระบุประเภทของเนื้อหาที่จำเป็นสำหรับบล็อก เช่น ส่วนหัว ย่อหน้า รูปภาพ ปุ่ม แบบฟอร์ม และไอคอน
- แนะนำเลย์เอาต์ อธิบายการจัดเรียงองค์ประกอบในบล็อก เช่น แบบเคียงข้างกัน กริด กึ่งกลาง หรือสลับแถว
- รวมการตั้งค่าการปรับแต่ง หากคุณต้องการให้บล็อกมีการตั้งค่าเฉพาะที่แก้ไขได้ในตัวแก้ไขธีม เช่น ตัวเลือกในการเปลี่ยนรูปภาพ ข้อความ หรือลิงก์ปุ่ม ให้รวมการตั้งค่าเหล่านั้นไว้ในพรอมต์ของคุณ ยกตัวอย่างเช่น หากต้องการรวมการตั้งค่าเพื่อควบคุมความเร็วของภาพเคลื่อนไหวในบล็อกที่มีวิดีโอ ให้ป้อน รวมการตั้งค่าเพื่อควบคุมความเร็วของภาพเคลื่อนไหว
- ทำซ้ำพร้อมคำแนะนำเพิ่มเติม หากผลลัพธ์แรกยังไม่ค่อยตรงกับที่ต้องการ ให้ปรับพรอมต์ของคุณโดยใส่รายละเอียดเพิ่มเติมหรือเปลี่ยนการใช้คำ แล้วจึงสร้างใหม่อีกครั้ง
ตรวจสอบตัวอย่างพรอมต์ต่อไปนี้ที่เป็นไปตามหลักปฏิบัติที่ดีที่สุด
- บล็อกคำนิยมพร้อมรูปภาพลูกค้า ข้อความอ้างอิง ชื่อลูกค้า และการแสดงการให้คะแนน 5 ดาว
- บล็อกฟีเจอร์แบบเคียงข้างกัน: ด้านซ้ายมีไอคอนและส่วนหัว ส่วนด้านขวามีข้อความอธิบาย
- แบนเนอร์แบบเต็มความกว้างพร้อมรูปภาพพื้นหลัง ข้อความส่วนหัวขนาดใหญ่ที่จัดกึ่งกลาง ข้อความหัวเรื่องย่อยขนาดเล็กด้านล่าง และปุ่มคำกระตุ้นการตัดสินใจ
สร้างธีมบล็อก
หลังจากที่คุณสร้างบล็อกและตัดสินใจที่จะเก็บไว้ บล็อกใหม่จะถูกเพิ่มไปยังเครื่องมือเลือกบล็อก คุณสามารถเพิ่มบล็อกไปยังส่วนที่เข้ากันได้ซึ่งยอมรับธีมบล็อก
ขั้นตอน:
จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไขแล้วคลิก ปรับแต่ง
ปรับแต่งหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์หน้าแรก จากนั้นเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน
คลิกส่วนที่คุณต้องการสร้างบล็อก
คลิกเพิ่มบล็อก
คลิกสร้าง
ป้อนคำอธิบายของบล็อกที่คุณต้องการสร้าง
คลิกสร้าง Shopify Magic จะประมวลผลคำขอของคุณและสร้างโค้ด
แสดงตัวอย่างบล็อกที่สร้างขึ้นในตัวแก้ไขธีมโดยตรง หากมีการสร้างการตั้งค่าการปรับแต่ง คุณจะสามารถปรับแต่งบล็อกของคุณได้
หากคุณพอใจกับบล็อกที่สร้างขึ้น ให้คลิก “เก็บไว้” หากไม่พอใจ คุณสามารถละทิ้งบล็อกดังกล่าวหรือให้คำแนะนำเพิ่มเติมได้
ลบธีมบล็อกที่สร้างขึ้นจากธีมของคุณ
หลังจากที่คุณสร้างธีมบล็อกแล้ว ระบบจะเพิ่มไฟล์ Liquid ใหม่สำหรับบล็อกดังกล่าวไปยังโฟลเดอร์ blocks ในโค้ดของธีม หากธีมบล็อกที่สร้างขึ้นก่อให้เกิดปัญหากับร้านค้าของคุณ คุณสามารถลบออกได้โดยการลบไฟล์ Liquid จากโค้ดของธีม
ขั้นตอน:
จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > ธีม
ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิก “แก้ไขธีม”
ปรับแต่งหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์หน้าแรก จากนั้นเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน
คลิกส่วนที่มีบล็อกที่คุณต้องการลบ หากก่อนหน้านี้คุณได้ลบอินสแตนซ์ทั้งหมดของบล็อกออกไปแล้ว ให้คลิก “เพิ่มบล็อก” เพื่อเพิ่มบล็อกอีกครั้งจากเครื่องมือเลือกบล็อก
ในส่วนการตั้งค่าของบล็อก ให้คลิก
>
แก้ไขโค้ด
ในเมนูแถบด้านข้าง ให้คลิกโฟลเดอร์ blocks เพื่อขยาย จากนั้นค้นหาไฟล์บล็อกที่คุณกำลังดูอยู่ ไฟล์ดังกล่าวจะตรงกับชื่อของบล็อกที่เปิดอยู่ในปัจจุบัน และลงท้ายด้วย
.liquid
ในเมนูแถบด้านข้าง ให้คลิกไอคอน
ที่อยู่ถัดจากไฟล์บล็อก
ในกล่องโต้ตอบ ให้คลิก “ลบไฟล์” เพื่อยืนยัน