Skip to main content

คู่มือการจัดการ page (หน้า)

1.การแก้ไขหน้า

  • ที่หน้า dashboard ให้คลิกที่ Screenshot 2026-07-20 092827.png จะแสดงหน้าทั้งหมดดังภาพที่ 1
ภาพที่ 1 หน้าทั้งหมดที่สามารถแก้ไขได้

Screenshot 2026-09-04 093203.png

  • เลือกหน้าที่ต้องการแก้ไขโดยการชี้เม้าส์ไปที่เรื่องที่ต้องการจะแก้ และทำการคลิกที่ Edit with Elementor จะแสดงหน้าที่ต้องการแก้ไขขึ้นมา
  • หรือสามารถใช้อีกวิธีคือที่หน้า dashboard ให้ทำการคลิกที่ชื่อเว็บที่มุมซ้ายบน ระบบจะพาไปที่หน้าเว็บหลัก ให้ทำการไปที่หน้าที่ต้องการจากนั้นสังเกตที่แถบด้านบนให้ทำการคลิกที่ Edit with Elementor จะแสดงหน้าที่ต้องการแก้ไขขึ้นมาเช่นเดียวกันดังภาพที่ 2
ภาพที่ 2 หน้าที่ต้องการแก้ไข
Screenshot 2026-09-04 093337.png
  •  ให้สังเกตที่กล่องด้านขวาที่ชื่อว่า Structure ถ้าไม่มีให้สังเกตที่มุมด้านขวาและคลิกที่รูป Screenshot 2026-07-20 100609.png
  • ทำการคลิกที่สามเหลี่ยมหน้า Container จะแสดง widget ที่ใช้หลักๆสำหรับการแก้ไขหน้าดังนี้

1.1 Heading

  • ประกอบไปด้วย 3 ส่วนหลักคือ Content Style และ Advanced
  • ส่วน Content มีไว้สำหรับการแก้หัวข้อ ดังภาพที่ 3
ภาพที่ 3 Widget Heading ส่วน Content

Screenshot 2026-07-20 101947.png

  • ส่วน Style มีไว้สำหรับการแก้รูปแบบของตัวอักษร ดังภาพที่ 4
    ภาพที่ 4 Widget Heading ส่วน Style

    Screenshot 2026-07-20 114439.png
  • ในส่วนนี้จะมีจุดที่ใช้งานหลักๆคือ Alignment ไว้สำหรับจัดตำแหน่ง และ Typography ไว้สำหรับปรับรูปแบบตัวอักษรโดยจะมีรูปลูกโลกจะเป็นการเปลี่ยนรูปแบบตามค่าที่ระบบตั้งไว้ให้ แต่ถ้าอยากเปลี่ยนแบบอิสระให้คลิกเลือกที่รูปดินสอ
  • ส่วน Advanced ใช้สำหรับการจัดตำแหน่งของหัวข้อ และสามารถใช้ css สำหรับการแก้ style ได้ที่ส่วนนี้โดยทำการเลื่อนลงไปด้านล่างและเลือกที่ Screenshot 2026-07-20 114929.png จะปรากฎกล่องสำหรับใส่โค้ด css ดังภาพที่ 5 และ 6
    ภาพที่ 5 Widget Heading ส่วน Advanced

Screenshot 2026-07-20 115220.png

ภาพที่ 6 Custom CSS

Screenshot 2026-07-20 115013.png

1.2 Text Editor

  • ใช้สำหรับการแก้ไขเนื้อหา ประกอบไปด้วย 3 ส่วนหลักเช่นเดียวกับ Heading ดังภาพที่ 7
    ภาพที่ 7 Widget Text Editor

Screenshot 2026-09-04 093526.png

1.3 Image

  • ใช้สำหรับการแก้ไขรูปภาพ ประกอบไปด้วย 3 ส่วนหลักเช่นเดียวกับ Heading ดังภาพที่ 8
    ภาพที่ 8 Widget Image

Screenshot 2026-09-04 093639.png

  • แก้ไขรูปภาพได้โดยการคลิกที่รูปจะปรากฎหน้าต่าง Insert Media ขึ้นมา ให้ทำการลากรูปที่ต้องการใส่ลงไป หรือเลือกที่ "อัปโหลดไฟล์" จากนั้นเลือกรูปที่ต้องการและคลิก Screenshot 2026-06-22 100641.png ดังภาพที่ 9
    ภาพที่ 9 Insert Media

Screenshot 2026-09-04 093714.png

  • เมื่อทำการแก้ไข widget ใดๆเรียบร้อยแล้วให้ทำการคลิกที่ Screenshot 2026-06-22 091703.pngเพื่อเป็นการบันทึกและแสดงผลที่หน้าเว็บ