วิธีใช้เครื่องมือจัดรูปแบบเนื้อหาเบื้องต้น 2


ในขณะที่สร้างหรือแก้ไขเรื่อง/หน้าใหม่ ผู้เขียนจะพบกับส่วนที่ใช้สำหรับเขียนเนื้อหา (visual editor) ดังนี้

visual-editor

เครื่องมือจัดรูปแบบพื้นฐาน

bold-icon ตัวหนา ปรับตัวอักษรให้หนาและเข้มขึ้น ใช้สำหรับข้อความที่ต้องการเน้น

italic-icon ตัวเอียง ปรับตัวอักษรให้เอียง ใช้สำหรับข้อความที่ต้องการเน้น (ไม่เป็นที่นิยมนัก)

strike-icon ขีดฆ่า ขีดเส้นคร่อมบนข้อความ เพื่อความสวยงาม เพื่อแสดงว่าข้อความนั้นไม่ถูกต้อง

ul-icon รายการแบบไม่มีลำดับ สร้างรายการแบบที่ไม่มีตัวเลขกำกับ

ol-icon รายการแบบลำดับตัวเลข สร้างรายการแบบที่มีตัวเลขกำกับ

quote-icon เนื้อหาจากแหล่งอื่น ใช้เพื่อระบุว่าเนื้อหาดังกล่าวถูกหยิบยกมาจากแหล่งอื่น

line-icon ขีดเส้นใต้ แทรกเพื่อแบ่งส่วนของเนื้อหา

left-icon ชิดซ้าย จัดเรียงข้อความชิดซ้าย

center-icon กึ่งกลาง จัดเรียงข้อความไว้กึ่งกลาง

right-icon ชิดขวา จัดเรียงข้อความชิดขวา

link-icon สร้าง/แก้ไขลิงค์ เลือกข้อความที่จะสร้างเป็นลิงค์ แล้วกดปุ่มนี้เพื่อลิงค์ไปยัง เรื่อง หน้า หรือลิงค์ที่กำหนดขึ้นเอง

unlink-icon เอาลิงค์ออก หากต้องการลบลิงค์ออกจากข้อความ เลือกข้อความดังกล่าว แล้วกดปุ่มนี้

readmore-icon อ่านต่อ แทรกเครื่องหมาย “อ่านต่อ” เนื้อหาที่อยู่ข้างหน้าเนื้อหานี้จะถูกใช้เป็นคำตัดทอนของบทความ (ไม่มีผลต่อการจัดรูปแบบ)

เครื่องมือจัดรูปแบบขั้นสูง

หากคลิกที่ปุ่ม atools-icon จะพบกับเครื่องมือจัดรูปแบบเพิ่มเติม ดังนี้

style-box เลือกรูปแบบข้อความ ในกรณีที่ต้องการให้ข้อความใดเป็นหัวข้อ เลือกข้อความนั้นแล้วปรับให้เป็น หัวข้อ 1-6

underline-icon ขีดเส้นใต้ ขีดเส้นใต้ข้อความที่ต้องการเน้น (ไม่เป็นที่นิยมนัก)

justify-icon เต็มแนว จัดเรียงข้อความให้กระจายเต็มแนว

text-color-icon เติม/เลือกสีตัวอักษร ใช้ในกรณีที่ต้องการเปลี่ยนสีตัวอักษร ควรเลือกสีให้ตัดกับสีของพื้นหลัง และระมัดการใช้สีมากเกินความจำเป็น

paste-text-icon วางเฉพาะข้อความ ในกรณีที่คัดลอกข้อความจาก MS Word หรือหน้าเว็บอื่นๆ การเปิดตัวเลือกนี้ไว้จะทำให้รูปแบบข้อความ (สี ขนาด ลิงค์) ไม่ปะปนมาด้วย

remove-style-icon ลบการจัดรูปแบบข้อความ ล้างรูปแบบข้อความ (สี ขนาด รายการ ลิงค์) ออก

schar-icon แทรกอักขระพิเศษ เช่น ¼ ½ ƒ ∑ ♦

rem-indent-icon ลดการเยื้อง ลดระดับการเยื้องของย่อหน้า

add-indent-icon เพิ่มการเยื้อง เพิ่มระดับการเยื้องของย่อหน้า

undo-icon ย้อนกลับ ย้อนกลับไปยังขั้นตอนก่อนหน้านี้

redo-icon ทำซ้ำ ยกเลิกผลของปุ่มย้อนกลับ

help-icon ปุ่มคีย์บอร์ดลัด แสดงคีย์บอร์ดลัดสำหรับปุ่มต่างๆ

ปุ่มเพิ่มสื่อ

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

โหมดเสมือนจริงและโหมดตัวอักษร

สามารถปรับโหมดการเขียนเนื้อหาได้ที่มุมขวาบนของแถบเครื่องมือ

กรณีที่ต้องการแทรกภาษา HTML อื่นๆ นอกเหนือจากการจัดรูปแบบปกติลงในบทความ เช่น

<iframe width="420" height="315" src="//www.youtube.com/embed/cxTF1wL06Q4" frameborder="0" allowfullscreen></iframe>

สามารถทำได้โดยการสลับไปใช้โหมดตัวอักษร แล้วจึงแทรกภาษา HTML นั้นลงไปในบทความ เมื่อสลับกลับมาใช้โหมดเสมือนแล้วจะพบกับการแสดงผลของภาษา HTML ดังกล่าว ในกรณีตัวอย่างนี้ เป็นการแทรกวีดีโอจาก Youtube.com ลงในบทความ

การแทรกวีดีโอจาก Youtube.com

นอกจากวิธีข้างต้นแล้ว ผู้เขียนยังสามารถแทรกวีดีโอจาก Youtube.com ได้โดยการคัดลอก URL ของวีดีโอดังกล่าว เช่น https://www.youtube.com/watch?v=cxTF1wL06Q4 แล้วนำมาวางลงบทความโดยตรงในโหมดเสมือนจริงได้อีกด้วย


แสดงความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

2 ความคิดเห็นบน “วิธีใช้เครื่องมือจัดรูปแบบเนื้อหาเบื้องต้น

  • myusername ผู้เขียนเรื่อง

    ผมพยายามจะสร้างลิงค์แต่ปุ่มมันเป็นสีเทาอ่อน พอกดแล้วก็ไม่มีอะไรเกิดขึ้นเลยครับ

    • วีร์ ศรีทิพโพธิ์ ผู้เขียนเรื่อง

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