ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

คู่มือการใช้งาน Custom field ใน Joomla

 

           Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7 ซึ่งตัว Custom Fields จะช่วยให้เราสามารถจัดการเพิ่มแก้ไขและลบฟิลล์ได้อย่างไม่จำกัด โดยสามารถจัดกลุ่มของฟิลล์ต่างๆได้ช่วยเพิ่มความยืดหยุ่นในการเก็บข้อมูลที่ต้องการได้โดยที่ไม่ต้องเสียค่าใช้จ่ายหรือไม่ต้องไปเสียเวลาในการหาส่วนเสริมมาติดตั้งเพิ่มเติม โดยตัว Custom Fields มีประเภทของ Fields ที่จะนำมาสามารถใช้งานได้ถึง 15 ประเภทด้วยกัน ได้แก่

  1. Calendar Field ฟิล์ดปฏิทิน สำหรับใส่ข้อมูลวันที่และเวลาซึ่งจะมีไอคอนรูปปฏิทินสามารถคลิกจะแสดงเป็นป๊อปอัพ (Pop-up) ให้ผู้ใช้เลือกได้สะดวกมากขึ้น
  2. Checkbox Field ฟิล์ดเช็คบล็อก สำหรับแสดงเช็คบล็อกเป็นลักษณะตัวเลือกที่สามารถเลือกได้หลายตัว
  3. Color Field ฟิล์ดสี สำหรับข้อมูลที่เป็นรหัสสีของเว็บไซต์ ซึ่งจะมีป๊อปอัพ (Pop-up) ให้คลิกเลือก ในช่องข้อมูลจะแสดงเป็นรหัสของสี
  4. Editor Field ฟิล์ดเอดิเตอร์ สำหรับแสดงช่องใส่ข้อมูลแบบ WYSIWYG (What you see is what you get) สามารถใส่ข้อมูล กำหนดรูปแบบ แทรกลิงก์และอื่นๆ
  5. Integer Field ฟิล์ดตัวเลข สำหรับช่องข้อมูลที่ต้องการแสดงเป็นตัวเลขเท่านั้น ซึ่งสามารถกำหนดค่าน้อยที่สุดและมากที่สุด รวมถึงสามารถกำหนดให้เลือกข้อมูลได้มากกว่า 1 ค่าได้
  6. List Field ฟิล์ดรายการ สำหรับแสดงรายการข้อมูลหลายๆ ตัว เป็นรูปแบบ Drop Down ซึ่งสามารถกำหนดได้ว่าให้เลือกรายการเดียวหรือหลายๆ รายการ
  7. List of Images Field ฟิล์ดรายการรูปภาพ สำหรับแสดงรายชื่อรูปภาพในระบบ สามารถกำหนดโฟลเดอร์ที่ต้องการแสดงได้
  8. Media Field ฟิล์ดมีเดีย สำหรับอัพโหลดรูปภาพ และเลือกรูปภาพมาแสดง ซึ่งสามารถกำหนดโฟลเดอร์ที่อัพโหลดและเลือกรูปภาพมาแสดงได้
  9. Radio Field ฟิล์ดเรดิโอ สำหรับแสดงตัวเลือกที่สามารถเลือกได้แค่รายการเดียว
  10. Sql Field ฟิล์ดเอสคิวแอล สำหรับแสดงรายการข้อมูลแบบ Drop Down ซึ่งข้อมูลจะใช้คำสั่งเอสคิวแอลในการดึงข้อมูลมาแสดง
  11. Text Field ฟิล์ดข้อความ สำหรับข้อมูลที่เป็นข้อความ ตัวเลข หรือทั้งสองอย่าง ที่ไม่ยาวมาก
  12. Textarea Field ฟิล์ดกล่องข้อความ สำหรับข้อมูลที่เป็นข้อความ ตัวเลข หรือทั้งสองอย่าง ที่ข้อมูลค่อนข้างเยอะ
  13. Url Field ฟิล์ดลิงก์ สำหรับข้อมูลที่เป็นลิงก์ ไฟล์ หรือที่อยู่เว็บไซต์ สามารถกำหนดรูปแบบของลิงก์ที่ต้องการได้
  14. User Field ฟิล์ดข้อมูลผู้ใช้ สำหรับเลือกข้อมูลผู้ใช้ของระบบ โดยคลิกที่ไอคอนจะแสดงป๊อปอัพ (Pop-up) ให้คลิกเลือกผู้ใช้ที่ต้องการ
  15. Usergroup Field ฟิล์ดข้อมูลกลุ่มผู้ใช้ สำหรับเลือกข้อมูลกลุ่มผู้ใช้ของระบบ ซึ่งจะแสดงรายการข้อมูลแบบ Drop Down สามารถกำหนดได้ว่าเลือกรายการเดียวหรือหลายรายการ

 

วิธีการสร้าง Custom Fields ดังนี้

  1. เข้าไปใน Joomla ในฝั่งของผู้ดูแลระบบดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    เข้าหน้า Joomla ในฝั่งของผู้ดูแลระบบ
  2. จากนั้นก็ทำการสร้าง Field Groups โดยไปที่ Content > Field Groups ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    Content Field Groups
  3. จากนั้นทำการสร้าง Field Groups โดยไปที่ New ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    สร้าง Field Groups
  4. จากนั้นระบุ Field Groups ที่ต้องการจะสร้างดังตัวอย่างในรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    สร้าง Field Groups
  5. เมื่อสร้าง Field Groups มาแล้วเราก็ทำการเพิ่ม Field โดยไปที่ Content > Field ดังรูป
    Content Field
  6. จากนั้นทำการสร้าง Field โดยไปที่ “New” ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    สร้าง Field
  7. จากนั้นทำการเพิ่ม Field ที่ต้องการได้ดังตัวอย่าง
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    เพิ่มข้อมูล Field
  8. จากนั้นสามารถดูผลลัพธ์ได้ในหน้าเขียนบทความ โดยไปที่ Content > Articles > Add New Articles ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    Add New Articles
  9. จากนั้นเลือกแท็บที่เป็นชื่อของ Field Group ที่ได้สร้างไว้ในแท็บด้านบน ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    เลือก Field Group ที่สร้างไว้
  10. จากนั้นเราสามารถเพิ่มข้อมูลได้ ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    เพิ่มข้อมูลลงใน Fields
  11. จากนั้นสามารถนำข้อมูลที่เพิ่มลงใน Field มาแสดงได้ ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    นำข้อมูลที่เพิ่มลงใน Field มาแสดงได้
  12. หากต้องการที่จะนำ Field ไปใช้ในทุกๆบทความก็สามารถสร้างเทมเพลตให้กับบทความได้โดยสามารถทำให้บทความเป็นรูปแบบเดียวกันโดยสามารถทำได้โดยสร้างไฟล์ HTML มาแล้วเขียนโค้ดแล้วได้ดังตัวอย่าง
    <div class="text-center extension-nemeber">(ระบุ ID ของฟิลที่สร้างไว้ในตัวอย่าง ID จะเป็น 8)</div>
  13. จากนั้นก็เอาไฟล์ที่สร้างไปใส่ในโฟลเดอร์ของ Joomla ที่ได้ติดตั้งไว้โดยเข้าไปตามพาส media/editors/tinymce/templates
  14. จากนั้นก็สามารถเรียกใช้เทมเพลตที่สร้างไว้ได้โดยไปที่ Insert Template ดังรูป โดยจะแสดง popup ขึ้นมาให้เราสามารถเลือกเทมเพลตที่เราได้สร้างไว้ได้
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    Insert Template
  15. จากนั้นไปดูในหน้าเว็บผลลัพธ์ที่ได้ดังรูป
    Custom Fields เป็นหนึ่งในคุณลักษณะใหม่ของ Joomla ที่ถูกเพิ่มมาในเว็อร์ชัน 3.7
    ผลลัพธ์ของการนำค่าใน Fields มาแสดง

 

ในการใช้งาน Custom field ใน Joomla เราสามารถทำเทมเพลตให้กับบทความของเราได้โดยในเทมเพลตเราสามารถตกแต่งให้บทความของเราสวยและน่าอ่านได้เพื่อดึงดูดผู้คนให้เข้ามาอ่านได้เยอะอีกด้วย

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Joomla

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการเดินจากบ้านมากทม.
โดย Phakakrong อ 07 ก.ค. 2020 12:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
3
อ 07 ก.ค. 2020 12:03 pm โดย Phakakrong
Note
โดย Phakakrong อ 07 ก.ค. 2020 11:16 am บอร์ด M105 - ผกากรอง กุสาวดี
0
3
อ 07 ก.ค. 2020 11:16 am โดย Phakakrong
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย Phakakrong อ 07 ก.ค. 2020 11:01 am บอร์ด M105 - ผกากรอง กุสาวดี
2
11
อ 07 ก.ค. 2020 11:18 am โดย Phakakrong
ให้เขียนประวัติ และ Job description ที่เคยทำมาแต่ละบริษัท โดยระบุประเภทธุรกิจที่เคยทำมา
โดย Phakakrong อ 07 ก.ค. 2020 11:01 am บอร์ด M105 - ผกากรอง กุสาวดี
0
2
อ 07 ก.ค. 2020 11:01 am โดย Phakakrong
Work's on Hand ผกากรอง กุสาวดี M105
โดย Phakakrong อ 07 ก.ค. 2020 11:00 am บอร์ด M105 - ผกากรอง กุสาวดี
0
3
อ 07 ก.ค. 2020 11:00 am โดย Phakakrong
งานประจำวันที่ 7 กรกฏาคม 2563
โดย Phakakrong อ 07 ก.ค. 2020 10:58 am บอร์ด M105 - ผกากรอง กุสาวดี
1
17
อ 07 ก.ค. 2020 11:23 am โดย Phakakrong
ฟอร์มรับเงิน Omise เราสามารถเปลี่ยน logo ได้มั้ยคะ
โดย thatsawan ศ 03 ก.ค. 2020 6:03 pm บอร์ด Programming - PHP
0
25
ศ 03 ก.ค. 2020 6:03 pm โดย thatsawan
input type="date" ไม่เเสดงเป็นปฎิทินวันที่ให้ใน safari แก้ไขยังไงคะ
โดย thatsawan พฤ 02 ก.ค. 2020 2:31 pm บอร์ด HTML CSS
0
47
พฤ 02 ก.ค. 2020 2:31 pm โดย thatsawan
การสร้าง bot messenger ของ facebook โดยใช้ pymessenger
โดย jirawoot พฤ 02 ก.ค. 2020 1:44 pm บอร์ด Python Knowledge
0
50
พฤ 02 ก.ค. 2020 1:44 pm โดย jirawoot
Q - ทดลองทำเอกสารยื่นแบบผ่านเน็ตแล้ว ไฟล์ txt ใช้ไม่ได้
โดย natthanit.r2538 พ 01 ก.ค. 2020 4:59 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
3
58
พ 01 ก.ค. 2020 5:41 pm โดย natthanit.r2538
สรุปการยื่นแบบภาษีออนไลน์
โดย natthanit.r2538 อ 30 มิ.ย. 2020 5:32 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
61
อ 30 มิ.ย. 2020 7:18 pm โดย natthanit.r2538
หลักการคิดค่าคอมมิชชั่น และวิธีการคิด รายได้จาก Commission
โดย natthanit.r2538 อ 30 มิ.ย. 2020 11:31 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
55
อ 30 มิ.ย. 2020 11:31 am โดย natthanit.r2538
MJUpgrade อัพเกรดไม่สำเร็จ Error: zip file not found
โดย chaiyaphat ศ 26 มิ.ย. 2020 11:01 am บอร์ด Joomla Development
3
510
ศ 26 มิ.ย. 2020 1:24 pm โดย mindphp
ตั้งค่าใช้ Email ใน phpbb เเล้ว ไม่ทำงาน
โดย thatsawan พฤ 25 มิ.ย. 2020 5:37 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
5
104
ส 27 มิ.ย. 2020 4:43 pm โดย thatsawan
เจอปัญหาตอนทำรายการ Omise เป็นบางครั้ง Error Uncaught OmiseInvalidChargeException
โดย thatsawan พฤ 25 มิ.ย. 2020 3:56 pm บอร์ด Programming - PHP
2
77
จ 29 มิ.ย. 2020 5:29 pm โดย thatsawan
ต้องการจะสร้างไฟล์ HTML เเต่นำค่า php ไป HTML โดย Twig เขียนใน phpbb จะทำยังไงคะ
โดย thatsawan พ 24 มิ.ย. 2020 5:45 pm บอร์ด Programming - PHP
3
79
พฤ 25 มิ.ย. 2020 3:49 pm โดย Sirayu
ถ้าเราต้องการแสดงค่าตอน onchange ใน option ที่มี value มากกว่า 1
โดย thatsawan อ 23 มิ.ย. 2020 12:51 pm บอร์ด JavaScript & Jquery Ajax
2
134
อ 23 มิ.ย. 2020 3:01 pm โดย thatsawan
4 จุดเช็คอิน เกาะล้าน ยอดฮิต
โดย A2d จ 22 มิ.ย. 2020 10:44 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
79
ส 27 มิ.ย. 2020 12:01 am โดย A2d
ต้องการจะเปลี่ยนคำปุ่ม omise จาก Pay with Omise เป็นคำที่เรากำหนดขึ้นเอง
โดย thatsawan จ 22 มิ.ย. 2020 5:18 pm บอร์ด PHP Knowledge
2
110
จ 22 มิ.ย. 2020 5:39 pm โดย thatsawan
สาเหตุที่เด็กทารกแพ้นมวัว คุณแม่จะรับมือปัญหานี้อย่างไรดี
โดย medalezga จ 22 มิ.ย. 2020 1:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
70
จ 22 มิ.ย. 2020 1:58 pm โดย medalezga