morfeoshow คอมโพเน้นท์ แกลลอรี่รูปภาพ ที่มีสมาชิกแนะนำเข้ามาบอกว่าช่วย review ให้ชมกันหน่อย ก็เลยจัดให้ครับ เมื่อก่อนก็เคยลองใช้ครับ แต่ความสามารถยังไม่เยอะเท่านี้ พอมาลองใช้อีกที พัฒนาขึ้นเรียกได้ว่าดีมาก ๆ ทั้งในการแสดงรูปภาพ การจัดการเกี่ยวกับการอัพโหลดรูปภาพ ที่ถูกใจคือสามารถทำงานร่วมกับ Flickr, Picasa, google map API เวอร์ชั่นที่ทดสอบคือเวอร์ชั่น 1.2.0 เอาล่ะ มาดูกันดีกว่าว่าใช้งานกันอย่างไร

 

extensions ของ morfeoshow มีด้วยกัน 2 ตัวคือ คอมโพเน้นท์และปลั๊กอิน ตัวปลั๊กอินช่วยให้สามารถนำแกลลอรี่รูปภาพแทรกลงในบทความได้ ซึ่งจะได้กล่าวต่อไป

การติดตั้งคอมโพเน้นท์ เมื่อติดตั้งแล้วจะเข้ามาสู่หน้านี้ เป็นหน้าสำหรับตรวจสอบ permission ของไฟล์และโฟล์เดอร์ที่จะใช้งาน หากยังไม่สามารถเขียนได้ (writable) ก็จัดการเปลี่ยน permission ให้สามารถเขียนได้ซะ (หากต้องการศึกษาเรื่องการเปลี่ยน permission เพิ่มเติมที่นี่) จากนั้นก็กดที่ปุ่ม continue เพื่อทำการติดตั้ง

 

เมื่อติดตั้งเสร็จก็จะมาที่หน้านี้จากนั้นมาดูที่แท็บเมนู settings

ส่วนของการตั้งค่าต่าง ๆ แท็บเมนูแรก general ตั้งค่าทั่ว ๆ ไปเกี่ยวกับการกำหนดค่า google map ID และ Flickr ID หากไม่ได้ใช้งานในส่วนนี้ก็ว่างไว้ได้

 

แท็บเมนูที่ 2 Classic gallery settings เป็นการกำหนดค่าต่าง ๆ ของ Classic gallery คือแกลลอรี่รูปภาพแบบธรรมดารที่อัพโหลดจากเครื่องขึ้นไปบน host

 

แท็บเมนูที่ 3 CSS style หากไม่พอใจสีสันอันเดิม ๆ ก็กำหนด css เพิ่มเติมได้ในส่วนนี้

 

เลื่อนมาเรื่อย ๆ ผมไม่ขอปรับแต่งค่าอะไรเพิ่มเติมโดยจะใช้ค่าปกติที่มีอยู่

 

 

มาที่แท็บเมนู manage galleries

จากนั้นคลิ๊กที่ new เพื่อสร้าง แกลลอรี่ รูปภาพใหม่

 

title ชื่อแกลลอรี่

Thumbnail รูปย่อสำหรับแกลลอรี่

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

classic gallery แกลลอรี่แบบคลาสสิก มี template ให้เลือกใช้งานหลายอัน กำหนดส่วนคอลั่มน์ของรูปภาพ

 

Image Rotator ลักษณะเป็นรูปแบบสไลด์โชว์

 

Simple Viewer

 

Flickr Galleries หากใครใช้ Flickr ก็สามารถนำรูปจาก Flickr นำมาทำเป็นแกลลอรี่ได้

 

เช่นเดียวกัน ใครที่ใช้ picasa อยู่ก็นำรูปจาก picasa มาแสดงได้ด้วยเช่นกัน

Picasa Username คือชื่อ account ของ picasa ส่วนมากก็เป็นอีเมล์ ของ gmail

Picasa Album id เป็นชื่อ account เหมือนกันแต่ตัด @gmail.com ออก

หรือดูได้ที่ picasa web albums

หากต้องการให้รูปภาพลิ้งก์ไปที่ แกลลอรี่แต่อัลบัม ภายใน picasa โดยไม่ต้องโชว์ อัลบัมทั้งหมด

 

ให้คลิ๊กที่ RSS

ก็อปปี้เฉพาะ albumid มาใส่ในช่อง Picasa Album id

 

เมต้าดาต้า เดี๋ยวนี้ seo ค่อนข้างสำคัญ ใส่เข้าไป Metadesc Information คือ คำอธิบายสั้น ๆ Metakey Information คือ คีย์เวิร์ด

เมื่อเลือกได้แล้วว่าจะใช้แกลลอรี่แบบไหนจากนั้นก็ทำการ save

 

เมื่อ save เสร็จแล้วก็ทำการอัพโหลด (แกลลอรี่แบบ Classic ที่สามารถอัพโหลดได้) คลิ๊กที่ upload ที่เป็นรูปลูกศรสีส้มชี้ขึ้นด้านบน

 

 

คลิ๊ก browse.. เพื่อเลือกรูปภาพที่อยู่ภายในเครื่องคอมพิวเตอร์ของคุณ

 

เมื่อเลือกรูป ตั้งชื่อรูป ใส่คำอธิบาย (ใส่หรือไม่ก็ได้) จากนั้นก็ทำการ save image แล้วก็ทำการเลือกรูปต่อไป สามารถทำการเลือได้หลายรูปแล้วทำการอัพโหลดในคราวเดียว

 

 

เมื่อเลือกรูปที่ต้องการเรียบร้อยต้องการจะอัพโหลดรูปขึ้นไป ให้คลิ๊กที่ add multiple images

 

จากนั้นกด add images

 

 

รูปภาพก็จะถูกอัพโหลดขึ้นไป สามารถแก้ไขรายละเอียดหรือลบรูปภาพได้ด้วยเมนูด้านหลัง

 

มาถึงการสร้างลิ้งก์เชื่อมโยงไปหาตัวคอมโพเน้นท์ เข้าที่ menus >> เมนูที่ต้องการสร้างลิ้งก์เชื่อมโยง

 

คลิ๊กที่ new

 

เลือกที่ morfeoshowตั้งชื่อเมนู แล้วทำการ save

 

มาดูรูปแบบด้านหน้าเว็บกัน

 

 

แกลลอรี่ที่นำรูปจาก picasa มาแสดง

 

 

เมื่อคลิ๊กที่รูปจะแสดงรูปขึ้นมาเป็นรูปขนาดใหญ่

 

 

 

แกลลอรี่ แบบ Classic ที่อัพโหลดรูปจากเครื่องขึ้นไปไว้บน host

 

 

เมื่อคลิ๊กที่รูปจะแสดงรูปใหญ่ขึ้นมา

 

 

Flickr Galleries ในส่วนนี้ผมไม่มี account ของ Flickr เลยอดชมกัน (แต่รูปแบบน่าจะคล้าย ๆ กับ picasa)

 

มาดูในส่วนของปลั๊กอินว่าใช้ทำอะไร

 

เมื่อติดตั้งตัวปลั๊กอินเสร็จต้องทำการ enable ให้ปลั๊กอินทำงานก่อนเข้า plugin manager หา content – morfeoshow จากนั้นทำการ enable ให้ปลั๊กอินทำงาน

 

 

เข้ามาที่ components morfeoshow จะเห็น plugin ID ด้านหลัง ให้นำค่าตรงนั้นมาใส่ ที่เนื้อหาของ joomla

 

จะเป็นการเรียกเอา แกลลอรี่นั้น ๆ มาแสดงในบทความ/เนื้อหา ของ joomla

จบการใช้งาน

ดาวน์โหลด

 

ดาวน์โหลด morfeoshow

ลิ้งก์ดาวน์โหลดสำรอง (ล็อกอินเข้าระบบก่อน)

 

ดาวน์โหลด morfeoshow (คอมโพเน้นท์)

 

ดาวน์โหลด morfeoshow (ปลั๊กอิน)