1. หน่วยที่ 8 สร้างแสดงเนื้อหาบทความ
ปรับแต่งและเลือกใช้งาน Editor
เอดิเตอร์ Editor เป็นปลั๊กอินเสริมหรือเครื่องมือช่วย
ในการเขียนและปรับแต่งข้อความที่ใช้เขียนเนื้อหาบทความต่างๆ
ซึ่งเอดิเตอร์ที่ติดมาพร้อมกับ Joomla และพร้อมใช้งานจะเป็น
ปลั๊กอินชื่อ TinyMCE แบบ Advanced ดังรูป

2. สาหรับขั้นตอนการเพิ่มเครื่องมือในเอดิเตอร์ ทาได้ดังนี้
1. คลิกเมนู Extensions > Plug-in Manager
2.คลิกเลือกชนิดของปลั๊กอินเป็น editors ในช่อง Select Type
3.คลิกเลือก Editor > TinyMCE เพื่อแก้ไขค่าคุณสมบัติของเอดิเตอร์
TinyMCE

3. 4. ที่ Functionally ให้คลิกเลือกเอดิเตอร์แบบ Extended เพื่อเพิ่มเครื่องมือ
การทางานในเอดิเตอร์
5. คลิกปุ่ม Save & Close บนแถบเครื่องมือ

4. จากนั้นเอดิเตอร์ปลั๊กอินชื่อ TinyMCE จะเปลี่ยนเป็น Extended ดังรูป

5. ส่วนประกอบของเอดิเตอร์
เอดิเตอร์ที่ใช้สาหรับเขียนข้อความนั้น จะแบ่งพื้นที่การใช้งานออกเป็น 3
ส่วนหลักๆ ด้วยกันดังนี้
ส่วนที่ 1 พื้นที่แสดงปุ่มเครื่องมือสาหรับจัดการรูปแบบข้อความ
ส่วนที่ 2 พื้นที่สาหรับเขียนข้อความหรือแทรกไฟล์มีเดียต่างๆ
ส่วนที่ 3 ปุ่มเครื่องมือทางลัด ประกอบด้วย
- ปุ่ม Article สาหรับสร้างลิงค์เนื้อหาบทความ
- ปุ่ม Image สาหรับแทรกรูปภาพประกอบ
- ปุ่ม Page Break สาหรับแบ่งข้อความออกเป็นหลายหน้า
- ปุ่ม Read More สาหรับแบ่งข้อความบางส่วนแล้วแสดงลิ้งค์
Read More
- ปุ่ม Toggle Editor สาหรับแทรกคาสั่ง HTML

6. ก๊อบปี้ขอความจากโปรแกรม Word
เน้อหาเอกสารบางส่วนอาจจะใช้วิธีก๊อบปี้จากโปรแกรม Word มาวางก็
ได้ เพื่อประหยัดเวลาในการพิมพ์ซึ่งการก๊อบปี้นั้นทาได้ดังนี้
1. เลือกบริเวณที่ต้องการก๊อบปี้ แล้วกดคีย์ Ctrl + C เพื่อกดก๊อบปี้

7. แทรกรูปภาพไม่ชิดกับข้อความ
หลังจากแทรกรูปภาพเพื่อประกอบบทความแล้ว เราสามารถจัดการกับ
รูปภาพนั้นได้ ไม่ว่าจะเป็นใส่กรอบให้ภาพ,จัดวางภาพและข้อความ โดยมีขั้นตอน
ดังนี้
1. คลิกรูปภาพที่
ต้องการปรับแต่ง
2. คลิกปุ่ม insert
/edit image

8. 3. ที่หน้าต่าง Insert/edit Image ให้คลิกแท็บ Appearance
แล้วเลือกรูปแบบการจัดวางรูปภาพที่ Alignment ซึ่ง มีให้เลือกหลายรูปแบบ
4. เมื่อเสร็จแล้วให้คลิกปุ่ม Update

9. ปรับขนาดภาพ
การปรับขนาดภาพที่แทรกในบทความให้มีขนาดที่เหมาะสมกับเนื้อหา จะ
ทาให้บทความน่าสนใจมากขึ้นซึ่งภาพที่ปรับให้ใหญ่ขึ้นความคมชัดจะลดลงไป

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

11. 3. ที่แท็บ General ในช่อง Height ให้ระบุความสูงของแถวที่ต้องการ
4. ที่ช่องเหนือปุ่ม Update ให้เลือกแถวที่ต้องการปรับความสูง
5. คลิกปุ่ม Update

12. จากนั้นแถวที่เลือกจะถูกปรับความสูง ดังภาพ

13. ใส่ลิงค์ดาวน์โหลดไฟล์
สาหรับการสร้างลิงค์เพื่อดาวน์โหลดไฟล์เอกสารต่างๆ สามารถทาได้
เช่นเดียวกับการใส่ลิงค์ URL ดังนี้
1. เลือกข้อความรูปภาพที่ต้องการสร้างเป็นลิงค์
2. คลิกปุ่ม Insret/edit link

14. 3. จากนั้นจะแสดงไดอะล๊อกบ๊อกช์ Insret/edit link ที่แถบ Grnaral ให้ใส่
URL ในช่อง Link URL ซึ่ง URL ในที่นี้ก็คือ พาธที่เก็บข้อมูล
4. เลือกรูปแบบการเปิดเพจปลายทาง ในช่อง Target
5. ใส่ข้อความแสดงเมื่อคลิกลิงค์ ในช่อง Title
6. คลิกปุ่ม Insert

15. ใส่ไฟล์ Flash ลงในบทความ
หากต้องการเพิ่มความน่าสนใจให้กับบทความด้วยการใส่ไฟล์ Flash
ประกอบด้วยเนื้อหาบทความ ก็สามารถทาได้โดยเริ่มตั้งแต่อัพโหลดไฟล์ Flash ไป
ไว้ที่โฟลเดอร์ images ก่อน จากนั้นทาตามขั้นตอนดังนี้
1. วางเคอร์เซอร์ตรงตาแหน่งที่ต้องการแทรก
2. 2. คลิกปุ่ม Insert/edit embedded code บนเอดิเตอร์

16. 3. ที่เก็บ General ในช่อง Type ให้คลิกเลือกแบบ Flash
4. ในช่อง File/URL ให้ระบุพาธที่เก็บไฟล์ Flash

17. 5. ที่เก็บ Advanced ให้กาหนดรายละเอียดเพิ่มเตอมดังนี้
- Auto play กาหนดให้เล่นทันทีโดยอัตโนมัติ
- Loop กาหนดให้เล่นซ้า
- Show menu ซ่อน/แสดง รายการคาสั่งต่างๆ
6. คลิกปุ่ม Insert

18. 7. ในเอดิเตอร์จะปรากฏกรอบสีเหลืองขึ้น จากนั้นให้คลิกปุ่มSave & Close
บนแถบเครื่องมือ

19. เมื่อทดลองเรียกแสดงผลหน้าเว็บเพจ จะได้ดังรูป