goonila: Front End Editor

คอมโพเน้นท์และปลั๊กอิน ที่จะทำให้ชีวิตคุณสะดวกสบายมากขึ้น (หรือเปล่า) กล่าวคือ ด้านหน้าเว็บไซต์ (Front end) ของ joomla นั้นจะทำการแก้ไขส่วนประกอบของเว็บไซต์ได้ไม่มากนัก ส่วนมากก็จะแก้ไขได้เฉพาะเนื้อหาเท่านั้น และส่วนอื่น ๆ ต้องเข้าไปกำหนดหรือแก้ไขข้างหลังเว็บไซต์ (Back end) เท่านั้น วันนี้ไปเจอคอมโพเน้นท์ ตัวหนึ่งชื่อว่า Front End Editor ซึ่งจะสามารถทำการย้ายอะไรต่อมิ อะไร ข้างหน้าเว็บไซต์ได้เลย แม้แต่ตำแหน่งโมดูล ก็แดร็กเมาส์ (คลิ๊กแล้วลาก) เพื่อเปลี่ยนตำแหน่งได้ทันที ชื่อโมดูลและชื่อบทความก็สามารถคลิ๊กแล้วเปลี่ยนได้ทันที

การติดตั้งและใช้งาน ติดตั้งแบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง extension เพิ่มเติมที่นี่)
ดาวน์โหลดมา 3 ตัวคือ
plg_frontendeditor.zip
com_frontendeditor.zip
plg_articleeditor.zip
ติดตั้งให้หมดครับ
จากนั้นมาที่ components >> Enhanced Frontend Editing Manager
คลิ๊ก apply changes
Front End Editor

คอมโพเน้นท์จะทำการสร้าง com_content ลงในโฟล์เดอร์ html ใน template ที่ใช้
จากนั้นคอมโพเน้นท์ก็จะทำการสร้างไฟล์ index.php ขึ้นมาใหม่ และทำการแบ็คอัพไฟล์เก่าไว้ในชื่อ index.php.backup
ตัวคอมโพเน้นท์เพิ่มอะไรเข้าไป สิ่งที่เพิ่มเข้าไปคือ

<div class="frpos.ชื่อตำแหน่งโมดูล">

แล้วเปลี่ยน module chrome ใน jdoc:include เป็น

style="freditor"

เมื่อคลิ๊ก apply changes จากนั้นก็ทำการ save
จากนั้นเข้ามาที่ plugin manager ทำการ enable ปลั๊กอิน 2 อันนี้

มาดูการใช้งานกันครับ เมื่อทำการล็อคอินด้านหน้าเว็บไซต์ด้วย Group administrator หรือ super administrator จะเห็นปุ่ม turn edit on/off ที่มุมบนขวา

กดให้เป็น on จะเห็นปุ่มสำหรับแก้ไขขึ้นมามากมาย
editor