การพัฒนาเว็บไซต์ระดับสาขาวิชา

สารบัญ 1 2 1. WordPress คอื อะไร 4 2. สว นประกอบเวบ็ ไซตระดับสาขา 5 3. การใชง านเว็บไซตระดบั สาขา 10 4. สทิ ธ์ผิ ใู ชง าน (User Roles) 11 5. สว นหลังสาํ หรับผดู ูแลเวบ็ ไซต 12 15 5.1 Dashboard – หนาหลัก 17 5.2 Posts – สว นจดั การบทความ 18 5.3 People – สว นจัดการบคุ ลากร 18 5.4 Events – สว นจดั การกิจกรรม 20 5.5 Media – สวนจัดการไฟลตาง ๆ 21 5.6 Pages – สว นจดั การเนื้อหา 21 5.7 Downloads – สว นการจดั การเอกสารดาวนโหลด 22 5.8 Content Views – สว นการจัดการผลงานนักศึกษา 22 5.9 Appearance – สว นการจดั การรปู แบบเว็บไซต 24 5.10 Plugins – สวนจดั การสว นเสริม, โปรแกรมเฉพาะดาน 25 5.11 Users – สว นการจัดการผใู ชงาน 27 5.12 Settings – สวนจดั การทัว่ ไป 5.13 Photo Gallery –สวนจดั การอัลบม้ั ภาพ 5.14 Publications – สว นจัดการเอกสารวิชาการ

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 1 1. WordPress คืออะไร WordPress คือ โปรแกรม สําเร็จรูปตัวหน่ึง ท่ีเอาไวสําหรับสราง บล็อก หรือ เว็บไซต สามารถใช งานไดฟรี ถูกจัดอยใู นประเภท CMS (Contents Management System) ซง่ึ หมายถงึ โปรแกรมสาํ เรจ็ รปู ท่ีมี ไวส าํ หรับสรางและบรหิ ารจดั การเน้อื หาและขอมูลบนเว็บไซต WordPress ไดรับการพัฒนาและเขียนชุดคําส่ังมาจากภาษา PHP (เปนภาษาโปรแกรมมิ่งตัวหนึ่ง) ทาํ งานบนฐานขอ มลู MySQL ซ่งึ เปนโปรแกรมสาํ หรับจัดการฐานขอ มูล มหี นาทเี่ กบ็ เรยี กดู แกไ ข เพ่มิ และลบ ขอมลู การใชงาน WordPress รวมกับ MySQL อยภู ายใตสัญญาอนุญาตใชงานแบบ GNU General Public License WordPress ปรากฏโฉมครง้ั แรกในโลกเมอ่ื ป พ.ศ. 2546 (2003) เปน ความรว มมือกันระหวาง Matt Mullenweg และ Mike Littlej มีเว็บไซตหลักอยูท่ี http://wordpress.org และยังมีบริการ Free Hosting (พื้นทสี่ าํ หรบั เกบ็ ทกุ อยา งของเว็บ/บล็อก) โดยขอใชบ ริการไดที่ http://wordpress.com ปจจุบันน้ี WordPress ไดรับความนิยมเพ่ิมข้ึนอยางรวดเร็ว จนมีผูใชงานมากกวา 200 ลานเว็บ บล็อกไปแลว แซงหนา CMS ตัวอื่น ๆ ไมวาจะเปน Drupal , Mambo และ Joomla สาเหตุเปนเพราะ ใช งานงาย ไมจําเปนตองมคี วามรูใ นเร่อื ง Programing มีรูปแบบท่สี วยงาม อีกท้ังยังมผี พู ฒั นา Theme (รปู แบบ การแสดงผล) และ Plugins (โปรแกรมเสรมิ ) ใหเลือกใชฟรีอยางมากมาย นอกจากนี้ สําหรับนักพัฒนา WordPress ยังมี Codex เอาไวใหเราไดเปนไกดไลน เพื่อศึกษา องคประกอบสว นตา ง ๆ ท่ีอยภู ายใน สําหรบั พฒั นาตอ ยอด หรอื นาํ ไปสราง Theme และ Plugins ข้ึนมาเอง ไดอีกดวย หนําซาํ้ ยงั มรี ุนพเิ ศษ คือ WordPress MU สําหรับไวใหผูนําไปใช สามารถเปดใหบริการพื้นท่ีทํา เว็บบล็อกเปนของตนเอง เพื่อใหผอู นื่ มาสมัครขอรวมใชบริการในการสรา งเวบ็ บล็อก ภายใตชื่อโดเมนของเขา หรอื ที่เรยี กวา Sub-Domain จากท่ีไดเกริ่นนาํ ไปในบทความน้ี คงจะทาํ ใหรูจัก และไดทราบประวัติความเปน มา รวมถงึ ความหมาย กนั ไปบา งแลว วา WordPress คอื อะไร ในบทความหนา เราจะไดเ ริม่ เรยี นรถู ึงรูปแบบ และวธิ ีการใชงาน ไป จนถงึ การเพ่ิมลูกเลนตาง ๆ ตอไป อา งองิ จาก : http://wordpress.9supawat.com/10/what-is-wordpress.html

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 2 2. สวนประกอบเว็บไซตร ะดบั สาขา 1. สวนหวั เว็บไซต 2. สวนเนื้อหาเว็บไซต

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 3 3. สวนทา ยเวบ็ ไซต 1. ชอื่ สาขาวชิ า 2. ปมุ เปลย่ี นภาษา 3. สว นหัวเว็บไซตสาขาวชิ า (Banner) 4. เมนู ประกอบดว ย a. หนาหลัก b. แนะนาํ สาขา ประวัติสาขา ปรัชญา/วิสัยทศั น/ พันธกิจ ตดิ ตอ c. หลกั สูตร ขอมลู หลักสูตรและการจัดการศึกษา คุณสมบตั ิผูเขา ศกึ ษา โครงสรา งหลกั สูตร คาํ อธบิ ายราชวิชา การฝก งานหรือสหกิจ ขอ กาํ หนดเก่ยี วกับโครงการหรืองานวิจัย ปริญญา โท (ถา ม)ี d. บุคลากร คณะกรรมการสาขา อาจารยประจาํ e. งานวจิ ัย/ผลงานทางวชิ าการ งานวิจัย/บทความทางวิชาการ เอกสารประกอบการสอน/ ตาํ รา ผลงานนกั ศึกษา f. ศิษยเ กา g. ขา ว/กิจกรรม ขาวประชาสัมพันธ ปฏทิ นิ กจิ กรรมสาขาวชิ า Galleries 5. สวนขา วประชาสัมพนั ธ 6. สว นกจิ กรรมนกั ศึกษา 7. ปฏิทนิ กิจกรรม 8. Social Network

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 4 3. การใชง านเวบ็ ไซตระดบั สาขา การใชงานระบบสําหรบั ผดู แู ลระบบสามารถเขาไดที่ URL: http://10.7.8.47/wpmu/wp-admin สาํ หรบั การอบรม บนั ทกึ ชวยจํา Username: Password:

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 5 4. สทิ ธ์ิผูใชงาน (User Roles) User Roles ใน WordPress นนั้ คอื การกาํ หนดลกั ษณะการใชง านของ User นน้ั ๆ หรอื กําหนดสิทธิ ในการจดั การขอมูลตา งๆ ของเว็บท่ีเราทําดวย WordPress โดยตัว WordPress เองจะมี User Roles ท่ีเปน มาตรฐานมาใหแลว 5 ตวั โดยเรียงตามสทิ ธมิ ากท่ีสดุ ไปหาสทิ ธนิ อ ยทส่ี ดุ คอื  Administrator  Editor  Author  Contributor  Subscriber ซ่ึงโดยปรกติจากท่ีไดท ําเวบ็ พบวา เราจะใชงานอยู 2 ตวั หลัก ๆ คือ Administrator และ Editor สวน Author, Contributor และ Subscriber ไมคอ ยไดใชง านมันเทา ไหร โดยเราสามารถเขา ไปหาอานไดวา แตล ะตัวใชกําหนดสิทธิการใชง านของ User ไวยงั ไงได ที่ http://codex.wordpress.org/Roles_and_Capabilities User Roles: Administrator สําหรับ Administrator แลวถาเราเขาไปดูตามเว็บดานบนท่ีแปะไว จะพบวามี Super-Admin อีก อยาง โดย Super-Admin มีข้ึนก็ตอเม่ือเราใชงานเปน WordPress Multisite แตตอนน้ีเราสนใจแค Administrator อยางเดยี วก็พอ ซง่ึ Administrator นัน้ ทาํ อะไรไดบ า ง อธบิ ายงา ย ๆ กค็ ือ ทําไดห มดทกุ อยา ง ไมวา จะเปน เพิม่ ลบ หรือแกไข Posts Pages, เปลยี่ น Theme, แกไขเมน,ู จดั การ Plugins ฯลฯ ก็น่ันละ มัน ทําไดห มดทุกอยางในเวบ็ เลย ออ แลว ก็สามารถเพ่มิ ลบ แกไข User คนอ่ืนๆ ก็ไดเชนกัน ดูจากเมนูหลังบาน ของ User ทเ่ี ปน Administrator

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 6 สรุปงา ยๆ คือ สทิ ธิทกุ อยา งในเว็บเปนของ Administrator User Roles: Editor สาํ หรบั Editor ท่มี สี ิทธิรองลงมาจาก Administrator นนั้ ขอพดู ถงึ สทิ ธิที่หายไป จะงายกวามา อธบิ ายสทิ ธิที่มันสามารถทาํ ได โดยสิทธิที่มันหายไปกไ็ ดแ ก  จดั การ Theme (เมนู Appearance จะหายไป)  จัดการ Plugins (เมนู Plugins จะหายไป)  จัดการ Users คนอื่น (เมนู Users จะถูกเปล่ยี นเปน Profile เพือ่ ใหจ ัดการขอมลู ของตัวเอง ได)  จัดการ Settings หลักๆ ของเว็บ (เมนู Settings จะหายไป)  Import, Export ขอมูล (เมนยู อยในเมนู Tools จะหายไป) แตหนา ท่ีในการจัดการขอมลู ในเว็บยงั อยูครบ เชน การเพิม่ ลบ แกไข Posts Pages, จัดการ Media, จัดการ Comments หรือเพิม่ ลบ แกไข Category

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 7 สรุปงา ยๆ คอื เปน User Roles สาํ หรบั จัดการขอมลู ตา งๆ ในเว็บ แตไ มใหยงุ เกีย่ วกบั การ Settings เว็บ User Roles: Author มาถึงตวั ที่ 3 กบั Author โดย Author น้ันจะสิทธิท่ีหายไปจาก Editor คอื  จัดการ Pages (เมนู Pages จะหายไป)  จดั การ Posts ของ User อน่ื (เขา เมนู Posts ไปจะสามารถเหน็ Posts ของ User อื่น แตไ ม สามารถแกไขได แตสามารถเพิม่ ลบ Posts ของตวั เองได)  จดั การ Category, Tags (เมนูยอย Categories และ Tags ในเมนู Posts จะหายไป) สรุปคอื Author จดั การไดแ ตเ รอ่ื งของตวั เอง ไปยุง เรือ่ งของคนอื่นไมได

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 8 User Roles: Contributor สาํ หรบั Contributor ก็โดนตัดสิทธิใหนอยไปกวา Author อกี ซงึ่ เจา Contributor เนี่ยมันเขียน Posts ใหมไ ด แตไ มสามารถ Publish เองได ตอ งรอให Editor เปน คนมา Publish ให ดงู ายๆ จากปุม ปมุ Publish สําหรับ User ที่เปน Administrator, Editor หรือ Author ปมุ Submit for Review สาํ หรับ Contributor และถา Posts ท่ี Contributor ถูก Editor กด Publish ไปแลว Contributor ก็ไมสามารถมาจัดการอะไรได อกี

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 9 สรุปงายๆ คอื Contributor สรา งได ถายงั ไมมใี ครมายุง ก็ยงั จดั การไดอยู แตถา Editor มาแกกด็ ูไดอ ยางเดียว แลว User Roles: Subscriber สําหรับ Subscriber เปนตัวท่ีสามารถพูดสิทธิของมนั ไดงายมากครับ คอื จดั การไดแคขอ มูลตวั เอง หรอื Profile ตัวเองเทา นน้ั อยางอืน่ ไมม ดี จู ากเมนูจะเขาใจไดเลยครับ

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 10 5. สว นหลงั สําหรบั ผูดูแลเวบ็ ไซต ในระบบ WordPress หลัง Login เขาระบบแลวจะปรากฏหนา Dashboard ทแ่ี สดงจาํ หวนรายการ โพสตขอ ความและจํานวนคอมเมน ทตาง ๆ ใน Blog และสามารถเขียนบทความใหมไดจากหนา Bashboard ของผใู ชงานน้นั ๆ และมีเมนใู นการจัดการภายใน Blog ของผใู ชงาน โดยเมนูจะแบงออกเปน 19 เมนูหลักใน การจดั การดงั นี้ 1. Dashboard – หนา หลกั 2. Posts – สวนจัดการบทความ 3. People – สว นจัดการบคุ ลากร 4. Events – สวนจดั การกิจกรรม 5. Media – สวนจัดการไฟลต าง ๆ 6. Pages – สว นจัดการเนอ้ื หา 7. Downloads – สว นการจดั การเอกสารดาวนโหลด 8. Content Views – สว นการจดั การผลงานนักศึกษา 9. Appearance – สว นการจดั การรูปแบบเว็บไซต 10. Plugins – สวนจัดการสวนเสรมิ , โปรแกรมเฉพาะดา น 11. Users – สวนการจดั การผูใ ชงาน 12. Settings – สว นจัดการท่วั ไป 13. Photo Gallery –สว นจดั การอัลบม้ั ภาพ 14. Publications – สวนจัดการเอกสารวชิ าการ

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 11 5.1 Dashboard – หนา หลัก เมนูในระบบ Bas board สามารถยอ ใหมขี นาดเล็กลงกรณีที่มีหนาจอการทํางานนอยหรือขนาดเล็ก ตามภาพท่ีแสดง

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 12 5.2 Posts – สว นจดั การบทความ บทความที่เราเขียนข้ึนหรือมหรือบทความนํามาจากแหลงอ่ืนแลวนํามาปรับปรุง/วิจารณ ซึ่งเราก็จะมี บทความ ปรากฏในหนาแรก ซึ่งตามปกติ ถาเพ่ิมบทความอันใหม จะปรากฏอยูดานบนสุดของหนาเว็บในที่ สรางดวย WordPress ท้ังนย้ี ังสามารถกาํ หนดบทความแสดงตามกําหนดเวลา เมื่อกดเมนู Post จะแสดงขอมลู โพสต ท่ีมีอยูใ นระบบ ซ่ึงประกอบดว ย  Title ชอ่ื เรื่อง  Author ผเู ขียน  Categories หมวดของโพสต  Tags แทก็  Date วันท่ี

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 13 การเพ่มิ Post ใหม 1. เลือกเมนู Post แลว กดเมนู Add New 2. กรอกรายละเอียดดังนี้

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 14

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 15 1. Enter title here: ช่อื บทความ 2. Add Media: เพิ่มไฟล ภาพ วีดทิ ัศน หรืออ่ืนๆ 3. รายละเอียดขอความตา ง ๆ 4. Zanto translate: การรองรบั โพสต 2 ภาษา 5. Media: เอกสารแนบ 6. Image Gallery: ภาพ 7. Metadata: การใส เมตะดาตา Post 8. Keywords: การใสคยี เวิรด Post 9. Categories: การเลือกหมวดบทความวาตอ งการใหอยหู มวดใด 10. Publish: การต้งั คา การเผยแพรบทความ 3. เม่อื กรอกขอมูลครบถว นแลว กดปุม Publish 4. หากตอ งการแกไ ขขอ มูลโพสต สามารถเลือกเมนู โพสต แลว เลือกบทความที่มีอยแู ลว กดปมุ Update 5.3 People – สวนจัดการบุคลากร เปนการแสดงขอ มูลบุคลากรในสาขาวชิ า ซึง่ เมือ่ กดเมนู People จะแสดงขอ มูลบุคลากรท่มี อี ยูใน สาขาวิชา ประกอบดว ย • Title ชือ่ เร่ือง • Categories หมวดของบคุ ลากร • Image ภาพ หากตองการเพิ่มขอ มูล สามารถทําโดย

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 16 1. กดเมนู Add New People 2. Enter title here: ช่ือบุคลากร

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 17 3. Add Media: เพ่ิมไฟล ภาพ วดี ิทัศน หรืออ่นื ๆ 4. รายละเอียดขอ ความตาง ๆ ซง่ึ ประกอบดวย ตําแหนง วฒุ กิ ารศกึ ษา สถาบนั โทรศัพทภายใน อเี มล ความเช่ยี วชาญ 5. People Details: รายละเอยี ดบุคลากร Position: ตําแหนง Interest: ความสนใจ Experience: ความเช่ียวชาญ 6. Social Details: เครอื ขายสงั คมออนไลน เชน Facebook Google Linkedin Twitter 7. Excerpt: 8. Categories: การเลือกหมวดบทความวา ตองการใหอยหู มวดใด 9. Publish: การตง้ั คาการเผยแพรบทความ 5.4 Events – สวนจดั การกิจกรรม เปนสว นการจัดการกิจกรรม ซ่ึงเมอ่ื กดเมนู Events จะปรากฏ • Title ช่ือเรือ่ ง • Author ผเู ขยี น • Tags แทก็ • Start Date วันท่ีเร่ิม • End Date วันท่ีส้ินสุด หากต้งั การเพ่ิมกิจกรรมใหม สามารถทําโดย 1. กดเมนู Add New Event 2. Enter title here: กรอกช่ือปฎทิ นิ ขา วสาร 3. รายละเอยี ดขอ ความเพ่ิมเติม หากมี 4. The Events Calendar: การกําหนดชวงวัน – เวลา สถานท่ี หรอื ขอมลู อ่นื ๆ 5. Categories: การเลอื กหมวดบทความวา ตอ งการใหอ ยูห มวดใด 6. Publish: การตั้งคา การเผยแพรบทความ

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 18 5.5 Media – สว นจัดการไฟลต าง ๆ ซง่ึ จะเก็บไฟลเอกสารทั้งหมดของเว็บไซต ซ่งึ เมื่อกดเมนู Media จะ แสดงไฟลท้ังหมดของเวบ็ ไซต สามารถนาํ ไฟลมาใชง านรว มกัน ประกอบดว ย • File ชือ่ ไฟล • Author ผเู ขยี น • Date วันท่อี ปั โหลด • Parent ทอ่ี ยขู องภาพ หรือเพิม่ ไฟลใหมไดโดย สามารถทําไดโ ดย 1. กดเมนู Add New 2. ลากไฟลมาวางที่โปรแกรมเบราเซอรหรือกดปุมSelect Files * ไฟลข นาดไมเ กิน 1 MB 5.6 Pages – สว นจัดการเน้อื หา คือ การเพิ่มหนาของเว็บบลอ็ ก ซง่ึ จะเปนการเพ่ิมเน้ือหาในแตล ะหนา ของเวบ็ บลอ็ ก ซงึ่ ปกตจิ ะเปน หนาท่ีมีเนอื้ หา หรือขอ มูลแบบคงท่ี ไมไ ดม ีการเปลยี่ นแปลงขอมูลของ เน้ือหาบอ ยๆ เชน หนา About โดยท่ี - เลอื กทจ่ี ะใหมกี ารแสดงความคิดเห็นในขอเขียนหรอื ไมก ไ็ ด (Discussion) - สามารถใสรหัสผา นเพอื่ ดขู อเขยี นได (Post Password) - เลอื กสถานะของขอเขียนได คอื แบบดเู ฉพาะกลุม(Private) หรือแบบโครงรางคือบนั ทกึ ไว แตยงั ไมแ สดง (Draft) และแบบบนั ทึกแลว แสดงทห่ี นาบล็อกทันที (Published) เมือ่ กดเลอื กเมนู Pages จะปรากฏ • Title ชื่อหนา • Author ผเู ขยี น • Dateวันที่

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 19 หากตองการเพิม่ หนาใหมสามารถทาํ ไดโดย 1. เลอื กเมนู Page กดปมุ Add New 2. Enter title here: ช่ือบทความ 3. Add Media: เพิม่ ไฟล ภาพ วดี ิทศั น หรอื อืน่ ๆ 4. รายละเอยี ดขอความตาง ๆ 5. Zanto translate: การรองรับโพสต 2 ภาษา 6. Media: เอกสารแนบ 7. Image Gallery: ภาพ 8. Metadata: การใส เมตะดาตา Post 9. Keywords: การใสคียเวริ ด Post 10. Categories: การเลอื กหมวดบทความวาตอ งการใหอ ยูหมวดใด 11. Publish: การตัง้ คา การเผยแพรบทความ

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 20 5.7 Downloads – สว นการจดั การเอกสารดาวนโหลด เมื่อกดเลอื กเมนู Downloads จะปรากฏ • Title ช่ือเรือ่ ง • Short-Code รหสั สาํ หรับแสดงผล • Author ผูเขียน • Categories หมวดของโพสต • Date วันท่โี พสต ในสวนของไฟลสําหรบั การดาวนโ หลดเอกสาร/ ไฟลแนบ สามารถเพิ่มเอกสารโดยมีขนั้ ตอนดังนี้ 1. เลือกเมนู Downloads 2. กดปุม Add New File 3. ใสหัวขอ 4. Add Media: เพิ่มไฟล ภาพ วดี ิทศั น หรอื อืน่ ๆ 5. รายละเอียดขอ ความตาง ๆ 6. Media: แนบไฟล 7. สนทนา: การกําหนดใหไฟลสามารถมผี ตู อบโตสนทนา 8. ผเู ขียน: เปน การกําหนดผูเ ชยี นไฟล 9. Package Setting: การกําหนดขอ มูล 10. Multisite Post Duplicator ฉบับรา ง รอคอยการตรวจสอบ สว นตวั เผยแพร 11. Attach File 12. เผยแพร การตง้ั คา การเผยแพรไ ฟลดาวนโหลด

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 21 5.8 Content Views – สวนการจัดการผลงานนักศึกษา 1. เลือกเมนู Content Views 2. กดปมุ Add New View 5.9 Appearance – สวนการจัดการรูปแบบเว็บไซต เปนการปรับแตงรูปแบบของเว็บไซตซ งึ่ ประกอบดวย Theme ปจ จบุ นั ฝา ยพัฒนาสาระดจิ ิทลั และสื่อประสม ไดอ อกแบบและพัฒนา Theme ท่ีใชช ื่อวา “Department-SRU-V1” Customize เปนการปรับแตง Theme เชน สี ภาพสวนหัว รูปพื้นหลัง Widgets วิดเจต็ เปน สว นเสรมิ ของเว็บฯ Menus การจดั เมนู ตามท่ปี ระชุมไดม กี ารกาํ หนดเมนเู บื้องตนเชน แนะนาํ สาขา ประวตั สิ าขา ปรชั ญา/วิสัยทัศน/ พันธกิจ ตดิ ตอ หลกั สูตร ขอ มลู หลักสูตรและการจัดการศกึ ษา คุณสมบัติผเู ขาศึกษา โครงสรา งหลักสตู ร คําอธิบายราชวิชา การฝก งานหรือสหกิจ ขอกาํ หนดเกี่ยวกับโครงการหรอื งานวิจัย ปริญญาโท (ถา ม)ี บุคลากร คณะกรรมการสาขา อาจารยประจํา

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 22 งานวิจยั /ผลงานทางวชิ าการ งานวิจยั /บทความทางวิชาการ เอกสารประกอบการ สอน/ตาํ รา ผลงานนักศึกษา ขา ว/กิจกรรม ขาวประชาสัมพันธ ปฏิทนิ กจิ กรรมสาขาวิชา Galleries หากตอ งการปรับแตงเมนูใหมสามารถทําไดโดย 1. กดปมุ “Create a new menu” 2. ชือ่ เมนทู ีต่ อ งการเพ่มิ 3. กดปุม “Create Menu” Header เปนสว นการกาํ หนดสว นหวั ของเว็บไซตส าขาวชิ าซ่งึ ขนาดทีแ่ นะนาํ คือ 1400*400 Pixels Background เปน สว นการกาํ หนดพื้นหลงั 5.10 Plugins – สว นจัดการสวนเสริม, โปรแกรมเฉพาะดา น ใน ปจจุบนั มี Plugins ไดแก ** Theme “Department-SRU-V1” ทางฝา ยพัฒนาสาระดิจิทัลฯ ยังไมอนุญาตใหผดู ูแลเวบ็ ไซตระดบั คณะ เพิ่ม Plugins เสรมิ ได ท้ังน้ีหากทางผดู ูแลเว็บไซตเห็นความมี Plugins ทม่ี ีความเหมาะสม หรือเปน Plugins ทเ่ี ฉพาะทางสาํ หรับสาขาวชิ า สามารถเสนอแนะฝา ยพัฒนาสาระดิจิทัลฯ เพือ่ เพ่ิมเติมได 5.11 Users – สวนการจัดการผูใชงาน ผเู ขาอบรมจะไดรับสิทธ์ิ Administrator เว็บสาขาวิชา และ สามารถเพ่ิมสิทธใิ์ หอ าจารยในสาขา ไดดังนี้ 1. กดเมนู User จะปรากฏรายละเอียดแสดงผใู ชง าน ไดแก Username:ชื่อผูใ ช Name: ชือ่ Email Role:สิทธิผ์ ใู ช Posts: จาํ นวนโพสต ตามผูใช 2. หากตองการเพม่ิ ผูใ ช กดปมุ “Add Existing”

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 23 3. กรอกอีเมล และเลือก Role ระดับสิทธิ์ หากตองการเปลีย่ นระดับสิทธิ์ สามารถทาํ ไดโดย เลอื กชื่อผูใชท่ีตองการเปลี่ยน และเลอื ก Change role to.. แลวเลือกระดับสิทธิ์ทต่ี อ งการเปลยี่ น

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวิชา” 24 5.12 Settings – สว นจดั การทั่วไปของเว็บไซต การตง้ั คา ท่ัวไป Site Title: หัวขอเวบ็ ใหใ สชอ่ื สาขาวชิ า เชน สาขาวิชาคณิตศาสตร Tagline: คาํ โปรย ใหใ สช อ่ื คณะ และ ชื่อมหาวิทยาลัย เชน คณะวิทยาศาสตรและเทคโนโลยี มหาวทิ ยาลัยราชภัฏสรุ าษฎรธานี Email Address: อีเมลของสาขาวชิ าหรอื ผดู แู ลเว็บไซต Timezone: เขตเวลา ใหเ ลือกเปน UTC+7 Date Format: รปู แบบวนั ท่ี ใหเ ลือกเปน DD/MM/YYYY (27/01/2016) Time Format: รูปแบบเวลา ใหเ ลอื กเปน 09:55 Week Starts On: วนั ทเี่ รม่ิ ของสปั ดาห ใหเลือกเปน Monday วนั จันทร Site Language: ภาษาของเวบ็ ไซต สามารถเลือกทั้งภาษาไทย หรอื ภาษาองั กฤษ นอกจากนใ้ี นเมนู Settings General แลว ยังมกี ารต้งั คาในสว นตา ง ๆ เชน Writing, Reading, Discussion Media, Permalinks, Akismet, Metadata, Multisite Post Duplicator Settings, Social Media, WP Attachments, TeachPress, Breadcrumb NavXt,

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 25 5.13 Photo Gallery –สวนจดั การอัลบม้ั ภาพ เปนการตัง้ คา ในสวนของอัลบม้ั ภาพของเว็บไซตซ งึ่ ประกอบดวย General Gallery Settings: การตงั้ คา การเรยี งลําดับของอัลบั้ม Page Settings: การตั้งคา หนาการแสดงของแกลเลอรี่/ อัลบมั้ หากตอ งการเพ่มิ Gallery หรือ albums สามารถทาํ ไดโดย การเพิ่ม Gallery 1. กดเมนู Photo Gallery เลือก Gallery 2. กดปุม “Create New Gallery”

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 26 3. ระบบจะแสดงหนา Add/Edit ผูใชง านจะตองกรอกรายละเอียดขอมลู ในสวนของ Gallery Settings ดงั นี้ a. Gallery Name: ช่อื ของแกลเลอรี่ b. Gallery Thumbnail Template: การแสดงภาพแมแบบ c. Sort Order Of Gallery Images: การเรยี นลาํ ดบั ภาพ d. Preview Photo via Page: การแสดงภาพตวั อยา ง e. Watermark Text: การใสลายน้ําทับขอความ f. Watermark Text Opacity: การจัดตาํ แหนงลายนํ้า g. Watermark Text Placement: การกําหนดขนาดลายนาํ้ h. Watermarked Max Preview Dimension (px): การแสดงตวั อยาง i. Watermark Font Size (px): กาํ หนดขนาดฟอรต j. Thumbs Per Page: จํานวนภาพตวั อยางแสดงตอ หนา k. Upload Images: การนําภาพอปั โหลด โดยกดปุม และสามารถนํารปู ท่ี ตองการมาอปั โหลดแลวกดปุม Insert Into Gallery 4. กดปมุ Save Gallery เม่อื ตั้งคาและเลอื กรูปเรยี บรอยเพือ่ บันทึก

เอกสารอบรม “การพัฒนาเว็บไซตระดับสาขาวชิ า” 27 การเพิ่ม Albums 1. กดเมนู Photo Gallery เลอื ก 2. กดปุม “Create an Album” 5.14 Publications – สว นจัดการเอกสารวชิ าการ เปนสว นการจัดการเก่ียวกบั เอกสารวชิ าการ เม่ือกด เมนู Publications จะปรากฏ • Title ช่อื เร่อื ง • ID ลาํ ดบั • Author ผเู ขียนผลงาน • Tags แท็ก • Year ป หากตองการเพ่ิมเอกสารวชิ าการสามารถทาํ ไดโดย

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวิชา” 28

เอกสารอบรม “การพัฒนาเว็บไซตร ะดับสาขาวชิ า” 29 1. เลือกเมนู publication 2. กดปมุ Create 3. ใสห ัวขอ 4. กรอกขอ มูล General information ไดแ ก ประเภทเอกสาร BibTex Key ผแู ตง บรรณาธกิ าร วนั ที่ เผยแพร 5. กรอกขอ มูล Detailed information ไดแ ก ชอื่ วารสาร ฉลับท่ี เลมที่ หนา ที่ บทคดั ยอ เลข ISBN/ISSN เลข DOI ลิงกหรอื File 6. กดปุม Create เพ่อื สรา งเอกสารงานวชิ าการใหม