แถบเครื่องมือแก้ไข
แถบเครื่องมือแสดงอยู่ด้านบนสุดของโปรแกรมแก้ไข ให้เข้าถึงการบันทึก เผยแพร่ เลิกทำ ดูตัวอย่าง และสลับมุมมองอุปกรณ์ได้อย่างรวดเร็ว
ด้านซ้าย
กลับไปยังรายการหน้า Landing Page โดยไม่สูญเสียฉบับร่าง ระบบจะบันทึกข้อมูลล่าสุดไว้
คลิกชื่อหน้าเพื่อเปลี่ยนชื่อ ตัวบ่งชี้สถานะด้านล่างแสดงว่ามีการเปลี่ยนแปลงที่ยังไม่บันทึก บันทึกเป็นฉบับร่าง หรือเผยแพร่แล้ว
ย้อนกลับประวัติการแก้ไข โปรแกรมจัดเก็บสแนปช็อตไว้สูงสุด 50 รายการ
ก้าวไปข้างหน้าในประวัติการแก้ไขหลังจากเลิกทำ
ตรงกลาง
ดูตัวอย่างและแก้ไขหน้าที่ความกว้างเต็มของเดสก์ท็อป สไตล์ที่ตั้งค่าไว้จะใช้กับทุกอุปกรณ์เว้นแต่จะมีการแทนที่
สลับเป็นมุมมอง 768 px สไตล์ที่เปลี่ยนที่นี่จะมีผลกับมุมมองแท็บเล็ตเท่านั้น
สลับเป็นมุมมอง 375 px การตั้งค่าสไตล์ที่นี่จะมีผลกับมือถือเท่านั้น หากแก้ไขเฉพาะในโหมดมือถือ หน้าจะถูกจำกัดที่ 390 px แม้บนเดสก์ท็อป
ด้านขวา
เปิดหน้าที่เผยแพร่แล้วในแท็บใหม่ แสดงเฉพาะเมื่อหน้าเผยแพร่แล้วอย่างน้อยหนึ่งครั้ง
บันทึกการเปลี่ยนแปลงปัจจุบันทั้งหมดเป็นฉบับร่าง ไม่อัปเดตหน้าที่เผยแพร่แล้ว — เฉพาะ 'เผยแพร่' เท่านั้นที่จะทำเช่นนั้น
เปิดดูตัวอย่างฉบับร่างปัจจุบันแบบเต็มหน้าจอในมุมมองแยกต่างหาก มีประโยชน์สำหรับตรวจสอบรูปลักษณ์ก่อนเผยแพร่
นำหน้าที่เผยแพร่ออกและเปลี่ยนกลับเป็นสถานะฉบับร่าง URL จะส่งคืน 404 จนกว่าจะเผยแพร่อีกครั้ง แสดงเฉพาะเมื่อหน้าเผยแพร่แล้ว
นำฉบับร่างขึ้นสู่สาธารณะที่ URL ของหน้า หากหน้าเผยแพร่แล้ว จะอัปเดตเวอร์ชันที่เผยแพร่ด้วยการเปลี่ยนแปลงล่าสุด
เมื่อแถบด้านข้างย่อลง จะแสดงเป็นแถบไอคอนแคบๆ คลิกไอคอนใดก็ได้เพื่อขยาย คลิกลูกศรด้านบนเพื่อย่อกลับ
เมื่อไม่ได้เลือกสิ่งใด
เรียกดูบล็อกทุกประเภทและลากลงบนพื้นที่ทำงาน หรือคลิกปุ่ม '+' ที่ปรากฏระหว่างบล็อกเพื่อแทรกจากที่นี่
ตั้งชื่อหน้า อัปโหลด favicon และเพิ่ม Facebook Pixel ID สำหรับการติดตามการแปลง
ตั้งค่าชื่อ meta คำอธิบาย meta และรูปภาพ Open Graph ซึ่งควบคุมการแสดงผลบน Google และการแชร์บนโซเชียล
เมื่อเลือกบล็อก
ภายใน Block Config สามารถสลับระหว่าง Desktop / Tablet / Mobile การเปลี่ยนสไตล์บนอุปกรณ์หนึ่งจะมีผลกับอุปกรณ์นั้นเท่านั้น เหมาะสำหรับการปรับแต่ง responsive
เมื่อเลือกส่วน
เมื่อเลือกคอลัมน์
แผงนำทาง (Layers)
มุมมองแบบต้นไม้ลำดับชั้นของส่วน คอลัมน์ และบล็อกทั้งหมดบนหน้า คลิกรายการเพื่อเลื่อนไปยังและเลือก ลากเพื่อเรียงลำดับใหม่ ใช้การดำเนินการแก้ไข คัดลอก และลบในต้นไม้
องค์ประกอบและวิดเจ็ต
นี่คือบล็อกทั้งหมดที่คุณสามารถเพิ่มลงในหน้า ลากจากแผง 'เพิ่มองค์ประกอบ' หรือคลิกปุ่ม '+' บนพื้นที่ทำงาน
ทุกบล็อกมีการควบคุมสไตล์สากลร่วมกัน: ความกว้าง ความสูง padding margin พื้นหลัง ขอบ รัศมีขอบ เงากล่อง แอนิเมชัน และการมองเห็นต่ออุปกรณ์ การตั้งค่าด้านล่างคือการตั้งค่าเฉพาะของแต่ละบล็อก
ข้อความและเนื้อหา
สื่อ
ฝังรูปถ่ายหรือกราฟิก อัปโหลดไฟล์หรือวาง URL รูปภาพ
ฝังวิดีโอ YouTube วาง URL วิดีโอและจะแสดงผลแบบ responsive
แสดงรูปภาพหลายรูปในเลย์เอาต์กริด masonry หรือสไลเดอร์
สไลด์โชว์รูปภาพเต็มความกว้างพร้อมปุ่มนำทางก่อนหน้า/ถัดไปและจุดบ่งชี้
คาร์รูเซลเลื่อนแบบหลายรายการ ควบคุมจำนวนรายการที่มองเห็นพร้อมกัน
การดำเนินการและแบบฟอร์ม
การนำทางและโครงสร้าง
แถบนำทางด้านบน เพิ่มโลโก้ ลิงก์นำทาง และปุ่ม CTA รวมเมนู hamburger สำหรับมือถือ
ส่วนท้ายหน้าพร้อมชื่อบริษัท ลิงก์นำทาง และข้อความลิขสิทธิ์
เส้นแบ่งแนวนอน ปรับความหนา สี และความกว้าง (25%–100%)
บล็อกเลย์เอาต์หลายคอลัมน์แบบซ้อน ให้วางบล็อกเคียงกันภายในส่วน
ข้อมูลและการแสดงผล
การควบคุมพื้นที่ทำงาน
พื้นที่ทำงานคือพื้นที่แก้ไขสด ประกอบด้วยส่วนซึ่งมีคอลัมน์ซึ่งมีบล็อก แต่ละระดับมีการควบคุมเมื่อวางเมาส์เป็นของตัวเอง
ส่วน (Sections)
ใช้ปุ่ม ChevronUp และ ChevronDown (ด้านขวาบนของส่วนที่เลือก) เพื่อเรียงลำดับส่วนในหน้า
เปิดแผงการตั้งค่าส่วนในแถบด้านซ้าย ซึ่งคุณสามารถปรับเลย์เอาต์ พื้นหลัง padding และการจัดตำแหน่ง
ซ่อนหรือแสดงส่วนบนอุปกรณ์ปัจจุบันเท่านั้น ส่วนที่ซ่อนแสดงด้วยลายทแยงในโปรแกรมแก้ไข แต่ซ่อนจากผู้เยี่ยมชม
ลบส่วนและบล็อกทั้งหมดในนั้นอย่างถาวร ใช้ Undo (Ctrl/⌘ Z) เพื่อกู้คืนทันทีหลังจากนั้น
คลิกปุ่ม 'เพิ่มส่วน' แบบเส้นประด้านล่างส่วนสุดท้าย หรือไอคอน '+' ที่ปรากฏด้านบนส่วนเมื่อวางเมาส์ เพื่อแทรกส่วนว่างใหม่
คอลัมน์
กำหนดจำนวนคอลัมน์ (1, 2 หรือ 3) ใน Section Config คอลัมน์จะเรียงในแนวตั้งบนมือถือตามค่าเริ่มต้น
ลากตัวแบ่งระหว่างสองคอลัมน์ไปทางซ้ายหรือขวาเพื่อปรับความกว้างสัมพัทธ์
คลิกคอลัมน์เพื่อเปิดการตั้งค่าในแถบด้านข้าง — พื้นหลัง ขอบ การจัดตำแหน่ง padding และแอนิเมชัน
บล็อก
คลิกบล็อกใดก็ได้เพื่อเลือกและเปิดการตั้งค่าในแถบด้านซ้าย คลิกข้อความหรือรูปภาพโดยตรงเพื่อแก้ไขแบบ inline บนพื้นที่ทำงาน
จับบล็อกที่มือจับด้านซ้ายและลากไปยังตำแหน่งใหม่ภายในคอลัมน์เดียวกันหรือในคอลัมน์อื่น
วางเมาส์ระหว่างสองบล็อกเพื่อแสดงปุ่ม '+' เล็กๆ คลิกเพื่อเปิดตัวเลือกองค์ประกอบและแทรกบล็อกใหม่ในตำแหน่งนั้น
ซ่อนหรือแสดงบล็อกบนอุปกรณ์ปัจจุบัน มีประโยชน์สำหรับแสดงเนื้อหาต่างกันบนเดสก์ท็อปและมือถือ
ลบบล็อกที่เลือก กด Delete หรือ Backspace ขณะเลือกบล็อก หรือใช้ปุ่มลบในแถบด้านข้าง
ดูตัวอย่างตามอุปกรณ์
ZPage ให้คุณออกแบบเลย์เอาต์ที่แตกต่างกันสำหรับแต่ละขนาดหน้าจอ สลับอุปกรณ์โดยใช้ตัวสลับในแถบเครื่องมือ
เดสก์ท็อป
ความกว้างเต็ม — สไตล์พื้นฐานใช้กับทุกอุปกรณ์เว้นแต่จะมีการแทนที่
แท็บเล็ต
วิวพอร์ต 768 px การแทนที่สไตล์มีผลกับแท็บเล็ตและขนาดใหญ่กว่าเท่านั้น
มือถือ
วิวพอร์ต 375 px การแทนที่สไตล์มีผลกับมือถือเท่านั้น
การแทนที่ต่ออุปกรณ์ทำงานสำหรับ padding, margin, ขนาดอักษร, ความกว้าง, ความสูง, การจัดตำแหน่ง, พื้นหลัง และการมองเห็น หากคุณสมบัติไม่มีการแทนที่สำหรับอุปกรณ์ขนาดเล็กกว่า จะสืบทอดจากการตั้งค่าของอุปกรณ์ขนาดใหญ่กว่า
แป้นพิมพ์ลัด
เพิ่มความเร็วในการทำงานด้วยแป้นพิมพ์ลัดเหล่านี้ ใช้งานได้เมื่อโฟกัสที่พื้นที่ทำงาน