ภาพรวมฟีเจอร์ของตัวแก้ไขธีม
คุณสามารถใช้ตัวแก้ไขธีมเพื่อปรับแต่งพื้นที่ต่างๆ ในธีมของคุณ เช่น สี และจัดการเนื้อหาในธีมของคุณด้วยส่วนและบล็อก
ในหน้านี้
การเข้าถึงตัวแก้ไขธีม
คุณสามารถเข้าถึงตัวแก้ไขธีมได้จากส่วนผู้ดูแล Shopify
จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > ธีม
ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิก แก้ไขธีม
ส่วนเลย์เอาต์ของตัวแก้ไขธีม
ตัวแก้ไขธีมมีส่วนต่างๆ ดังต่อไปนี้
- แถบเมนูประกอบด้วยปุ่มการนำทางทางด้านซ้ายเพื่อสลับระหว่างส่วนต่างๆ การตั้งค่าธีม และการฝังแอป รวมถึงมีเมนูชื่อธีม ตลาด และเทมเพลตอยู่ตรงกลาง และมีการควบคุมการปรับแต่งทางด้านขวา
- แถบด้านข้างจะแสดงมุมมองแบบโครงสร้างต้นไม้ของเนื้อหาทั้งหมดสำหรับเทมเพลตที่คุณกำลังดูอยู่ คุณสามารถจัดการส่วนและบล็อก การฝังแอป และการตั้งค่าได้จากแถบด้านข้าง โดยแถบด้านข้างนี้สามารถย่อได้
- หน้าต่างการแสดงตัวอย่างจะแสดงธีมของคุณและอัปเดตโดยอัตโนมัติเมื่อคุณทำการเปลี่ยนแปลง คุณสามารถเปิดใช้งานการแสดงตัวอย่างบนมือถือหรือใช้ตัวตรวจสอบการแสดงตัวอย่างเพื่อจัดการเนื้อหาสำหรับเทมเพลตธีมในหน้าต่างการแสดงตัวอย่างได้
แถบเมนู
แถบเมนูจะแสดงการนำทาง ข้อมูลธีม และการควบคุมสำหรับการปรับแต่งธีมของคุณ
การนำทางของแถบด้านข้าง
ทางด้านซ้ายของแถบเมนู คุณสามารถสลับระหว่างมุมมองต่อไปนี้ในแถบด้านข้างได้:
เพื่อจัดการส่วนและบล็อกในเทมเพลตปัจจุบันของคุณ
เพื่อจัดการการตั้งค่าส่วนกลางของธีม เช่น สี รูปแบบตัวอักษร และเลย์เอาต์
เพื่อจัดการแอปที่ติดตั้งภายในธีมของคุณ
หากต้องการซ่อนแถบด้านข้างและดูตัวอย่างธีมแบบเต็มความกว้าง ให้คลิกปุ่มที่ใช้งานอยู่อีกครั้งเพื่อยกเลิกการเลือก หากเห็นแผงทั้งสองบาน การคลิกปุ่มที่ใช้งานอยู่จะย่อทั้งสองแผงพร้อมกัน
เมนูรายละเอียดธีม ตลาด และเทมเพลต
ตรงกลางแถบเมนู คุณจะพบสิ่งต่อไปนี้:
- ชื่อธีม และสถานะ ธีมที่เผยแพร่ของคุณจะแสดงป้ายกำกับสถานะ เผยแพร่แล้ว ธีมที่ยังไม่ได้เผยแพร่จะแสดงป้ายกำกับสถานะ แบบร่าง คลิกชื่อธีมเพื่อเข้าถึงตัวเลือกต่อไปนี้:
- ใช้
แก้ไขโค้ด เพื่อเปิดตัวแก้ไขโค้ด - ใช้
แก้ไขเนื้อหาธีมเริ่มต้น เพื่อแก้ไขข้อความเริ่มต้นในธีมของคุณ - ใช้
เพื่อเปิดการแสดงตัวอย่างธีมของคุณ - ใช้
ดูเอกสาร เพื่อเปิดเอกสารประกอบของธีม - ใช้
เพื่อตรวจสอบปุ่มลัดคีย์บอร์ดที่มีอยู่ทั้งหมดสำหรับตัวแก้ไขธีม - ใช้
ขอรับความช่วยเหลือ เพื่อขอรับความช่วยเหลือ
- ใช้
- เมนู ตลาด เพื่อแสดงตัวอย่างและปรับแต่งธีมของคุณสำหรับตลาดต่างๆ
- เมนู เทมเพลต เพื่อนำทางไปยังเทมเพลตหน้าต่างๆ ในธีมของคุณ
ปุ่มลัดสำหรับการปรับแต่ง
คุณสามารถใช้ส่วนควบคุมต่อไปนี้ในแถบเมนูเพื่อปรับแต่งธีมและจัดการการเปลี่ยนแปลงของคุณ
- เปิดใช้งานหรือปิดใช้งาน Sidekick เพื่อช่วยคุณในการปรับแต่งธีม
- เปิดใช้งานหรือปิดใช้งานเครื่องมือตรวจสอบตัวอย่าง
- สลับปุ่มดูตัวอย่าง
เพื่อดูตัวอย่างธีมของคุณบนหน้าจอมือถือ - จัดการเซสชันการปรับแต่งปัจจุบันของคุณด้วยส่วนควบคุมการเลิกทำและทำซ้ำ
- ใช้ปุ่ม บันทึก เพื่อบันทึกการเปลี่ยนแปลงของคุณ
หากไม่มีการปรับแต่งที่ยังไม่ได้บันทึกให้ทำซ้ำ เลิกทำ หรือทั้งสองอย่าง ปุ่มที่เกี่ยวข้องจะอยู่ในสถานะไม่ทำงาน
แถบด้านข้าง
แถบด้านข้างจะแสดงมุมมองแบบต้นไม้ของเนื้อหาทั้งหมดสำหรับเทมเพลตที่คุณกำลังดูอยู่ คุณสามารถจัดการส่วนและบล็อก และการตั้งค่าธีมได้จากแถบด้านข้าง คุณสามารถย่อแถบด้านข้างได้โดยคลิกปุ่มการนำทางที่ทำงานอยู่ในแถบเมนูอีกครั้งเพื่อสลับเป็นปิด
ธีมของคุณอาจมีการตั้งค่าแบบมีเงื่อนไขที่จะแสดงในแถบด้านข้างโดยขึ้นอยู่กับว่ามีการใช้งานการตั้งค่าอื่นใดอยู่บ้าง ตัวอย่างเช่น หากธีมของคุณมีบล็อกที่มีการตั้งค่าเพื่อเพิ่มวิดีโอหรือรูปภาพ เครื่องมือเลือกรูปภาพหรือลิงก์วิดีโออาจเป็นการตั้งค่าแบบมีเงื่อนไขซึ่งจะแสดงก็ต่อเมื่อคุณได้เลือกรูปภาพเป็นประเภทสื่อแล้วเท่านั้น
โหมดแถบด้านข้าง
ตัวแก้ไขธีมมีสองโหมดเพื่อใช้ประโยชน์จากพื้นที่ทั้งหมดบนหน้าจอของคุณ
โหมดแถบด้านข้างแบบคู่มีไว้สำหรับหน้าต่างเบราว์เซอร์ที่กว้างและหน้าจอขนาดใหญ่ และโหมดแถบด้านข้างแบบเดี่ยวมีไว้สำหรับหน้าต่างเบราว์เซอร์ที่แคบลงและหน้าจอขนาดเล็ก โหมดแถบด้านข้างจะเป็นตัวกำหนดตำแหน่งที่แผงการตั้งค่าจะแสดงในตัวแก้ไข
โหมดแถบด้านข้างคู่
หากหน้าต่างเบราว์เซอร์ของคุณกว้างอย่างน้อย 1600 พิกเซล คุณจะเห็นสองแผง โดยแผงด้านซ้ายจะมีโครงสร้างหน้าเพจซึ่งประกอบด้วยส่วนและบล็อกของคุณ และแผงด้านขวาจะมีการตั้งค่าสำหรับส่วนหรือบล็อกที่เลือก คุณสามารถย่อแผงด้านขวาได้โดยยกเลิกการเลือกส่วนต่างๆ
หากต้องการดูตัวแก้ไขธีมในโหมดแถบด้านข้างแบบเดี่ยวบนหน้าจอขนาดใหญ่ ให้ปรับหน้าต่างเบราว์เซอร์ให้แคบลงจนกว่าตัวแก้ไขจะเปลี่ยนไปใช้เลย์เอาต์แบบซ้อนทับ
โหมดแถบด้านข้างเดี่ยว
สำหรับหน้าจอที่แคบลง ตัวแก้ไขจะใช้เลย์เอาต์แบบซ้อนทับ เมื่อคุณคลิกส่วนหรือบล็อก แผงการตั้งค่าจะเลื่อนขึ้นจากด้านล่างของหน้าจอแทนที่จะบดบังโครงสร้างหน้าเพจของคุณ คุณสามารถลากเส้นคั่นเพื่อปรับการแบ่งระหว่างโครงสร้างหน้าเพจและการตั้งค่า โดยที่ยังคงแสดงทั้งสองอย่างให้เห็นตลอดเวลา
การดูตัวอย่างธีมของคุณ
คุณสามารถดูตัวอย่างเลย์เอาต์มือถือสำหรับธีมของคุณได้โดยคลิกปุ่ม ในแถบเมนู หากต้องการกลับไปยังตัวอย่างแบบเดสก์ท็อป ให้คลิกที่ปุ่มมือถืออีกครั้ง
หากต้องการดูตัวอย่างธีมของคุณแบบเต็มความกว้าง ให้คลิกปุ่มการนำทางแถบด้านข้างที่ใช้งานอยู่เพื่อย่อแถบด้านข้าง หากมองเห็นแผงทั้งสองบาน การดำเนินการนี้จะย่อทั้งสองแผงพร้อมกัน เพื่อให้คุณสามารถดูตัวอย่างหน้าร้านแบบเต็มความกว้างได้
การเลิกทำและทำซ้ำการเปลี่ยนแปลงที่ยังไม่ได้บันทึก
คุณสามารถใช้ปุ่ม 
และ 
เพื่อเลิกทำหรือทำซ้ำการปรับแต่งที่ยังไม่ได้บันทึก หลังจากที่คุณบันทึกการเปลี่ยนแปลงแล้ว คุณจะไม่สามารถทำซ้ำหรือเลิกทำได้อีก
การใช้ปุ่มลัดคีย์บอร์ดในตัวแก้ไขธีม
คุณสามารถใช้ปุ่มลัดคีย์บอร์ดเพื่อนำทางและดำเนินการต่างๆ ในตัวแก้ไขธีมได้
| หมวดหมู่ | การดำเนินการ | ปุ่มลัดบน Windows | ปุ่มลัดบน macOS |
|---|---|---|---|
| ทั่วไป | เลิกทำ | CTRL + Z | ⌘ + Z |
| ทำซ้ำ | CTRL + Y | ⌘ + Y | |
| บันทึก | CTRL + S | ⌘ + ⇧ + S | |
| ดูปุ่มลัดทั้งหมด | CTRL + / | ⌘ + / | |
| เครื่องมือ | เครื่องมือตรวจสอบตัวอย่าง | CTRL + SHIFT + | | ⌘ + ⇧ + | |
| โหมดแสดงตัวอย่าง | ⊞ + CTRL + | | ⌘ + ⌃ + | | |
| Sidekick | CTRL + . | ⌘ + . | |
| การนำทาง | ส่วน | ⊞ + CTRL + Z | ⌘ + ⌃ + 1 |
| การตั้งค่าธีม | ⊞ + CTRL + Z | ⌘ + ⌃ + 2 | |
| การฝังแอป | ⊞ + CTRL + Z | ⌘ + ⌃ + 3 | |
| ส่วนและบล็อก | ซ่อนและแสดง | CTRL + SHIFT + H | ⌘ + ⇧ + H |
| ลบ | SHIFT + ⭠ | ⇧ + ⌫ | |
| เลือกรายการก่อนหน้า | SHIFT + ← | ⇧ + ▲ | |
| เลือกรายการถัดไป | SHIFT + → | ⇧ + ▼ | |
| เปิดองค์ประกอบที่เลือก | SHIFT + ENTER | ⇧ + ▼ | |
| ขยายทุกส่วน | CTRL + SHIFT + O | ⌘ + ⇧ + O | |
| ย่อทุกส่วน | CTRL + SHIFT + P | ⌘ + ⇧ + P |