Archive for the ‘แกลเลอรี่ (NextGEN Gallery)’ Category

วิธีใช้ NextGEN แกลเลอรี่ เป็นห้องแสดงภาพ

ปลั๊กอินเกี่ยวกับการจัดการภาพสำหรับเวิร์ดเพรสที่นิยมกันมาก คงหนีไม้พ้น NextGEN Gallery วันนี้ผมจะมาแนะนำการใช้งานปลั๊กอินตัวนี้กันครับ ถ้าใครยังไม่มี ดาวน์โหลดที่นี่ คลิก ส่วนการติดตตั้งก็เหมือนกับการติดตั้งปลั๊กอินทั่วไปครับ ดูตัวอย่างเว็บที่ใช้ NextGEN คลิกดู
เมนูทั่วไปของ nextgen ดูตามรูปและผมจะอธิบายคร่าวๆ

nextgen01
1. Overview = สำหรับดูภาพรวมทั่วๆไป เช่น จำนวน gallery , จำนวนภาพทั้งหมด เป็นต้น
2. Add Gallery / Image = สำหรับ เพิ่มชื่อแกลเอลรี่ และเพิ่มรูปภาพครับ อันนี้จะใช้บ่อยมากตอนเพิ่มรูปเข้าไป ซึ่งจะอธิบายต่อไป
3. Manage Gallery = สำหรับแก้ไขแกลเลอรี่ และแก้ไขภาพ เช่น ลบรูป ใส่รายละเอียดของรูป เปลี่ยนชื่อ เป็นต้น
4. Album = สำหรับรวบรวมแกลเลอรี่ให้เป็นหมวดหมู่ เช่นอัลบัมท่องเที่ยว จะรวมแกลเอลรี่ เช่น ท่องเที่ยวภูเขา ทางน้ำ เป็นต้น
5. Tags = ติดป้ายให้กับให้กับรูปภาพของเรา เพื่อง่ายต่อการค้นหาภายในเว็บไซต์
6. Option = เป็นตัวเลือกเสริมสำหรับปลั๊กอินนี้
7. Style = แก้ไขสไตล์การนำเสนอของปลั๊กอิน อันนี้ต้องมีความรู้เรื่องภาษา HTML พอสมควรครับ
8. Setup = ตั้งค่าต่างๆ ของปลั๊กอิน เช่น ให้แสดงกี่ภาพต้อหนึ่งหน้า , การทำรูปย่อ , การทำลายน้ำ เป็นต้น
9. Roles = ตั้งค่าอนุญาติ ว่าให้ใครสามารถใช้แกลเลอรี่ได้บ้าง
10. About = เกี่ยวกับคนที่ทำปลั๊กอินตัวนี้ให้เราใช้กัน

ตัวอย่าง การใส่รูปเข้าแกลเลอรี่
1. ให้เข้าเมนู Add Gallery / Images แล้วจะเจอรูปข้างล่างนี้ครับ
nextgen02

ถ้าเรายังไม่มีชื่อแกลเลอรี่ ให้ใส่ชื่อแกลเลอรี่ก่อน ชื่อของแกลเลอรี่ควรจะเป็นภาษาอังกฤษนะครับ และไม่ควรมีช่องว่าง เช่น cat-dog เป็นต้น แล้วกดปุ่ม Add gallery ตรงเลข 2 จากนั้นก็เลือกแท้บ Upload Images ตรงเลข 3 ครับ ต่อไปจะเป็นดังรูปข้างล่างนี้
nextgen03
ผมลืมบอกไป ในกรณีที่ทำชื่อแกลเลอรี่แล้วสามารถไปที่ Upload Images ได้เลยครับ
พอมาถึงตรงนี้ เป็นขั้นตอนการอับโหลดรูปที่เราเตรียมมา เราควรจะย่อรูปไว้แล้วนะครับ เพราะรูปที่จะอับไม่ควรนำรูปขนาดเดิมที่มาจากกล้องดิจิตอลของคุณ เพราะขนาดรูปมันใหญ่มาก ควรจะปรับย่อก่อน ขนาดที่แนะนำคือ กว้างไม่เกิน 600 pixel (คลิกดูวิธีการย่อรูปถ่าย ด้วย ACDSee)
เอาละเมื่อเราเตรียวรูปไว้แล้ว ให้คลิกที่เลข 2 เพื่อหารูปจากเครื่องของเรา (สามารถเลือกทีละหลายรูปได้โดยกดปุ่ม Ctrl ค้างไว้ขณะเลือกรูป แต่ไม่คสรเกินครั้งละ 10 รูป) เมือเลือกรูปเสร็จโปรแกรมจะแสดงชื่อรูปก่อน
จากนั้น ให้เลือกว่าเราจะเอารูปไปเก็บไว้แกลเลอรี่ไหน ที่เลข 3 และคลิก Upload Images ที่เลข 4 ได้เลยครับ โปรแกรมจะอับโหลดและสร้างรูป Thumbnail ให้อัตโนมัติ รอจนเสร็จ
สุดท้ายเราก็จะได้รูปไปใส่ในเรื่องหรือหน้าเว็บของเราได้แล้วครับ

ขั้นตอนการนำรูปใส่ไว้ในบทความ
สมมุติว่าเราจะใส่รูปลงเรื่องเรื่องหนึ่ง ก็เหมือนกับการสร้างเรื่องปรกติ แตเมื่อเราลงปลั๊กอิน NextGEN แล้วจะมีไอคอนเครื่องมือของ NextGEN มาให้ด้วย ดูรูปข้างล่างนี้
nextgen04
คลิกตามรูปที่ไอคอน NextGEN เลยครับ จากนั้นจะมีหน้าต่างขึ้นมาตามรูปข้างล่างนี้
nextgen05
การใส่รูปสามารถใส่ได้หลายแบบ ตัวอย่างนี้ใส่รูปในแกลเอลรี่ครับ ทำตามนี้
1. เลือก Gallery
2. เลือกแกลเลอรี่ที่ทำไว้
3. Insert(แทรก) ลงเนื้อหาได้เลย จะได้โค้ดโปรแกรมมา
จากนั้น อับเดทเรื่องและลองเปิดหน้าเว็บดูที่เรื่องที่เราใส่ไว้ ก็จะเห็นรูปเป็แถวเลยครับ
ลองดูนะครับ