เคล็ดลับและเทคนิคการแก้ไข

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

การซ่อนหรือการแสดงแถบด้านข้าง

คลิก ไอคอนแสดงแถบด้านข้าง เพื่อแสดงตัวเลือกสำหรับการจัดการและแก้ไขเพจรวมถึงเนื้อหาของเพจ

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

การไปตามส่วนต่างๆ

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

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

การจัดการเพจ

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

การแก้ไขการลากและวาง

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


คำอธิบาย GUID-C6864428-CADA-480F-BA47-A58E32E65866-default.png มีดังนี้
คำอธิบายภาพ GUID-C6864428-CADA-480F-BA47-A58E32E65866-default.png

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

แต่ละองค์ประกอบจะแสดงขนาดทั้งแบบพิกเซลและแบบเปอร์เซ็นต์ของพื้นที่ที่ใช้ได้ในสล็อต ในการปรับความกว้างเป็นค่าอื่นที่ไม่ใช่ค่าที่กริดกำหนดไว้ ให้กดปุ่ม Ctrl ค้างไว้ขณะที่คลิกและลากเส้นขอบขององค์ประกอบ
คำอธิบาย GUID-18854A8F-3427-49C0-9DE4-766B2F233EB6-default.png มีดังนี้
คำอธิบายภาพ GUID-18854A8F-3427-49C0-9DE4-766B2F233EB6-default.png

องค์ประกอบ

หลังจากที่คุณวางองค์ประกอบบนเพจแล้ว คุณจะสามารถปรับการจัดแนว ระยะห่าง และคุณสมบัติอื่นๆ ด้วยการเลือกรายการ คลิกไอคอนเมนูของรายการ ไอคอนเมนูองค์ประกอบ และเลือก การตั้งค่า หากคุณคลิกชื่อองค์ประกอบแทนไอคอนเมนู คุณจะเห็นและเลือกไอคอนเมนูสำหรับสล็อตและกลุ่มองค์ประกอบได้ (หากองค์ประกอบปัจจุบันเป็นส่วนหนึ่งของกลุ่มองค์ประกอบ) หากคุณเลือกแท็บอื่น คุณจะเห็นไอคอนเมนูและตั้งค่าคุณสมบัติสำหรับอีลิเมนต์นั้นได้:
คำอธิบาย GUID-60D113F2-44C3-4F9C-BD2A-C08BFCB8536F-default.png มีดังนี้
คำอธิบายภาพ GUID-60D113F2-44C3-4F9C-BD2A-C08BFCB8536F-default.png

ผู้ออกแบบธีมสามารถระบุได้ว่าองค์ประกอบใดบ้างที่ถูกรวมไว้ในธีม ดังนั้น บางองค์ประกอบที่ปรากฏอยู่ในไซต์หนึ่ง อาจไม่สามารถใช้กับไซต์อื่นได้ นอกจากนี้ ผู้ออกแบบธีมยังสามารถระบุได้ว่าองค์ประกอบใดบ้างที่ใช้ได้ในสล็อตหรือเลย์เอาต์ของเพจที่กำหนด หากองค์ประกอบใช้ไม่ได้ในสล็อตที่ระบุ แถบการจัดตำแหน่งจะเปลี่ยนสีและสัญลักษณ์ (เครื่องหมายลบ) ไม่มีแถบการจัดตำแหน่ง และจะมีข้อความที่ใกล้เคียงกับรายการต่อไปนี้แสดงขึ้น:
คำอธิบาย GUID-CFEBC755-858B-4068-A821-B36A64BE545A-default.png มีดังนี้
คำอธิบายภาพ GUID-CFEBC755-858B-4068-A821-B36A64BE545A-default.png

การปรับขนาดและช่องว่างขององค์ประกอบ

คุณสามารถปรับขนาดขององค์ประกอบต่างๆ เช่น แกลเลอรี่หรือรูปภาพ เป็นหน่วย CSS อื่นและปรับช่องว่างรอบๆ องค์ประกอบได้ ตัวอย่างเช่น:
  • px (พิกเซล): ค่าดีฟอลต์ ถ้าระบุเฉพาะค่าตัวเลข ระบบจะใช้พิกเซล

  • % (เปอร์เซ็นต์): ตั้งค่ารายการเป็นเปอร์เซ็นต์ของขนาดอีลิเมนต์ HTML หลัก ตัวอย่างเช่น: 25%

  • em: ตั้งค่าขนาดขององค์ประกอบตามขนาดแบบอักษร ตัวอย่างเช่น: 20em

  • vw: ตั้งค่าขนาดเป็นเปอร์เซ็นต์ความกว้างของพื้นที่สำหรับดูและตอบสนองกับขนาดของพื้นที่สำหรับดู ตัวอย่างเช่น: 10vw

เนื้อหาเลย์เอาต์แบบแก้ไขได้

ผู้ออกแบบธีมสามารถเพิ่มเนื้อหา “ภายใน” ลงในเลย์เอาต์ของเพจ เช่น การแจ้งลิขสิทธิ์ ซึ่งไม่สามารถเปลี่ยนแปลงได้ในโปรแกรมแก้ไข นอกจากนี้ ผู้ออกแบบธีมยังสามารถกำหนดให้ข้อความแบบง่ายและเนื้อหารูปภาพเป็นชนิดแก้ไขได้อีกด้วย ซึ่งรวมถึงข้อมูลดิจิตัล ซึ่งขั้นตอนนี้จะเป็นการอนุญาตให้ผู้ให้ข้อมูลสามารถเปลี่ยนแปลงข้อความหรือเนื้อหารูปภาพได้ แต่จะแก้ไขแอททริบิวตำแหน่งหรือเลย์เอาต์อื่นไม่ได้ อีลิเมนต์ข้อความที่แก้ไขได้มีเมนูพร้อมตัวเลือกสำหรับการระบุข้อความแบบตัวหนา ตัวเอียง และขีดเส้นใต้ และสำหรับการเปลี่ยนแปลงหรือลบลิงค์:
คำอธิบาย GUID-A43CBAA1-D319-4B22-807A-620CFAEBFA9C-default.png มีดังนี้
คำอธิบายภาพ GUID-A43CBAA1-D319-4B22-807A-620CFAEBFA9C-default.png

อีลิเมนต์กราฟิกที่แก้ไขได้มีไอคอนการตั้งค่า ไอคอนรูปภาพ และแผงข้อมูลที่คุณสามารถระบุรูปภาพ ชื่อ และข้อความแสดงแทนได้
คำอธิบาย GUID-9080A86A-381D-4C8D-858D-5EE1517F82AE-default.png มีดังนี้
คำอธิบายภาพ GUID-9080A86A-381D-4C8D-858D-5EE1517F82AE-default.png

เฟรมที่รวมการปรับข้อความหรือรูปภาพเพื่อให้เข้ากับความยาวของข้อความหรือขนาดของรูปภาพ

หมายเหตุ:

การเปลี่ยนแปลงที่คุณทำจะมีผลใช้กับเพจปัจจุบันเท่านั้น ระบบจะจัดเก็บเนื้อหาเดิมพร้อมกับเลย์เอาต์ในธีม และจะใช้เป็นดีฟอลต์เมื่อมีการใช้เลย์เอาต์กับเพจเป็นครั้งแรก

สไตล์และการจัดรูปแบบ

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


คำอธิบาย GUID-79F3FDFB-CFAA-40DF-9A40-9496FE2920B0-default.png มีดังนี้
คำอธิบายภาพ GUID-79F3FDFB-CFAA-40DF-9A40-9496FE2920B0-default.png

การยกเลิกการเปลี่ยนแปลงของคุณ

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

ใช้ ไอคอนทำซ้ำ เพื่อนำการเปลี่ยนแปลงที่คุณย้อนกลับโดยใช้การยกเลิกครั้งล่าสุดกลับมาใช้ใหม่ คุณสามารถใช้การทำซ้ำได้หลายครั้งหากคุณใช้การยกเลิกหลายครั้งติดต่อกัน

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

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

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