การแก้ไขโค้ดธีม
คุณสามารถแก้ไขโค้ดธีมของคุณเพื่อทำการเปลี่ยนแปลงร้านค้าออนไลน์ของคุณอย่างละเอียดได้ ไฟล์ส่วนใหญ่ที่ประกอบขึ้นเป็นธีมมี Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify และยังมีไฟล์ธีมแบบ HTML, CSS, JSON และ JavaScript. ควรแก้ไขโค้ดสำหรับธีมหากคุณสามารถใช้งานไฟล์ HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid เท่านั้น
หากคุณแก้ไขโค้ดธีมของคุณ คุณอาจจะทำให้ธีมนั้นไม่สามารถอัปเดตแบบอัตโนมัติได้ คุณควรจะแก้ไขโค้ดธีมของคุณต่อเมื่อคุณไม่สามารถทำการเปลี่ยนแปลงที่ต้องการได้โดยใช้ HTML หรือ การตั้งค่า Liquid หรือ แอป Shopify
ก่อนปรับแต่งธีมของคุณ
ก่อนเริ่มปรับแต่งธีมของคุณ จะดีไม่น้อยหากคุณลองดำเนินการขั้นตอนดังต่อไปนี้:
- ทำซ้ำธีมเพื่อทำสำเนาข้อมูลสำรอง ซึ่งจะทำให้การละทิ้งการเปลี่ยนแปลงของคุณและเริ่มต้นใหม่ง่ายขึ้น หากจำเป็น
- ตรวจสอบให้แน่ใจว่าคุณทราบว่าสามารถใช้งานระดับความช่วยเหลือใดได้บ้าง
- ดูข้อมูลเกี่ยวกับข้อกำหนดและหลักปฏิบัติที่ดีที่สุดสำหรับการอัปโหลดรูปภาพ
แก้ไขโค้ดธีมของคุณ
คุณสามารถแก้ไขรหัสสำหรับธีมของคุณได้
ขั้นตอน:
- ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- จากแอป Shopify ให้แตะ ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
- แตะ จัดการธีม
- จากแอป Shopify ให้แตะ ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
- แตะ จัดการธีม
- คลิกที่ การดำเนินการ > แก้ไขรหัส
เครื่องมือแก้ไขรหัสจะแสดงไดเรกทอรีของไฟล์ธีมด้านซ้าย และช่องว่างเพื่อดูและแก้ไขไฟล์ด้านขวา
คุณสามารถขยายเครื่องมือแก้ไขรหัสเพื่อเติมหน้าจอให้เต็มได้โดยคลิกที่ไอคอนขยาย:
คุณสามารถทำให้หน้านั้นกลับเป็นปกติได้ได้โดยคลิกที่ไอคอนย่อ:
เมื่อคุณคลิกไฟล์ในไดเรกทอรีทางด้านซ้าย ไฟล์นั้นจะเปิดขึ้นมาในเครื่องมือแก้ไขรหัส คุณสามารถเปิดและแก้ไขไฟล์หลายไฟล์พร้อมกันได้ โดยไฟล์ใดก็ตามที่คุณแก้ไขจะมีจุดปรากฏอยู่ข้างชื่อไฟล์:
สิ่งนี้สามารถช่วยให้คุณสามารถติดตามการเปลี่ยนแปลงที่คุณได้ทำไว้ได้
เรียกคืนธีมเวอร์ชันเก่าของคุณ
หากคุณได้เปลี่ยนไฟล์ธีมและต้องการเปลี่ยนกลับ คุณสามารถย้อนไฟล์ .liquid ทีละไฟล์กลับไปยังเวลาและวันที่ก่อนที่คุณจะทำการเปลี่ยนแปลงได้
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
-
ใต้ส่วนหัวเทมเพลต ให้คลิกที่หนึ่งในไฟล์ .liquid ที่คุณเพิ่งแก้ไข
-
คลิกที่ "เวอร์ชันที่เก่ากว่า" ถัดจากชื่อไฟล์
.liquid
-
คลิกที่เมนูดรอปดาวน์เพื่อเลือกเวอร์ชันที่เก่ากว่า การคลิกที่ datestamp จะเป็นการย้อนโค้ดกลับไปเป็นเวอร์ชันที่บันทึกไว้
ตัวเลือกเสริม: คลิกที่ ดูตัวอย่าง แล้วดูว่าข้อผิดพลาดได้รับการแก้ไขหรือไม่
โหมดสีเข้ม
ในขณะที่มีการขยายเครื่องมือแก้ไขรหัสแบบเต็มหน้าจอ คุณสามารถสลับรูปแบบสีของเครื่องมือแก้ไขระหว่างสว่างและมืดได้โดยการคลิกปุ่มที่ด้านล่างของหน้า
หากต้องการดูข้อมูลเกี่ยวกับประโยชน์ของการใช้เครื่องมือแก้ไขแบบมืด ให้ดูที่ The Power of the Dark Side: Dark User Interfaces ใน Shopify Partners Blog
บทแนะนำการใช้งานการปรับแต่งรหัสธีม
คุณสามารถทำตามบทแนะนำการใช้งานการปรับแต่งโค้ดธีมเพื่อเป็นแนวทางในการเปลี่ยนแปลงร้านค้าออนไลน์ของคุณได้ โดยระบบจะจัดระเบียบบทแนะนำการใช้งานตามประเภทของหน้าหรือฟีเจอร์ที่ต้องการปรับเปลี่ยน
บทแนะนำการใช้งานการปรับแต่งธีมจะแบ่งตามเวอร์ชันของสถาปัตยกรรมธีมที่ใช้ ดูวิธีระบุเวอร์ชันสถาปัตยกรรมธีมของคุณ
รับความช่วยเหลือในการปรับแต่ง
หากคุณต้องการความช่วยเหลือในการเปลี่ยนแปลงธีมของคุณ คุณสามารถติดต่อผู้พัฒนาธีมเพื่อรับความช่วยเหลือได้
หากต้องการดูแหล่งข้อมูลอื่นที่มีอยู่เพื่อช่วยเหลือคุณเกี่ยวกับการปรับแต่งธีม โปรดดูแหล่งข้อมูลเพิ่มเติมสำหรับความช่วยเหลือด้านธีม