6 พฤศจิกายน 2553

จัดรูปแบบบทความด้วย News Show Pro GK1



โมดูลที่ช่วยจัดการบทความหน้าเว็บไซต์ให้เกิดความสวยงาม รูปแบบการปรับแต่งค่อนข้างหลากหลายและครอบคลุมดี ใช้งานไม่ยากเท่าไหร่ รูปร่างหน้าเป็นอย่างไร คงต้องไปดู ที่ demo page ของผู้พัฒนา http://tools.gavick.com/demo/news-show-pro-gk1 เอาเป็นว่าไม่พูดมาก มาดูการใช้งานกันดีกว่า



compat_15_native ext_mod ext_plugin
 

เมื่อติดตั้งเสร็จแล้วจากนั้นก็เข้ามาที่ module manager หาโมดูลที่ชื่อ News Pro GK1
โมดูลพารามิเตอร์

Module unique ID คือชื่อโมดูลตั้งให้ต่างกันกรณีใช้ 2 โมดูลใน 1 หน้าเพจ
Main block width , Links block width กำหนดความกว้าง ความสูงของโมดูลแสดงผล
Table cell padding ระยะความห่างของขอบบทความ กำหนดเป็น % หรือ px


เลือก section, categories ที่ต้องการให้บทความมาแสดงที่ News Show Pro GK1



รูปแบบการแสดงผลของบทความ เช่น จำนวนบทความ จำนวนคอลั่มน์



ตัวอย่างการแสดงผลแบบ 2 คอลั่มน์ 6 บทความ


Show list with links แสดง category
Select position of list with links ตำแหน่งการจัดว่า ดูได้จากรูปด้านบน



เปิด/ปิด ตำแหน่งรายละเอียดต่าง ๆ ดูตามหมายเลขด้านบน



ส่วนจัดการรูปแบบของเนื้อหา เช่น หัวข้อ รูปภาพ เนื่อเรื่อง และลิ้งก์อ่านต่อ



รูปแบบการจัดเรียงเนื้อหา หมายเลข 1 คือบนสุด 2, 3, 4 เรียงกันลงมา


สามารถกำหนดใส่/ไม่ใส่ rel="nofollow" ให้กับลิ้งก์ได้ด้วย
target in รูปแบบการเปิดหน้าลิ้งก์ _self คือ เปิดหน้าเพจใหม่ด้วยหน้าต่างเบราเซอร์เดิม _blank คือเปิดหน้าเพจใหม่ด้วยหน้าต่างเบราเซอร์ใหม่


ส่วนนี้เป็นการกำหนดการตัดบทความ




News image width, News image height กำหนดความกว้างความสูงของรูปย่อ ใช้หน่วยวัดเป็น px
News image margin คือ กำหนดระยะห่างรอบ ๆ รูป ใช้หน่วยวัดเป็น px
Thumbs background คือ สีพื้นหลังของรูป
Thumbs stretch คือ การยืดรูปย่อ
Thumbs quality คุณภาพของรูปย่อ กำหนด 1-100 ค่า 100 คือ ดีที่สุด (ดีที่สุดขนาดรูปก็ใหญ่ตามคุณภาพของรูป)
Cache time ระยะเวลาการเก็บแคชรูปชั่วคราว กำหนดเป็น 0 หากไม่ต้องการใช้การแคช
จบการใช้งาน
ดาวน์โหลด News Show Pro GK1


ลิ้งก์ดาวน์โหลดสำรอง

ปรับแต่งเมนูแบบไอคอน ให้สวยงาม ด้วย UserToolbar




UserToolbar เป็นคอมโพเน้นท์ ทูลบาร์ เมนู สวย ๆ สามารถปรับแต่งได้ตามใจโดยไม่ต้องสนใจว่าจะต้องไปวางที่ตำแหน่งไหนของ template มีไอคอนให้เลือกใช้หลากหลายและสามารถอัพโหลดไอคอนของตนเองได้ สำหรับท่านที่ไม่มีที่จะวางเมนูแล้ว หรือต้องการความสวยงามแปลกใหม่ให้กับเว็บไซต์ ตัวนี้ประกอบด้วยคอมโพเน้ท์และปลั๊กอิน ติดตั้งครั้งเดียว ได้ทั้งสองอย่าง หน้าตาของทูลบาร์ตัวนี้เป็นอย่างไรลองเข้าไปดู demo ได้ที่นี่ http://j.l33p.com/ubar

compat_15_native ext_com ext_plugin


เมื่อติดตั้งเสร็จก็จะขึ้นข้อความอย่างนี้


จากนั้นก็เข้ามาที่ components >> user toolbar >> configuration


ด้านซ้ายมือจะเป็นหน้า Preview ส่วนด้านขวานั้นเป็นพารามิเตอร์เอาไว้ปรับค่าต่าง ๆ





เอาล่ะ สาธิตการสร้างเมนูสักอัน


คลิ๊กที่ แท็บเมนู toolbar buttons ที่อยู่ด้านซ้ายมือ จากนั้นคลิ๊กที่ new



เพียบ จะเลือกลิ้งก์ไปที่ไหนก็คลิ๊กเลือกเอาเลยครับ แต่ผมเลือก main menu



ใส่ Name, Description จากนั้นคลิ๊กที่ icon เพื่อเลือกไอคอน



มีไอคอนมากมายให้เลือก


หรือจะเลือกอัพโหลดไอคอนเองก็ได้


ผมจะเลือกไอคอนที่เป็นรูปบ้านก็แล้วกัน


แล้วคลิ๊กเลือกให้ลิ้งก์มาที่ home หรือหน้าแรกนั้นเองอย่าลืมคลิ๊ก enable ด้วยนะครับจากนั้นก็ทำการ save



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




จบการใช้งาน
ดาวน์โหลด UserToolbar

ลิ้งก์ดาวน์โหลดสำรอง ubar_0.9.3_2009-12-31 (เข้าสู่ระบบก่อน)