เพื่อนๆหลายคนที่ใช้ Joomla เชื่อว่าคงเจอปัญหาในการจัดข่าวหน้าแรกเพราะรูปแบบการจัดข่าวของ Joomla เดิมๆนั้นปรับอะไรไม่ค่อยได้ แถมยังไม่สวยเข้ารูปเข้ารอยอีก วันนี้ผมจะแนะนำ Module ในการจัดข่าวหน้าแรกให้สวยงามกันครับโดยใช้ New Show Pro GK1 ไปดูขั้นตอนการติดตั้งและตั้งค่ากันครับ

ขั้นตอนแรกเลยนะครับให้เพื่อนดาวน์โหลดไฟล์มา และแตกไฟล์ก่อนเพื่อนๆจะเจอไฟล์ mod_news_pro_gk1.zip ให้เพื่อนทำการติดตั้งไฟล์นี้ก่อนนะครับ เมื่อติดตั้งแล้วให้ไปที่ Extensions >> Module Manager และคลิกที่ไฟล์ News Pro GK1 เพื่อเข้าไปตั้งค่า

เมื่อเข้ามาแล้วเรามาดูรายละเอียดการตั้งค่าต่างๆกันครับ

• Module Class Suffix: ค่าเสริมท้ายคลาสของโมดูลไว้สำหรับเปลี่ยนสีโมดูลเป็นต้น
• Module unique ID: หมายเลข ID ของโมดูลในกรณีที่มี 2 โมดูลใน 1 หน้าเลขห้ามเหมือนกัน
• Main block width: กำหนดขนาดความกว้างของ ตัวแสดงข่าวหลัก
• Links block width:กำหนดความกว้างของตัวแสดงแบบลิงค์(ในแบบนี้จะไม่แสดงรูปภาพ)
• Table cell padding: ใส่ระยะห่างระหว่างขอบถึงข้อความ
• Section: เลือกหมวดหมู่ Section ที่ต้องการให้แสดงในโมดูล
• Category: เลือกหมวดหมู่ Category ที่ต้องการให้แสดงในโมดูล
• Sections: เลือก Sections ที่ต้องการให้แสดงในกรณีแสดงมากกว่า 1 ให้ใส่ ID ของ Section นั้นแต่คั่นด้วย “,”
• Categories: เลือก Category ที่ต้องการให้แสดงในกรณีแสดงมากกว่า 1 ให้ใส่ ID ของ Section นั้นแต่คั่นด้วย “,”
• IDs: เลือก บทความที่ต้องการให้แสดงโดยใส่เป็น ID กรณีแสดงมากกว่า 1 ให้ใส่ ID ของ Section นั้นแต่คั่นด้วย “,”
• Module mode : เลือกโหมดการแสดงของโมดูล
• Amount of articles pages : กำหนดจำนวนบทความที่จะให้แสดงในหน้า
• Amount of links pages : กำหนดจำนวนลิงค์ที่จะให้แสดงในหน้า
• Amount of columns : กำหนดจำนวนคอลัมน์ที่จะให้แสดงในหน้า
• Amount of rows : กำหนดจำนวนแถว
• Links amount : กำหนดนจำนวนลิงค์ทั้งหมด
• News sort value: กำหนดการเรียงลำดับของข่าว
• News sort order : กำหนดการเรียงลำดับของข่าว
• Showing frontpage articles: กำหนดว่าต้องการให้แสดงในหน้าแรกหรือไม่
• Show unauthorize links : หากคุณต้องการแสดงบทความทั้งหมดโดยไม่ได้รับข้อมูล เกี่ยวกับผู้ใช้สิทธิ์.
• Show only frontpage articles: กำหนดว่าให้แสดงในหน้าแรกเท่านั้นใช่หรือไม่
• Number of first news : เป็นที่ใช้ได้เมื่อคุณต้องการบทความใน tabmods ในกรณีไม่ได้ใช้ให้ตั้งเป็น 0
• Show list wit links : เปิดใช้งานถ้าคุณต้องการแสดงรายการพร้อมด้วยลิงก์.
• Select position of listw with links : กำหนดตำแหน่งของลิงค์ ด้านล่าง , ด้านซ้าย , ด้านขวา
• Readmore : กำหนดคำที่จะใช้อ่านต่อ
• News header - link : กำหนดให้ หัวเรื่องเป็นลิงค์
• News image - link : กำหนดให้รูปภาพเป็นลิงค์
• News text - link: กำหนดให้ข้อความบทความเป็นลิงค์
• Show news author : แสดงชื่อผู้เขียน
• Show news categories : แสดงหมวดหมู่
• Show news date : แสดงวันที่
• Show 'More in' text : แสดงรายการเพิ่มเติม
• Date format : กำหนดรูปแบบการแสดงวันที่
• Author name: กำหนดรูปแบบชื่อผู้เขียน
• News content - header position ถึง News content - readmore position : เป็นตัวกำหนดรูปแบบการแสดงผลต่างๆไม่ว่าจะชื่อหัวเรื่องรูปภาพ ข้อความ ว่าจะให้แสดงอยู่ในตำแหน่งไหน
• News content - header order ถึง News content - info order : เป็นตัวกำหนด จัดระบบการแสดง
• nofollow in head links ถึง target _blank in readmore links : เป็นตัวกำหนดว่าว่าให้ลิงค์ต่างๆเป็น Nofollow (ให้บอทไปอย่างเดียว) และกำหนดให้ลิงค์แต่ละลิงค์เป็น target _blank (เปิดในหน้าต่างใหม่)
• News text limit type: เลือกประเภทของการกำหนดคำ
• Maximal amount of words or characters : กำหนดจำนวนเนื้อหาข่าวที่จะให้แสดงในโมดูล
• Maximal amount of characters in title : กำหนดจำนวนตัวอักษรที่จะให้แสดงชื่อเรื่อง
• Max. amount of chars in list element title : กำหนดจำนวนตัวอักษรชื่อเรื่องที่จะแสดงบนรายการลิงค์
• Max. amount of chars in list element text: กำหนดจำนวนตัวอักษรเนื้อหาที่จะแสดงบนรายการลิงค์
• Clean (X)HTML in content : ทำความสะอาด (X)Html ในบทความแนะนำให้ปรับเป็นเปิดการใช้งาน
• Plugin support : หากคุณต้องการใช้รูปใน Phto Slide ในโมดูลนี้ต้องเปิดการใช้งาน
• Use only plugin images: เปิดใช้งานหากคุณต้องการใช้ปลั๊กอินสำหรับ ภาพ เท่านั้น
• News image height : กำหนดความสูงของรูปเช่น 100px
• News image width : กำหนดความกว้างของรูปเช่น 100px
• News image margin: กำหนดระยะห่างระหว่างขอบของรูปภาพที่ถึงเส้นกรอบ

เมื่อตั้งค่าต่างๆเสร็จแล้วให้เพื่อน Save ไว้ครับและไปต่อกันที่ Components >> Photoslide GK2  >> Plugin >> Install Plugin และทำการติดตั้งไฟล์ plg_news_pro_gk1.zip  ที่อยู่ในโฟลเดอร์ plugin_for_photoslide_gk2

สำหรับใครที่ไม่มี Photoslide GK2 หรือไม่รู้ว่ามันคืออะไรให้ดาวน์โหลไฟล์ได้ที่ Download PhotoSlide GK2

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

ต่อไปให้้เราไปที่ Components >> Photoslide GK2  >> Group และเลือกที่ Add Group

เมื่อเข้ามาแล้วให้ตั้งค่าต่างๆครับ เมื่อตั้งค่าเสร็จแล้วให้คลิก Group ที่เราทำการสร้างขึ้นมาครับ

เมื่อเข้ามาแล้วเราจะทำการ Add Slide กันนะครับโดยผมจะเปลี่ยนรูปหน้าบทความจากรูปปกติเป็นอีกรูป

ใส่ข้อมูลลงไปครับแระเลือกข่าวที่เราต้องการเปลี่ยนรูปที่จะโชว์ในโมดูล เมื่อเสร็จแล้วให้ Save

คราวนี้ออกมาดูทางด้านหน้าเว๊บไซต์กันครับ จะเห็นว่ารูปข่าวการเมืองผมกลายเป็นผู้หญิงน่ารักซะงั้น

แต่พอคลิกเข้าไปจะกลายเป็นรูปปกติครับ

บทความนี้เป็นการแนะนำพื้นฐานการตั้งค่านะครับเพื่อนๆสามารถดูรายละเอียดเพิ่มเติมได้ในโฟลเดอร์ Doc !! และสามารถดูตัวอย่างแต่ละแบบได้ที่ New Show Pro Demo

เทคนิคเล็กๆน้อยๆนะครับ เพื่อนๆสามารถปรับพื้นหลังเป็นสีดำได้โดยการใส่ -sfx dark ที่คำเสริมท้ายคลาสโมดูลครับ และเพื่อนๆคนไหนที่ไม่ต้องการให้แสดง List Link ให้ปรับที่ Links block width เป็น 1 และปรับที่ Show list wit links เป็น DisBle