goonila
Welcome to goonila web blogger's by dk_antikorn
6 พฤศจิกายน 2553
จัดรูปแบบบทความด้วย News Show Pro GK1
โมดูลที่ช่วยจัดการบทความหน้าเว็บไซต์ให้เกิดความสวยงาม รูปแบบการปรับแต่งค่อนข้างหลากหลายและครอบคลุมดี ใช้งานไม่ยากเท่าไหร่ รูปร่างหน้าเป็นอย่างไร คงต้องไปดู ที่ demo page ของผู้พัฒนา http://tools.gavick.com/demo/news-show-pro-gk1 เอาเป็นว่าไม่พูดมาก มาดูการใช้งานกันดีกว่า
เมื่อติดตั้งเสร็จแล้วจากนั้นก็เข้ามาที่ 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
เมื่อติดตั้งเสร็จก็จะขึ้นข้อความอย่างนี้
จากนั้นก็เข้ามาที่ components >> user toolbar >> configuration
ด้านซ้ายมือจะเป็นหน้า Preview ส่วนด้านขวานั้นเป็นพารามิเตอร์เอาไว้ปรับค่าต่าง ๆ
เอาล่ะ สาธิตการสร้างเมนูสักอัน
คลิ๊กที่ แท็บเมนู toolbar buttons ที่อยู่ด้านซ้ายมือ จากนั้นคลิ๊กที่ new
เพียบ จะเลือกลิ้งก์ไปที่ไหนก็คลิ๊กเลือกเอาเลยครับ แต่ผมเลือก main menu
ใส่ Name, Description จากนั้นคลิ๊กที่ icon เพื่อเลือกไอคอน
มีไอคอนมากมายให้เลือก
หรือจะเลือกอัพโหลดไอคอนเองก็ได้
ผมจะเลือกไอคอนที่เป็นรูปบ้านก็แล้วกัน
แล้วคลิ๊กเลือกให้ลิ้งก์มาที่ home หรือหน้าแรกนั้นเองอย่าลืมคลิ๊ก enable ด้วยนะครับจากนั้นก็ทำการ save
มาดูที่หน้าเว็บกัน หน้าตาก็จะเป็นอย่างนี้ครับเมื่อลองคลิ๊กที่รูป กากบาท เมนูจะถูกย่อลงไปดังรูปด้านล่าง
จบการใช้งาน
ดาวน์โหลด UserToolbar
ลิ้งก์ดาวน์โหลดสำรอง ubar_0.9.3_2009-12-31 (เข้าสู่ระบบก่อน)
สมัครสมาชิก:
บทความ (Atom)