แก้ไขธีมของคุณ

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

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

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

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

เครื่องมือแก้ไขธีม

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

ขยายและย่อส่วนเพื่อดูบล็อก

ตัวตรวจสอบตัวอย่าง

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

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

เปิดหรือปิดตัวตรวจสอบตัวอย่างด้วยปุ่มสลับในแถบหลักของคุณ

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

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

ตัวตรวจสอบตัวอย่างจะแสดงเส้นขอบที่แตกต่างกัน2เส้นรอบๆส่วนและบล็อกที่คลิกในหน้าต่างแสดงตัวอย่าง:

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

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

เพิ่มส่วนและบล็อกในตัวตรวจสอบตัวอย่าง

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

ตัวตรวจสอบตัวอย่างเพิ่มตัวเลือกส่วน

ตัวตรวจสอบตัวอย่างเพิ่มตัวเลือกบล็อก

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

เครื่องมือตัวตรวจสอบตัวอย่าง

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

ชุดเครื่องมือตรวจสอบตัวอย่าง

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

โหมดแถบด้านข้าง

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

โหมดแถบด้านข้างแบบสองด้านมีไว้สำหรับหน้าต่างเบราว์เซอร์ที่กว้างขึ้นและหน้าจอขนาดใหญ่ขึ้นส่วนโหมดแถบด้านข้างแบบเดี่ยวมีไว้สำหรับหน้าต่างเบราว์เซอร์ที่แคบลงและหน้าจอที่มีขนาดเล็กลงโดยโหมดแถบด้านข้างจะเป็นตัวระบุตำแหน่งที่แผงการตั้งค่าจะปรากฏในเครื่องมือแก้ไข

โหมดแถบด้านข้างแบบสองด้าน

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

แผงการตั้งค่าจะปรากฏที่ด้านขวามือของหน้าจอในโหมดแถบด้านข้างแบบสองด้าน

โหมดแถบด้านข้างแบบเดี่ยว

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

แผงการตั้งค่าจะปรากฏเป็นแผงการนําทางแบบวางซ้อนในโหมดแถบด้านข้างแบบเดี่ยว

ส่วนและบล็อก

ในรายการของส่วนและบล็อกบล็อกทั้งหมดของส่วนต่างๆในหน้านั้นจะปรากฏขึ้นตามค่าเริ่มต้น

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

การลบส่วน

คุณสามารถลบส่วนหรือบล็อกจากเทมเพลตได้ที่หน้าจอตั้งค่าของแต่ละรายการปุ่ม”ลบส่วน“จะปรากฏที่ด้านล่างของการตั้งค่าส่วน

ลบส่วนออกโดยใช้ปุ่มลบส่วน

ขั้นตอน:

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

การซ่อนบล็อก

คุณสามารถซ่อนส่วนหรือบล็อกใดๆได้โดยใช้ไอคอนรูปดวงตา

ลบส่วนออกโดยใช้ปุ่มลบส่วน

เทมเพลต

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

หากคุณใช้ธีม欧宝体育官网入口首页网上商店2.0คุณยังสามารถสร้างเทมเพลตใหม่ได้โดยตรงจากตัวเลือกหน้าได้โดยคลิกที่ตัวเลือก”เทมเพลตใหม่

การดูตัวอย่างเทมเพลตที่มีแหล่งข้อมูลเฉพาะ

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

ขั้นตอน:

  1. จากตัวเลือกหน้าตัวแก้ไขธีมให้เลือกเทมเพลตที่คุณต้องการดูตัวอย่าง
  2. จากแผงการนําทางในส่วนตัวอย่างให้คลิก”เปลี่ยนแปลง
  3. จากเมนูเลือกให้เลือกแหล่งข้อมูลที่คุณต้องการดูตัวอย่าง

การเลิกทำและการทำซ้ำ

ปุ่ม”เลิกทํา“变通的”ทําใหม่“ได้ถูกย้ายไปยังด้านขวาบนของตัวแก้ไขธีมแล้ว

ปุ่มเลิกทำและทำซ้ำในแถบด้านบนของตัวแก้ไขธีม

การดูเอกสารประกอบการรับความช่วยเหลือและการตรวจสอบเวอร์ชันธีมของคุณ

ลิงก์ไปยังเอกสารประกอบและข้อมูลสนับสนุนเกี่ยวกับธีมของคุณจะอยู่ในเมนู”อื่นๆในแถบเมนูโดยในเมนูนี้คุณยังสามารถตรวจสอบเวอร์ชันธีมและข้อมูลผู้สร้างได้อีกด้วย

ใช้ปุ่มเพิ่มเติมเพื่อเข้าถึงข้อมูลธีม

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

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

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

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

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