Front End Editor

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

 

compat_15_native ext_com ext_plugin

การติดตั้งและใช้งาน ติดตั้งแบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง 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
ตัวคอมโพเน้นท์เพิ่มอะไรเข้าไป สิ่งที่เพิ่มเข้าไปคือ

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

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

View source
style="freditor"

เมื่อคลิ๊ก apply changes จากนั้นก็ทำการ save

จากนั้นเข้ามาที่ plugin manager ทำการ enable ปลั๊กอิน 2 อันนี้

 

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

 

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

editor

 

คลิ๊กลากเปลี่ยนตำแหน่งโมดูล

 

หรือแก้ไขรายละเอียดต่าง ๆ ของโมดูลเหมือนในหน้า back end

 

แก้ไขบทความ

 

แก้ไขหัวข้อบทความ

 

แก้ไขหัวข้อโมดูล

หรือแก้ไขเมนู

 

ดาวน์โหลด Front End Editor

 

ดาวน์โหลด Front End Editor

ลิ้งก์สำรอง เวอร์ชั่น 0.3.8

 

ดาวน์โหลด Front End Editor