| วัตถุประสงค์ | ทำความเข้าใจพื้นที่หลักและการควบคุมในตัวแก้ไข Cloudbeds Websites 2.0 |
| เหมาะสำหรับ | ลูกค้าที่ดูแลหรืออัปเดต Cloudbeds Website |
| ใช้เมื่อ | คุณกำลังทำงานในตัวแก้ไขเว็บไซต์และต้องการระบุว่าการนำทาง การออกแบบ เนื้อหา การเผยแพร่ และเครื่องมือการทำงานร่วมกันอยู่ที่ไหน |
| ข้อกำหนด | Cloudbeds Website ที่คุณสามารถเปิดในตัวแก้ไขได้ |
| ผลลัพธ์ที่คาดหวัง | คุณสามารถระบุพื้นที่หลักของตัวแก้ไข 2.0 และเลือกการควบคุมที่ถูกต้องสำหรับงานเว็บไซต์ที่คุณต้องการทำให้เสร็จ |
บทนำ
ตัวแก้ไข Cloudbeds Websites รวมเครื่องมือการนำทาง เนื้อหา การออกแบบ การเผยแพร่ และการทำงานร่วมกันไว้ในพื้นที่ทำงานเดียว การเข้าใจว่าการควบคุมแต่ละอย่างอยู่ที่ไหนจะช่วยให้คุณใช้งานตัวแก้ไขได้อย่างมั่นใจและเลือกเครื่องมือที่เหมาะสมกับการเปลี่ยนแปลงที่คุณต้องการทำ
คู่มือนี้เน้นการทำความคุ้นเคยกับอินเตอร์เฟส การทำงานโดยละเอียดสำหรับการปรับแต่งไซต์ การจัดการสื่อ การใช้งานวิดเจ็ต และการใช้ความคิดเห็นในไซต์จะอยู่ในคู่มือเฉพาะของแต่ละหัวข้อ
สารบัญ
- ภาพรวมตัวแก้ไข 2.0
- แถบนำทางด้านบน
- ทำงานข้ามมุมมองเดสก์ท็อป แท็บเล็ต และมือถือ
- แผงด้านข้าง
- แผงการออกแบบ
- การควบคุมวิดเจ็ตและองค์ประกอบ
ภาพรวมตัวแก้ไข 2.0
พื้นที่ทำงานของตัวแก้ไข 2.0 ถูกจัดระเบียบรอบๆ แถบนำทางด้านบน แผงด้านข้าง แผงออกแบบ และตัวควบคุมที่ปรากฏเมื่อคุณเลือกองค์ประกอบหรือวิดเจ็ตบนหน้า รวมกันแล้วพื้นที่เหล่านี้ช่วยให้คุณเคลื่อนที่ไปรอบๆ เว็บไซต์ จัดการเครื่องมือระดับไซต์ และแก้ไของค์ประกอบแต่ละหน้าได้
ใช้มุมมองตัวแก้ไขเต็มรูปแบบเพื่อทำความคุ้นเคยกับตำแหน่งของพื้นที่เหล่านี้ก่อนที่จะทำงานกับตัวควบคุมแต่ละอย่างที่อธิบายไว้ด้านล่าง
มุมมองตัวแก้ไขเต็มรูปแบบจะแสดงผืนผ้าใบเว็บไซต์พร้อมกับตัวควบคุมการนำทางและการแก้ไขที่ยังคงใช้งานได้ขณะทำงาน
แถบนำทางด้านบน
ใช้แถบนำทางด้านบนเพื่อสลับหน้าและมุมมองอุปกรณ์ ตรวจสอบหรือเผยแพร่เว็บไซต์ เข้าถึงเครื่องมือการทำงานร่วมกัน และเปิดทรัพยากรระดับไซต์
- เมนูแฮมเบอร์เกอร์: เปิดตัวเลือกต่างๆ เช่น แดชบอร์ดโครงการ ภาษาอินเตอร์เฟสตัวแก้ไข และ ความช่วยเหลือ
- แดชบอร์ดโครงการ: เปิดข้อมูลระดับไซต์ เช่น รายละเอียดภาพรวมไซต์ กิจกรรม เมตริก และคำตอบแบบฟอร์ม
- ภาษา: เปลี่ยนภาษาของอินเตอร์เฟสตัวแก้ไข โดยจะไม่เปลี่ยนภาษาของเนื้อหาเว็บไซต์ของคุณ
- ความช่วยเหลือ: เปิดทรัพยากรความช่วยเหลือและสนับสนุนที่มีให้
- ตัวเลือกหน้า: สลับระหว่างหน้าต่างๆ ของเว็บไซต์คุณ
- มุมมองอุปกรณ์: สลับระหว่างมุมมองเดสก์ท็อป แท็บเล็ต และมือถือ เพื่อให้คุณตรวจสอบและปรับแต่งการแสดงผลของหน้าในแต่ละประเภทอุปกรณ์ ดูที่ ทำงานข้ามมุมมองเดสก์ท็อป แท็บเล็ต และมือถือ เพื่อเข้าใจว่าการเปลี่ยนแปลงจะส่งผลอย่างไรระหว่างเลย์เอาต์ของอุปกรณ์ต่างๆ
- เลิกทำและทำซ้ำ: ย้อนกลับหรือทำซ้ำการเปลี่ยนแปลงล่าสุด
- สถานะการบันทึก: แสดงว่าการเปลี่ยนแปลงล่าสุดของคุณถูกบันทึกแล้วหรือไม่
- ความคิดเห็นไซต์: เปิดแผงความคิดเห็นเพื่อให้คุณเพิ่มหรือดูคำติชมโดยตรงบนไซต์
- แชร์: เปิดตัวเลือกที่มีสำหรับการแชร์ไซต์
- ดูตัวอย่าง: เปิดดูตัวอย่างเพื่อให้คุณตรวจสอบไซต์และทดสอบฟังก์ชันก่อนเผยแพร่การเปลี่ยนแปลง
- เผยแพร่หรือเผยแพร่ซ้ำ: เผยแพร่ไซต์หรือใช้การเปลี่ยนแปลงล่าสุดกับไซต์ที่เผยแพร่แล้ว
- หน้าแรก: กลับไปยังพื้นที่ไซต์หลักหรือแดชบอร์ด
แถบนำทางด้านบนช่วยให้การนำทางหน้า ดูตัวอย่างอุปกรณ์ เครื่องมือรีวิว และตัวควบคุมการเผยแพร่ยังคงใช้งานได้ขณะทำงาน
ทำงานได้ทั้งมุมมองเดสก์ท็อป แท็บเล็ต และมือถือ
Cloudbeds Websites ใช้การออกแบบตอบสนองเพื่อให้เว็บไซต์ของคุณปรับตัวเข้ากับขนาดหน้าจอที่แตกต่างกัน ใช้มุมมอง เดสก์ท็อป, แท็บเล็ต และ มือถือ ในแถบนำทางด้านบนเพื่อตรวจสอบว่าคอนเทนต์และเลย์เอาต์ของคุณแสดงผลอย่างไรในแต่ละอุปกรณ์
เมื่อคุณเพิ่มการเปลี่ยนแปลงในคอลัมน์ที่มุมมอง เดสก์ท็อป การเปลี่ยนแปลงเหล่านั้นจะถูกนำไปใช้กับเลย์เอาต์ แท็บเล็ต และ มือถือ ที่สอดคล้องกันด้วย
หากคุณเพิ่มการเปลี่ยนแปลงเฉพาะอุปกรณ์ในมุมมอง แท็บเล็ต หรือ มือถือ การเปลี่ยนแปลงนั้นจะไม่ส่งผลต่อเลย์เอาต์เดสก์ท็อป หลังจากที่มุมมองอุปกรณ์นั้นถูกปรับแต่งแล้ว การเปลี่ยนแปลงในเดสก์ท็อปในภายหลังจะไม่ถูกนำไปใช้กับเลย์เอาต์ที่ปรับแต่งแล้วโดยอัตโนมัติ
ตรวจสอบมุมมองทั้งสามอุปกรณ์ก่อนเสร็จสิ้นการเปลี่ยนแปลงเพื่อยืนยันว่าเลย์เอาต์ ภาพ และคอนเทนต์แสดงผลได้เหมาะสมในทุกขนาดหน้าจอ
แผงด้านข้าง
แผงด้านข้างเป็นศูนย์กลางคำสั่งหลักสำหรับการสร้าง จัดระเบียบ และจัดการเว็บไซต์ของคุณ ไอคอนแต่ละอันจะเปิดกลุ่มเครื่องมือต่าง ๆ ตั้งแต่การเพิ่มองค์ประกอบหน้าไปจนถึงการจัดการการตั้งค่าเว็บไซต์ทั้งหมด
- เพิ่ม: เพิ่มองค์ประกอบและวิดเจ็ตลงในหน้าเว็บ
- หน้า: สร้างและจัดระเบียบโครงสร้างเว็บไซต์ รวมถึงจัดการการตั้งค่าที่เฉพาะเจาะจงสำหรับแต่ละหน้า
- เลเยอร์: ตรวจสอบลำดับชั้นของภาพบนหน้าเว็บ รวมถึงวิธีการจัดองค์ประกอบและการซ้อนกันขององค์ประกอบต่างๆ
- ธีม: จัดการการตั้งค่าการออกแบบทั่วทั้งเว็บไซต์ เช่น สีทั่วโลก ตัวอักษร ปุ่ม ภาพ และพื้นหลัง การเปลี่ยนแปลงที่ทำกับองค์ประกอบหรือหน้าบางหน้าอาจกำหนดค่าทับการตั้งค่าธีมของเว็บไซต์ สำหรับขั้นตอนการออกแบบโดยละเอียด ดูที่ ปรับแต่งเว็บไซต์ Cloudbeds ของคุณด้วยธีมเว็บไซต์
- CMS / การจัดการเนื้อหา: เข้าถึงเครื่องมือจัดการเนื้อหา รวมถึงตัวจัดการสื่อและข้อมูลธุรกิจ
- ตัวจัดการสื่อ: อัปโหลดและจัดระเบียบสื่อที่ใช้ซ้ำได้ในเว็บไซต์ สำหรับคำแนะนำเกี่ยวกับภาพและสื่อ ดูที่ จัดการภาพและสื่อในเว็บไซต์ Cloudbeds
- ข้อมูลธุรกิจ: จัดการข้อมูลธุรกิจที่มีโครงสร้างซึ่งสามารถเชื่อมต่อกับองค์ประกอบในเว็บไซต์ได้
- SEO / AEO: ตรวจสอบการมองเห็นในเครื่องมือค้นหาและ AI ปริมาณการเข้าใช้ สถานะการปรับแต่ง และคำแนะนำเพื่อปรับปรุง SEO และ AEO
- บล็อก: สร้าง เผยแพร่ และจัดการโพสต์บล็อก
- เพิ่มเติม / การตั้งค่า: เข้าถึงการตั้งค่าและเครื่องมือเพิ่มเติมในระดับเว็บไซต์ รวมถึงไอคอน favicon และภาพโซเชียล เครื่องมือของ Google การเปลี่ยนเส้นทาง URL การสำรองข้อมูลเว็บไซต์ การตั้งค่าความเป็นส่วนตัว การตอบแบบฟอร์ม การตั้งค่าหน้า 404 การส่งออกเว็บไซต์ และการตั้งค่า Progressive Web App
- ผู้ช่วย AI: ใช้เครื่องมือที่ขับเคลื่อนด้วย AI เพื่อช่วยสร้าง ปรับปรุง และเพิ่มประสิทธิภาพเนื้อหาเว็บไซต์ ดูที่ ผู้ช่วย AI ของตัวแก้ไขเว็บไซต์ Cloudbeds สำหรับคำแนะนำเฉพาะ
ใช้แผงด้านข้างเมื่อคุณต้องการเปิดเครื่องมือในระดับเว็บไซต์ แทนการเปลี่ยนแปลงสไตล์ขององค์ประกอบที่เลือกเพียงชิ้นเดียว
แผงด้านข้างจะคงที่อยู่ทางด้านซ้ายของตัวแก้ไข เพื่อให้คุณสามารถเปิดเครื่องมือในระดับเว็บไซต์ได้โดยไม่ต้องออกจากผืนผ้าใบของหน้าเว็บ
แผงออกแบบ
เลือกองค์ประกอบ วิดเจ็ต คอลัมน์ หรือพื้นที่ที่แก้ไขได้อื่นๆ บนหน้าเว็บ เพื่อเปิดตัวเลือกการออกแบบที่มีสำหรับรายการนั้นในแผงออกแบบ ใช้แผงนี้เพื่อปรับรูปลักษณ์และสไตล์ของรายการที่เลือก
แผงออกแบบ จะใช้กับรายการที่เลือก ขณะที่ ธีม ในแผงด้านข้างจะจัดการการตั้งค่าการออกแบบในระดับกว้างของเว็บไซต์ ใช้ความแตกต่างนี้เพื่อกำหนดว่าการเปลี่ยนแปลงการออกแบบควรส่งผลกับรายการเดียวหรือเว็บไซต์โดยรวม
แผงการออกแบบจะปรากฏอยู่ข้างๆ ผืนผ้าใบตัวแก้ไขเมื่อคุณเลือกพื้นที่ที่แก้ไขได้และเปิดการควบคุมการออกแบบของพื้นที่นั้น
ในตัวอย่างนี้ การเลือกคอลัมน์และเลือก ออกแบบ จะเปิดการตั้งค่าที่มีสำหรับคอลัมน์นั้นในแผงด้านขวา
การควบคุมวิดเจ็ตและองค์ประกอบ
เมื่อคุณเลือกองค์ประกอบหรือวิดเจ็ตบนหน้า แถบเครื่องมือแบบลอยจะให้การดำเนินการด่วนสำหรับสินค้านั้น การดำเนินการที่มีจะแตกต่างกันไปขึ้นอยู่กับสิ่งที่คุณเลือก
- แก้ไขเนื้อหา: เปลี่ยนเนื้อหาที่แสดงโดยองค์ประกอบที่เลือก
- แก้ไขการออกแบบ: เปิดตัวเลือกการออกแบบสำหรับองค์ประกอบที่เลือก
- ย้ายตำแหน่ง: ย้ายองค์ประกอบที่เลือกภายในโครงสร้างหน้าดังกล่าว
- เพิ่ม: เพิ่มองค์ประกอบหรือวิดเจ็ตอื่นใกล้เคียง
- ทำซ้ำ: สร้างสำเนาขององค์ประกอบที่เลือก
- จัดแนว: ปรับการจัดแนวขององค์ประกอบเมื่อองค์ประกอบที่เลือกรองรับ
- ลบ: ลบองค์ประกอบที่เลือก
- เพิ่มเติม: เปิดการดำเนินการเพิ่มเติมที่มีสำหรับองค์ประกอบที่เลือก
สำหรับขั้นตอนการทำงานของวิดเจ็ตอย่างครบถ้วน รวมถึงการเพิ่มและจัดการวิดเจ็ต ดูที่ วิดเจ็ตสำหรับ Cloudbeds Websites
แถบเครื่องมือแบบลอยช่วยให้คุณเข้าถึงการดำเนินการทั่วไปได้อย่างรวดเร็วโดยไม่ต้องออกจากองค์ประกอบที่เลือก
การเลือกองค์ประกอบหน้าที่มีอยู่จะแสดงแถบเครื่องมือแบบลอยขององค์ประกอบนั้น ในขณะที่แผงด้านขวาจะแสดงการตั้งค่าการออกแบบที่มีสำหรับสินค้าที่เลือกนั้น
บทความที่เกี่ยวข้อง
ตอนนี้ที่คุณสามารถระบุพื้นที่หลักของอินเตอร์เฟส Editor 2.0 ได้แล้ว ใช้แหล่งข้อมูลเหล่านี้เพื่อการแนะนำ Cloudbeds Websites ที่กว้างขึ้นและขั้นตอนการออกแบบปัจจุบัน:
ข้อคิดเห็น
โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น