ติดตั้ง TinyMCE เปลี่ยน editor ธรรมดาให้กลายเป็น advance editor

ติดตั้ง TinyMCE เปลี่ยน editor ธรรมดาให้กลายเป็น advance editor

ปกติคนที่ติดตั้ง wordpress เสร็จครั้งแรก  เมื่อจะเข้าไปโพสต์บทความใน editor ของ wordpress ที่เตรียมมาให้เรานั้น  มักจะไม่ค่อยมีตัวช่วยอะไรมากมาย   เป็นแค่ editor พื้นฐานสำหรับพิมพ์งานเท่านั้น  จัดรูปแบบอะไรไม่ค่อยได้มาก  สำหรับในบทความนี้ผมจะมาสอนวิธีการ ติดตั้ง tinymce ปลั๊กอิน เพื่อเปลี่ยน wordpress editor ธรรมดา ของคุณให้กลายเป็น editor เทพภายในไม่กี่นาทีเท่านั้น มาเริ่มกันเลย

ใครที่ติดตั้งปลั๊กอินไม่เป็นให้เข้าไปอ่านบทความนี้ก่อนครับ วิธีการติดตั้งปลั๊กอิน wordpress  สอนพื้นฐานการติดตั้งอย่างละเอียดไปอ่านกันเลย

ดูหัวข้อในบทความนี้

 

อ่านวิธีการสร้างเว็บไซต์ตั้งแต่พื้นฐาน  ดูสารบัญของบทความการสร้างเว็บไซต์ทั้งหมดได้ที่นี่  คลิ๊กๆ

 

เริ่มต้นติดตั้ง TinyMCE Plugin

ก่อนเริ่มต้นมาดูหน้าตา Editor แบบดั้งเดิมก่อนครับว่าหน้าตาเป็นยังไง  ให้ล๊อกอินแล้วเข้าไปที่  Posts>Add New จะเจอตามภาพด้านล่างนี้

ให้คลิ๊กปุ่มขวาสุดก่อนนะหนึ่งครั้งตามลูกศรชี้  จะได้แถบเครื่องมือเพิ่มมาอีกแถวนึง

ฟีเจอร์ของ Editor ตัวนี้สามารถทำได้ตังต่อไปนี้ครับ

  1. เลือกประเภทของข้อความ
    1. Paragrah  เป็นแบบพารากราฟมั้ย
    2. Header (H1) ถึง (H6) ประมาณนี้
  2. ตัวหนา  (B)
  3. ตัวเอียง  (I)
  4. จัดหัวข้อแบบ  กลมๆ หรือหมายเลข
  5. โคว้ด (Quote)
  6. จัดชิดซ้าย กลาง ขวา
  7. ทำลิงค์
  8. ใส่ ลิงค์ Read more เพื่อให้เขาคลิ๊กเพื่ออ่านต่อ
  9. ขีดฆ่าข้อความ
  10. ใส่เส้นตามแนวนอน
  11. เปลี่ยนสีข้อความ
  12. ลบรูปแบบที่เคยจัดไว้ (Clear format)
  13. ใส่ตัวอักษรพิเศษ
  14. จัดย่อหน้าเข้าไปด้านใน  หรือออกมาด้านนอก
  15. Undo (ย้อนกลับ) , Redo (ไปหน้า)

ถือว่าเพียงพอต่อการทำงาน พิมพ์บทความล่ะ  แต่มันก็ยังทำอะไรอย่างอื่นไม่ได้มากนัก  เดี๋ยวมาดูต่อดีกว่าครับว่าจะจัดการเพิ่มฟีเจอร์ให้มันเพิ่มด้วย Plugin ที่ชื่อว่า TinyMCE ยังไง

ต่อมาให้เราเข้าไปที่ Plugins>Add New  คลิ๊กตามหมายเลข 1

ติดตั้ง tinymce ที่ wordpress plugin

ติดตั้ง tinymce ที่ wordpress plugin

ต่อมาให้พิมพ์คำว่า TinyMCE ที่กล่องค้นหา ที่หมายเลข 2 มันจะรีเฟรสผลลัพธ์เอง

และให้มาคลิ๊กที่  Install Now ตรงหมายเลข 3 ที่ TinyMCE Advanced อันแรกเลย  เมื่อติดตั้งเสร็จจะขึ้นให้เราคลิ๊กที่ Activate ต่อตามภาพด้านล่างนี้

เมื่อ Activate เพื่อเปิดการใช้งานเสร็จแล้วจะถูกส่งไปยังหน้ารายการปลั๊กอินทั้งหมดที่ติดตั้งไว้ให้กับ WordPress ดังภาพด้านล่าง

ติดตั้ง tinymce

tinyMCE อยู่ในรายการปลั๊กอินที่ติดตั้งแล้ว

ถัดมาลองกลับไปที่หน้าสำหรับ Post ข้อความอีกรอบ Posts>Add New  จะพบกับฟีเจอร์ใหม่ของ Editor เรียบร้อยแล้ว

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

 

การตั้งค่าปลั๊กอิน

ทีนี้ลองกดมาที่ Setting ของ TinyMCE ครับ  จะอยู่ที่ Settings>TinyMCE Advanced

ลองลาก Background Color ขึ้นไปไว้ด้านบนตามลูกศรเลยครับ  อันนี้จะเป็นการเพิ่มฟีเจอร์เราให้ Editor ของเราสามารถใส่ Background พื้นหลังให้กับข้อความได้  เหมือนมีปากกา Highlight ให้กับข้อความ

ใครอยากใส่อะไรเพิ่มก็ใส่เลยครับ  และยังมีอะไรให้ปรับแต่งอีกเลื่อนลงมาในหน้าเดียวกันครับ

แต่ผมก็ไม่ค่อยได้ใช้แล้วครับ  จะใช้ค่าเริ่มต้นของมันตามภาพนี้เลย  แต่ใครอยาก Advance ลองอ่านดูครับ  ปรับให้เข้ากับที่ตัวเองต้องการ  พอใจแล้ว เสร็จแล้วก็กด  Save Changes 

กลับมาดูอีกครั้งว่า Background Color เพิ่มเข้ามายัง ที่ Posts>Add New

เห็นมั้ยว่ามีปุ่มเพิ่มเข้ามาอีกแล้ว  เอาเป็นว่าใครอยากปรับแต่ง Editor ให้เป็นแบบไหนเลือกเอาตามสบายได้เลยครับ

เรียบร้อย  ยินดีด้วยคุณเรียนจบวิธีติดตั้งปลั๊กอิน TinyMCE เรียบร้อยแล้ว

About วิรากร

แอดมินประจำริววี ผู้ก่อตั้ง อยากให้ที่นี่เป็นเว็บที่รวบรวมแต่ รีวิวและความรู้ที่มีประโยชน์ เป็นความรู้ที่ผมศึกษามาด้วยตนเองทั้งหมด ประสบการณ์: Internet Marketing, SEO, Content Marketing, Passive Income, Make Online Money, E-commerce, Forex, เทรดออฟชั่น, Website Creator, IOS App Developer ติดต่อ riwwee@gmail.com | line@ : @riwwee | www.facebook.com/riwwee

Leave a Reply

Your email address will not be published. Required fields are marked *

four × two =