การแก้ไขรหัสธีม

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

ก่อนปรับแต่งธีมของคุณ

ก่อนเริ่มปรับแต่งธีมของคุณ จะดีไม่น้อยหากคุณลองดำเนินการขั้นตอนดังต่อไปนี้:

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

แก้ไขรหัสธีมของคุณ

คุณสามารถแก้ไขรหัสสำหรับธีมของคุณได้

ขั้นตอน:

  1. คลิกที่ การดำเนินการ > แก้ไขรหัส

เครื่องมือแก้ไขรหัสแสดงไดเรกทอรีของไฟล์ธีมด้านซ้าย และช่องว่างเพื่อดูและแก้ไขไฟล์ด้านขวา:

หน้าเครื่องมือแก้ไขรหัส

คุณสามารถขยายเครื่องมือแก้ไขรหัสเพื่อเติมหน้าจอให้เต็มได้โดยคลิกที่ไอคอนขยาย:

ไอคอนขยาย

คุณสามารถทำให้หน้านั้นกลับเป็นปกติได้ได้โดยคลิกที่ไอคอนย่อ:

ไอคอนย่อ

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

ไดเรกทอรีของไฟล์ธีมที่แสดงจุดสีม่วงติดกับไฟล์ที่แก้ไขแล้ว

สิ่งนี้สามารถช่วยให้คุณสามารถติดตามการเปลี่ยนแปลงที่คุณได้ทำไว้ได้

หากคุณต้องการย้อนกลับการเปลี่ยนแปลงที่เกิดขึ้นกับไฟล์หลังจากที่คุณคลิกที่ บันทึก แล้ว ให้เปิดไฟล์นั้นแล้วคลิกที่ เวอร์ชันที่เก่ากว่า เมนูดรอปดาวน์จะแสดงวันที่และเวลาสำหรับบันทึกแต่ละรายการที่คุณได้ทำ เลือกเวอร์ชันที่คุณต้องการเปลี่ยนกลับไป แล้วคลิกที่ บันทึก

เมนูดรอปดาวน์เวอร์ชันเก่ากว่า

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

เครื่องมือแก้ไขรหัสที่แสดงในรูปแบบสีเข้ม

หากต้องการดูข้อมูลเกี่ยวกับประโยชน์ของการใช้เครื่องมือแก้ไขแบบมืด ให้ดูที่ The Power of the Dark Side: Dark User Interfaces ใน Shopify Partners Blog

บทแนะนำการใช้งานการปรับแต่งรหัสธีม

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

รับความช่วยเหลือในการปรับแต่ง

หากคุณต้องการความช่วยเหลือในการเปลี่ยนแปลงธีมของคุณ คุณสามารถติดต่อผู้พัฒนาธีมเพื่อรับความช่วยเหลือได้

หากต้องการดูแหล่งข้อมูลอื่นที่มีอยู่เพื่อช่วยเหลือคุณเกี่ยวกับการปรับแต่งธีม โปรดดูแหล่งข้อมูลเพิ่มเติมสำหรับความช่วยเหลือด้านธีม

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี