SlideShare a Scribd company logo
1


คลังภาพบน Wordpress.org ด้วย NextGEN Gallery
   อีกหนึ่งความสามารถที่ชอบมากๆ ของ Wordpress.org คือ การสร้างคลังภาพ (Gallery) ดวย Wordpress.org
                                                                                     ้
   เพราะ Wordpress มี Plug-ins ใหเ้ ลือกใชงานหลายตว NextGEN Gallery นับเป็ นตัวที่โดดเด่นมาก รองรับการ
                                          ้       ั
   ทํางานกับกลุ่มภาพจํานวนมากได้ ทํางานกับ EXIF และ IPTC Metadata ของภาพได้

การตดต้ง NextGEN Gallery
    ิ ั
   การใช้งาน NextGEN Gallery ทาไดโดยดาวน์โหลด Plug-ins น้ ีจาก http://wordpress.org/extend/plugins/ แลว
                                  ํ ้                                                                 ้
   ค้นด้วยคําค้น nextgen gallery จะปรากฏผลลัพธ์ ดังนี้




   คลิกที่รายการ NextGEN Gallery จะปรากฏจอภาพรายละเอียด Plug-ins ดังนี้




   คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
2

คลิกป่ ุม Download จะไดแฟ้ม Plug-ins ชื่อ nextgen-gallery.zip ให้ unzip แลวคดลอกโฟลเดอร์ nextgen-gallery
                       ้                                                  ้ ั
ไปไวที่โฟลเดอร์ plugins ของ Wordpress ที่เตรี ยมพัฒนาเว็บ เช่น C:AppServwwwwordpresswp-
      ้
contentplugins

จากน้ นเปิดเวบไซต์ เขาสู่ เวบที่พฒนาดวย Wordpress เช่น http://localhost/wordpress/ เลื่อนหาคําสัง Log in
       ั        ็       ้ ็ ั        ้                                                          ่
เพื่อเข้าสู่ โหมดจัดการเว็บไซต์




เข้าสู่ ระบบด้วย Username และ Password ที่กาหนด จะปรากฏส่ วนบริ หารจัดการเว็บไซต์ ดังนี้
                                           ํ




จากหนาเวบส่วนบริหารจดการเวบไซต์ จะตองเปิดใชงาน Plug-ins NextGEN Gallery ก่อน โดยเลือกเมนู
       ้ ็             ั    ็      ้       ้
                 ่ ้
Plugins (ปรากฏอยูดานซ้ายของจอภาพ)



คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
3




จะปรากฏ Plug-ins ชื่อ NextGEN Gallery ให้คลิกรายการคําสัง “Activate” เพื่อเปิ ดใช้งาน Plug-ins โดยจะ
                                                        ่
          ่
สังเกตได้วามีเมนู Gallery ปรากฏในแถบเมนูดานซ้ายเพิ่มขึ้นมา
                                          ้




ตอนนี้ Wordpress ก็พร้อมแล้วสําหรับการบริ หารจัดการคลังภาพ


คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
4

การทาคลงภาพ
    ํ ั
  การสร้างคลังภาพทําได้โดยเริ่ มจากการคลัง “หมวดภาพ หรื อ Gallery” ก่อน ด้วยคําสัง Gallery, Add
                                                                                 ่
  Gallery/Images




  จะปรากฏจอภาพทํางานกับ Gallery/Images ดังนี้




  เริ่ มด้วยการป้ อนชื่อ Gallery โดยใชภาษาองกฤษผสมดวย 0 – 9 สามารถใช้อกขระพิเศษคือ – หรื อ _ จากน้ นคลิก
                                          ้   ั    ้                  ั                            ั
  ป่ ุม Add gallery ก็จะเข้าสู่ การนําเข้าภาพ




  คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
5

  การนําเข้าภาพ สามารถนําเข้าทีละภาพ หรื อนําเข้ากลุ่มภาพโดยนําภาพทั้งหมดที่ตองมา zip ก่อน จากน้ นคลิก
                                                                             ้                   ั
  เลือกคําสัง Upload a Zip-File
            ่




  ต่อดวยการเลือกไฟล์ Zip ที่เตรี ยม เลือก Gallery แลวคลิกป่ ุม Start upload จากน้ นรอเพื่อใหโปรแกรมนาเขา
      ้                                             ้                             ั         ้       ํ ้
  ระบบและปรับขนาดภาพตามระบบ เมื่อระบบจัดการนําเข้าภาพเรี ยบร้อยแล้ว จะรายงานผล ดังนี้




การนําเสนอภาพ
  เมื่อสร้าง Gallery ของภาพแลว ถดไปกจะเป็นการนาเสนอภาพ โดยใชหลกการเดียวกบการสร้างเน้ือหาใหม่
                             ้ ั       ็      ํ             ้ ั         ั
  แบบ Post คือ คลิกเลือกเมนูสร้าง Post ใหม่




  ปรากฏจอภาพสร้าง Post ใหม่ ดังนี้




  คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
6

ป้อนชื่อเน้ือหาในรายการ Title แล้วพิมพ์เนื้อหาในช่องเนื้อหา ณ ตําแหน่งที่ตองการแสดงภาพ ให้คลิกปุ่ ม Add
                                                                          ้
NextGEN Gallery




คลิกเลือก Gallery ที่ตองการนําเสนอ และเลือกรู ปแบบการนําเสนอแบบ Images list จะปรากฏชุดคําสัง ดังนี้
                      ้                                                                    ่




                    ํ
ที่เหลือก็ระบุ Tag กาหนด Category แลวคลิกป่ ุม Publish เพื่อเผยแพร่ ผลงาน ทั้งนี้ผลงานที่เผยแพร่ จะแสดงผล
                                    ้
ลกษณะน้ ี
 ั




คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
7




ส่วนเทคนิคอื่นๆ หากมีโอกาส จะนาเสนอต่อไปครับ
                              ํ




คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์

More Related Content

More from Boonlert Aroonpiboon

OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
Boonlert Aroonpiboon
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
Boonlert Aroonpiboon
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
Boonlert Aroonpiboon
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
Boonlert Aroonpiboon
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
Boonlert Aroonpiboon
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
Boonlert Aroonpiboon
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
Boonlert Aroonpiboon
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
Boonlert Aroonpiboon
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
Boonlert Aroonpiboon
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
Boonlert Aroonpiboon
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
Boonlert Aroonpiboon
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
Boonlert Aroonpiboon
 
MOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in ThailandMOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in Thailand
Boonlert Aroonpiboon
 
Open Digital Education
Open Digital EducationOpen Digital Education
Open Digital Education
Boonlert Aroonpiboon
 
Data Seal ... Comment in Thailand
Data Seal ... Comment in ThailandData Seal ... Comment in Thailand
Data Seal ... Comment in Thailand
Boonlert Aroonpiboon
 
Data in Digital Era
Data in Digital EraData in Digital Era
Data in Digital Era
Boonlert Aroonpiboon
 
The 21st century-online-media
The 21st century-online-mediaThe 21st century-online-media
The 21st century-online-media
Boonlert Aroonpiboon
 
20170213 digital-archives
20170213 digital-archives20170213 digital-archives
20170213 digital-archives
Boonlert Aroonpiboon
 
Digital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : SlideDigital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : Slide
Boonlert Aroonpiboon
 
Digital Economy Plan of Thailand
Digital Economy Plan of ThailandDigital Economy Plan of Thailand
Digital Economy Plan of Thailand
Boonlert Aroonpiboon
 

More from Boonlert Aroonpiboon (20)

OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 
MOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in ThailandMOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in Thailand
 
Open Digital Education
Open Digital EducationOpen Digital Education
Open Digital Education
 
Data Seal ... Comment in Thailand
Data Seal ... Comment in ThailandData Seal ... Comment in Thailand
Data Seal ... Comment in Thailand
 
Data in Digital Era
Data in Digital EraData in Digital Era
Data in Digital Era
 
The 21st century-online-media
The 21st century-online-mediaThe 21st century-online-media
The 21st century-online-media
 
20170213 digital-archives
20170213 digital-archives20170213 digital-archives
20170213 digital-archives
 
Digital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : SlideDigital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : Slide
 
Digital Economy Plan of Thailand
Digital Economy Plan of ThailandDigital Economy Plan of Thailand
Digital Economy Plan of Thailand
 

wordpress-nextgen-gallery

  • 1. 1 คลังภาพบน Wordpress.org ด้วย NextGEN Gallery อีกหนึ่งความสามารถที่ชอบมากๆ ของ Wordpress.org คือ การสร้างคลังภาพ (Gallery) ดวย Wordpress.org ้ เพราะ Wordpress มี Plug-ins ใหเ้ ลือกใชงานหลายตว NextGEN Gallery นับเป็ นตัวที่โดดเด่นมาก รองรับการ ้ ั ทํางานกับกลุ่มภาพจํานวนมากได้ ทํางานกับ EXIF และ IPTC Metadata ของภาพได้ การตดต้ง NextGEN Gallery ิ ั การใช้งาน NextGEN Gallery ทาไดโดยดาวน์โหลด Plug-ins น้ ีจาก http://wordpress.org/extend/plugins/ แลว ํ ้ ้ ค้นด้วยคําค้น nextgen gallery จะปรากฏผลลัพธ์ ดังนี้ คลิกที่รายการ NextGEN Gallery จะปรากฏจอภาพรายละเอียด Plug-ins ดังนี้ คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 2. 2 คลิกป่ ุม Download จะไดแฟ้ม Plug-ins ชื่อ nextgen-gallery.zip ให้ unzip แลวคดลอกโฟลเดอร์ nextgen-gallery ้ ้ ั ไปไวที่โฟลเดอร์ plugins ของ Wordpress ที่เตรี ยมพัฒนาเว็บ เช่น C:AppServwwwwordpresswp- ้ contentplugins จากน้ นเปิดเวบไซต์ เขาสู่ เวบที่พฒนาดวย Wordpress เช่น http://localhost/wordpress/ เลื่อนหาคําสัง Log in ั ็ ้ ็ ั ้ ่ เพื่อเข้าสู่ โหมดจัดการเว็บไซต์ เข้าสู่ ระบบด้วย Username และ Password ที่กาหนด จะปรากฏส่ วนบริ หารจัดการเว็บไซต์ ดังนี้ ํ จากหนาเวบส่วนบริหารจดการเวบไซต์ จะตองเปิดใชงาน Plug-ins NextGEN Gallery ก่อน โดยเลือกเมนู ้ ็ ั ็ ้ ้ ่ ้ Plugins (ปรากฏอยูดานซ้ายของจอภาพ) คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 3. 3 จะปรากฏ Plug-ins ชื่อ NextGEN Gallery ให้คลิกรายการคําสัง “Activate” เพื่อเปิ ดใช้งาน Plug-ins โดยจะ ่ ่ สังเกตได้วามีเมนู Gallery ปรากฏในแถบเมนูดานซ้ายเพิ่มขึ้นมา ้ ตอนนี้ Wordpress ก็พร้อมแล้วสําหรับการบริ หารจัดการคลังภาพ คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 4. 4 การทาคลงภาพ ํ ั การสร้างคลังภาพทําได้โดยเริ่ มจากการคลัง “หมวดภาพ หรื อ Gallery” ก่อน ด้วยคําสัง Gallery, Add ่ Gallery/Images จะปรากฏจอภาพทํางานกับ Gallery/Images ดังนี้ เริ่ มด้วยการป้ อนชื่อ Gallery โดยใชภาษาองกฤษผสมดวย 0 – 9 สามารถใช้อกขระพิเศษคือ – หรื อ _ จากน้ นคลิก ้ ั ้ ั ั ป่ ุม Add gallery ก็จะเข้าสู่ การนําเข้าภาพ คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 5. 5 การนําเข้าภาพ สามารถนําเข้าทีละภาพ หรื อนําเข้ากลุ่มภาพโดยนําภาพทั้งหมดที่ตองมา zip ก่อน จากน้ นคลิก ้ ั เลือกคําสัง Upload a Zip-File ่ ต่อดวยการเลือกไฟล์ Zip ที่เตรี ยม เลือก Gallery แลวคลิกป่ ุม Start upload จากน้ นรอเพื่อใหโปรแกรมนาเขา ้ ้ ั ้ ํ ้ ระบบและปรับขนาดภาพตามระบบ เมื่อระบบจัดการนําเข้าภาพเรี ยบร้อยแล้ว จะรายงานผล ดังนี้ การนําเสนอภาพ เมื่อสร้าง Gallery ของภาพแลว ถดไปกจะเป็นการนาเสนอภาพ โดยใชหลกการเดียวกบการสร้างเน้ือหาใหม่ ้ ั ็ ํ ้ ั ั แบบ Post คือ คลิกเลือกเมนูสร้าง Post ใหม่ ปรากฏจอภาพสร้าง Post ใหม่ ดังนี้ คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 6. 6 ป้อนชื่อเน้ือหาในรายการ Title แล้วพิมพ์เนื้อหาในช่องเนื้อหา ณ ตําแหน่งที่ตองการแสดงภาพ ให้คลิกปุ่ ม Add ้ NextGEN Gallery คลิกเลือก Gallery ที่ตองการนําเสนอ และเลือกรู ปแบบการนําเสนอแบบ Images list จะปรากฏชุดคําสัง ดังนี้ ้ ่ ํ ที่เหลือก็ระบุ Tag กาหนด Category แลวคลิกป่ ุม Publish เพื่อเผยแพร่ ผลงาน ทั้งนี้ผลงานที่เผยแพร่ จะแสดงผล ้ ลกษณะน้ ี ั คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์
  • 7. 7 ส่วนเทคนิคอื่นๆ หากมีโอกาส จะนาเสนอต่อไปครับ ํ คลังภาพบน Wordpress.org ด้วย NextGEN Gallery โดยบุญเลิศ อรุ ณพิบูลย์