ภาพรวมของตัวแก้ไข
ทัวร์ชมตัวแก้ไข Payly: แถบด้านบน แผงบล็อก พื้นที่ออกแบบ และแผงการตั้งค่า รวมถึงวิธีการบันทึก การเลิกทำ และคีย์ลัด
ตัวแก้ไขคือที่ที่คุณสร้างหน้าของร้านค้า คุณเห็นแต่ละหน้าในแบบที่ผู้เข้าชมจะเห็น และเปลี่ยนแปลงโดยการเลือกสิ่งต่าง ๆ ลากไปมา และกรอกการตั้งค่าของสิ่งเหล่านั้น สิ่งที่คุณทำที่นี่จะยังไม่ปรากฏต่อผู้เข้าชมจนกว่าคุณจะเผยแพร่
เปิดตัวแก้ไข
- เปิดแดชบอร์ดของเว็บไซต์
- คลิก แก้ไขเว็บไซต์ ที่ด้านบนของเมนูด้านซ้าย
เว็บไซต์ใหม่จะเปิดในตัวแก้ไขโดยอัตโนมัติทันทีหลังคุณเลือกการออกแบบ ดู สร้างเว็บไซต์แรกของคุณ
พื้นที่หลักทั้งสี่
ตัวแก้ไขมีแถบด้านบนและสามคอลัมน์ด้านล่าง ได้แก่ แผงบล็อกทางซ้าย หน้าของคุณตรงกลาง (พื้นที่ออกแบบ) และแผงการตั้งค่าทางขวา
แถบด้านบน
จากซ้ายไปขวา แถบด้านบนมีปุ่มควบคุมเหล่านี้:
- แดชบอร์ด พาคุณกลับไปยังแดชบอร์ดของเว็บไซต์
- สถานะการบันทึก บอกว่างานของคุณอยู่ในขั้นใด บันทึกแล้ว ยังไม่เผยแพร่ หมายความว่าการเปลี่ยนแปลงถูกบันทึกในฉบับร่างแล้ว แต่ร้านค้าที่ใช้งานจริงยังไม่แสดง บันทึกและเผยแพร่แล้ว หมายความว่าร้านค้าที่ใช้งานจริงตรงกับสิ่งที่คุณเห็น หลังการเปลี่ยนแปลงแต่ละครั้ง คุณจะเห็น กำลังบันทึก… ชั่วครู่ และหากบันทึกไม่สำเร็จ จะแสดง ยังไม่ได้บันทึก
- กล่อง ชื่อเว็บไซต์ แสดงชื่อร้านค้าของคุณ คลิกเพื่อเปลี่ยนชื่อเว็บไซต์
- ตัวเลือกหน้า (แสดงชื่อหน้าที่คุณอยู่ เช่น หน้าแรก) จะแสดงรายการหน้าของคุณ เลือกหน้าเพื่อแก้ไข จัดการหน้า ที่ด้านล่างของรายการจะเปิดตัวจัดการหน้า ดู เพิ่มและจัดการหน้า
- เดสก์ท็อป แท็บเล็ต และ มือถือ เปลี่ยนขนาดหน้าจอที่คุณกำลังออกแบบ ดู ทำให้เว็บไซต์แสดงผลถูกต้องบนโทรศัพท์และแท็บเล็ต
- ไอคอนนาฬิกา (การสำรองข้อมูล) เปิดการสำรองข้อมูลที่บันทึกไว้ ดู เลิกทำการเปลี่ยนแปลงและกู้คืนเวอร์ชันก่อนหน้า
- ลูกศรสองอันคือ เลิกทำ และ ทำซ้ำ
- ไอคอนลูกศรออกจากกล่อง (ดูเว็บไซต์ที่เผยแพร่) เปิดร้านค้าที่ใช้งานจริงในแท็บใหม่ จะปรากฏเมื่อคุณเผยแพร่แล้ว
- ดูตัวอย่าง แสดงเว็บไซต์ทั้งหมดของคุณ รวมถึงลิงก์ที่ใช้งานได้ ในแท็บใหม่ ดู ดูตัวอย่างเว็บไซต์ก่อนเผยแพร่
- เผยแพร่ นำการเปลี่ยนแปลงของคุณขึ้นไปยังร้านค้าที่ใช้งานจริง ดู เผยแพร่เว็บไซต์แรกของคุณ
- เมนูบัญชี ทางขวาสุดมีธีมและภาษาของ Payly เอง (ไม่เปลี่ยนร้านค้าของคุณ) พร้อม การตั้งค่า หน้าแรก Payly และ ออกจากระบบ
แผงบล็อก
คอลัมน์ทางซ้ายเริ่มด้วย บล็อก ซึ่งเป็นชิ้นส่วนที่คุณเพิ่มลงในหน้าได้ จัดเป็นกลุ่ม ได้แก่ พื้นฐาน สื่อ เค้าโครง ร้านค้า การตลาด และ เมนูและแบบฟอร์ม ลากบล็อกไปวางบนหน้า หรือคลิกเพื่อเพิ่มไว้ท้ายส่วนปัจจุบัน ดู เพิ่ม ย้าย และปรับขนาดบล็อก
เลื่อนลงในคอลัมน์เดียวกันเพื่อหา โครงสร้าง ซึ่งเป็นรายการของส่วนหัว ส่วนต่าง ๆ ของหน้าปัจจุบัน และส่วนท้าย พร้อมปุ่ม เพิ่มส่วน ดู จัดการส่วนต่าง ๆ
พื้นที่ออกแบบ
ตรงกลางของหน้าจอคือหน้าของคุณ พื้นที่นี้วาดด้วยโค้ดชุดเดียวกับที่วาดร้านค้าที่ใช้งานจริง สิ่งที่คุณเห็นจึงเป็นสิ่งที่ผู้เข้าชมจะได้รับ คลิกบล็อกหรือส่วนใดก็ได้เพื่อเลือก บล็อกที่เลือกจะมีกรอบสีน้ำเงิน จุดจับสำหรับปรับขนาด และแถบเครื่องมือเล็ก ๆ ที่มีปุ่ม ทำสำเนา หมุน และ ลบ ลิงก์บนพื้นที่ออกแบบจะไม่เปิดเมื่อคุณคลิก
แผงการตั้งค่า
คอลัมน์ทางขวามีสองแท็บ:
- ที่เลือก แสดงการตั้งค่าของสิ่งที่คุณเลือกอยู่ หากไม่ได้เลือกอะไร จะแสดงการตั้งค่าของหน้านั้นเอง ได้แก่ ชื่อในแถบเบราว์เซอร์ คำอธิบายสำหรับการค้นหา และสวิตช์ นี่คือหน้าร้าน เมื่อเลือกบล็อก แผงจะแสดงการตั้งค่าของบล็อกนั้น จัดกลุ่มภายใต้หัวข้อ เช่น ทั่วไป ตัวอักษร ขนาดและตำแหน่ง และ จัดการ คลิกหัวข้อเพื่อเปิด หากต้องการกลับไปการตั้งค่าหน้า คลิก การตั้งค่าหน้า ที่ด้านบนของแผง กด Esc หรือคลิกพื้นที่สีเทาข้างหน้า
- การออกแบบเว็บไซต์ เก็บการตั้งค่าสีสัน ฟอนต์ และเค้าโครงที่ใช้กับทุกหน้า ดู กำหนดสี แบบอักษร และเลย์เอาต์ของคุณ
การบันทึกทำงานอย่างไร
ตัวแก้ไขบันทึกให้คุณโดยอัตโนมัติ หลังจากคุณหยุดเปลี่ยนแปลงสิ่งใดสักครู่ ตัวแก้ไขจะบันทึกฉบับร่างของคุณ และสถานะในแถบด้านบนจะกลับไปเป็น บันทึกแล้ว ยังไม่เผยแพร่ ไม่มีปุ่มบันทึก
การเปลี่ยนแปลงที่บันทึกแล้วยังไม่ใช้งานจริง ผู้เข้าชมจะยังเห็นเวอร์ชันที่เผยแพร่ล่าสุดของคุณจนกว่าคุณจะคลิก เผยแพร่
เลิกทำและทำซ้ำ
คลิก เลิกทำ เพื่อยกเลิกการเปลี่ยนแปลงล่าสุดของคุณ และ ทำซ้ำ เพื่อนำกลับมา ตัวแก้ไขจะจำการเปลี่ยนแปลงที่คุณทำนับตั้งแต่เปิดตัวแก้ไข หากปิดหรือโหลดตัวแก้ไขใหม่ ประวัติจะเริ่มใหม่จากเวอร์ชันที่บันทึกไว้
คีย์ลัด
บน Mac ให้ใช้ Cmd แทน Ctrl
| ปุ่ม | การทำงาน |
|---|---|
| Ctrl + Z | เลิกทำการเปลี่ยนแปลงล่าสุด |
| Ctrl + Shift + Z | ทำซ้ำ |
| Ctrl + D | ทำสำเนาบล็อกที่เลือก |
| Delete หรือ Backspace | ลบบล็อกที่เลือก |
| Esc | ยกเลิกการเลือก |
| ปุ่มลูกศร | ขยับบล็อกที่เลือกทีละ 1 พิกเซล (กด Shift ค้างไว้เพื่อขยับทีละ 10) |
| Ctrl + ปุ่มลูกศร | ย้ายบล็อกที่เลือกทีละหนึ่งช่องตาราง |
| Ctrl + Shift + ปุ่มลูกศร | ทำให้บล็อกที่เลือกกว้างขึ้น แคบลง สูงขึ้น หรือต่ำลงทีละหนึ่งช่อง |