การใช้งาน Text area element

Text Area Element วิธีใช้งานและเครื่องมือแก้ไขข้อความบนเว็บไซต์

Text Area Element คือ Element แบบ editor ที่การใช้งานคล้ายกับ text editor ทั่วไป ไม่ว่าจะเป็น Microsoft Word, Pages หรือโปรแกรมพิมพ์เอกสารอื่นๆ ทำให้ปรับแต่งข้อความบนเว็บไซต์ได้อย่างอิสระ

การใช้งาน Text Area Element

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb แล้วทำตามขั้นตอนดังนี้

• 1 คลิก "ปรับแต่ง"
• 2 เลือกเมนู "Page Layouts"
• 3 เลือกเมนู "ปรับแต่งเนื้อหา"

• 4 คลิก "Add Section"

• 5 เลือก "Content" จากนั้นคลิก "Add Section"

เมื่อเพิ่ม Section แล้วจะแสดงอยู่ฝั่งขวามือ

• 6 คลิก พื้นที่ว่างในกรอบ

• 7 คลิกที่ "Add Element"

• 8 เลือก "Element - Text Area" ที่ต้องการ จากนั้นคลิก "ตกลง"

• 9 ใส่ข้อความและปรับแต่งตามต้องการที่เครื่องมือ

เครื่องมือต่างๆ ของ Text Area Element เพื่อใช้ตั้งค่าข้อความ

1. รูปแบบย่อหน้า (Paragraph Format)

2. Font & Size

• • การปรับสไตล์ให้ตัวอักษรหรือฟอนต์
• • การปรับขนาดตัวอักษร

3. Style ของตัวอักษร

• • การเปลี่ยนสีตัวอักษร
• • ตัวหนา
• • ตัวเอียง
• • ขีดเส้นใต้
• • ขีดฆ่า

4. Alignment

• • การจัดตำแหน่งข้อความ

5. รูปแบบ Lists

• • Unordered List: ข้อมูลรายการแบบไม่มีเลขลำดับ แต่ใช้เครื่องหมายหน้าหัวข้อแทน
• • Ordered List: ข้อมูลรายการแบบมีหมายเลขเรียงลำดับจากน้อยไปมากกำกับอยู่หน้าแต่ละรายการ
• • การเว้นระยะซ้าย
• • การเว้นระยะขวา

6. การแทรกอื่นๆ

• • Insert Link: สำหรับใส่ลิงก์ให้กับ Text ที่เลือก
• • Button Builder: การสร้างปุ่ม
• • Insert Button Link: ทำให้ Text ที่เป็นลิงก์เปลี่ยนเป็นปุ่ม
• • Media Manager: การจัดการรูปภาพ
• • Insert Video: การจัดการวิดีโอลิงก์จากเว็บไซต์อื่นๆ
• • Insert Table: สร้างและจัดการตาราง เลือกสร้าง ลบ แก้ไข จำนวนคอลัมน์และแถวได้
• • Insert Horizontal Line: เส้นตรงคั่นระหว่างเนื้อหารายละเอียดข้อความ
• • Emoticons: ตกแต่งด้วย emoticon หรือสัญลักษณ์ที่ใช้แทนอารมณ์
• • Font Awesome: ตัวอักษรสัญลักษณ์ ใช้อ้างอิงตามสิ่งที่ต้องการสื่อ

7. การแก้ไข

• • Undo: การยกเลิกสิ่งที่ได้กระทำไปก่อนหน้า
• • Redo: การกระทำซ้ำส่วนที่ได้ยกเลิก (Undo) ไปก่อนหน้า

• 10 คลิก "Save" เมื่อปรับแต่งข้อความเรียบร้อย