สารบัญ · สารบัญ 1. wordpress คืออะไร 1 2. ส...

31

Upload: others

Post on 20-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2
Page 2: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

สารบัญ

1. WordPress คืออะไร 1

2. สวนประกอบเว็บไซตระดับสาขา 2

3. การใชงานเว็บไซตระดับสาขา 4

4. สิทธ์ิผูใชงาน (User Roles) 5

5. สวนหลังสําหรับผูดูแลเว็บไซต 10

5.1 Dashboard – หนาหลัก 11

5.2 Posts – สวนจัดการบทความ 12

5.3 People – สวนจัดการบุคลากร 15

5.4 Events – สวนจัดการกิจกรรม 17

5.5 Media – สวนจัดการไฟลตาง ๆ 18

5.6 Pages – สวนจัดการเน้ือหา 18

5.7 Downloads – สวนการจัดการเอกสารดาวนโหลด 20

5.8 Content Views – สวนการจัดการผลงานนักศึกษา 21

5.9 Appearance – สวนการจัดการรปูแบบเว็บไซต 21

5.10 Plugins – สวนจัดการสวนเสริม, โปรแกรมเฉพาะดาน 22

5.11 Users – สวนการจัดการผูใชงาน 22

5.12 Settings – สวนจัดการทั่วไป 24

5.13 Photo Gallery –สวนจัดการอัลบั้มภาพ 25

5.14 Publications – สวนจัดการเอกสารวิชาการ 27

Page 3: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

Page 4: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

2. สวนประกอบเว็บไซตระดับสาขา

1. สวนหัวเว็บไซต

2. สวนเน้ือหาเว็บไซต

Page 5: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

3. สวนทายเว็บไซต

1. ช่ือสาขาวิชา

2. ปุมเปลี่ยนภาษา

3. สวนหัวเว็บไซตสาขาวิชา (Banner)

4. เมนู ประกอบดวย

a. หนาหลัก

b. แนะนําสาขา ประวัติสาขา ปรัชญา/วิสัยทัศน/พันธกิจ ติดตอ

c. หลักสูตร ขอมูลหลักสูตรและการจัดการศึกษา คุณสมบัติผูเขาศึกษา โครงสรางหลักสูตร

คําอธิบายราชวิชา การฝกงานหรือสหกิจ ขอกําหนดเกี่ยวกับโครงการหรืองานวิจัย ปริญญา

โท (ถาม)ี

d. บุคลากร คณะกรรมการสาขา อาจารยประจํา

e. งานวิจัย/ผลงานทางวิชาการ งานวิจัย/บทความทางวิชาการ เอกสารประกอบการสอน/

ตํารา ผลงานนักศึกษา

f. ศิษยเกา

g. ขาว/กิจกรรม ขาวประชาสัมพันธ ปฏิทินกิจกรรมสาขาวิชา Galleries

5. สวนขาวประชาสัมพันธ

6. สวนกิจกรรมนักศึกษา

7. ปฏิทินกิจกรรม

8. Social Network

Page 6: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

3. การใชงานเว็บไซตระดับสาขา

การใชงานระบบสําหรับผูดูแลระบบสามารถเขาไดที่ URL: http://10.7.8.47/wpmu/wp-admin

สําหรับการอบรม

บันทึกชวยจํา

Username:

Password:

Page 7: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

Page 8: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

สรุปงายๆ คือ สิทธิทุกอยางในเว็บเปนของ Administrator

User Roles: Editor

สําหรับ Editor ที่มีสิทธิรองลงมาจาก Administrator น้ัน ขอพูดถึงสิทธิที่หายไป จะงายกวามาอธิบายสิทธิที่มันสามารถทําได โดยสิทธิที่มันหายไปก็ไดแก

จัดการ Theme (เมนู Appearance จะหายไป) จัดการ Plugins (เมนู Plugins จะหายไป) จัดการ Users คนอื่น (เมนู Users จะถูกเปลี่ยนเปน Profile เพื่อใหจัดการขอมูลของตัวเอง

ได) จัดการ Settings หลักๆ ของเว็บ (เมนู Settings จะหายไป) Import, Export ขอมูล (เมนูยอยในเมนู Tools จะหายไป) แตหนาที่ในการจัดการขอมูลในเว็บยังอยูครบ เชน การเพิ่ม ลบ แกไข Posts Pages, จัดการ Media,

จัดการ Comments หรือเพิ่ม ลบ แกไข Category

Page 9: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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 จัดการไดแตเรื่องของตัวเอง ไปยุงเรื่องของคนอื่นไมได

Page 10: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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 ก็ไมสามารถมาจัดการอะไรไดอีก

Page 11: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

สรุปงายๆ คือ Contributor สรางได ถายังไมมีใครมายุงก็ยังจัดการไดอยู แตถา Editor มาแกกดู็ไดอยางเดียวแลว

User Roles: Subscriber

สําหรับ Subscriber เปนตัวที่สามารถพูดสิทธิของมันไดงายมากครับ คือ จัดการไดแคขอมูลตัวเอง หรือ Profile ตัวเองเทาน้ัน อยางอื่นไมมีดูจากเมนูจะเขาใจไดเลยครับ

Page 12: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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 – สวนจัดการเอกสารวิชาการ

Page 13: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

5.1 Dashboard – หนาหลัก

เมนูในระบบ Bas board สามารถยอใหมีขนาดเล็กลงกรณีที่มีหนาจอการทํางานนอยหรือขนาดเล็ก

ตามภาพที่แสดง

Page 14: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

5.2 Posts – สวนจัดการบทความ

บทความที่เราเขียนข้ึนหรือมหรือบทความนํามาจากแหลงอื่นแลวนํามาปรับปรุง/วิจารณ ซึ่งเราก็จะมี

บทความ ปรากฏในหนาแรก ซึ่งตามปกติ ถาเพิ่มบทความอันใหม จะปรากฏอยูดานบนสุดของหนาเว็บในที่

สรางดวย WordPress ทั้งน้ียังสามารถกําหนดบทความแสดงตามกําหนดเวลา

เมื่อกดเมนู Post จะแสดงขอมูลโพสต ที่มีอยูในระบบ ซึ่งประกอบดวย

Title ช่ือเรื่อง

Author ผูเขียน

Categories หมวดของโพสต

Tags แท็ก

Date วันที่

Page 15: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

การเพ่ิม Post ใหม

1. เลือกเมนู Post แลวกดเมนู Add New

2. กรอกรายละเอียดดังน้ี

Page 16: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

Page 17: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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 ภาพ

หากตองการเพิ่มขอมูล สามารถทําโดย

Page 18: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

1. กดเมนู Add New People

2. Enter title here: ช่ือบุคลากร

Page 19: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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: การต้ังคาการเผยแพรบทความ

Page 20: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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วันที่

Page 21: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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: การต้ังคาการเผยแพรบทความ

Page 22: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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. เผยแพร การต้ังคาการเผยแพรไฟลดาวนโหลด

Page 23: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

5.8 Content Views – สวนการจัดการผลงานนักศึกษา

1. เลือกเมนู Content Views

2. กดปุม Add New View

5.9 Appearance – สวนการจัดการรูปแบบเว็บไซต เปนการปรับแตงรูปแบบของเว็บไซตซึ่งประกอบดวย

Theme ปจจุบันฝายพัฒนาสาระดิจิทัลและสื่อประสม ไดออกแบบและพัฒนา Theme ที่ใชช่ือวา

“Department-SRU-V1”

Customize เปนการปรับแตง Theme เชน สี ภาพสวนหัว รูปพื้นหลัง

Widgets วิดเจ็ต เปนสวนเสริมของเว็บฯ

Menus การจัดเมนู ตามที่ประชุมไดมีการกําหนดเมนูเบื้องตนเชน

แนะนําสาขา ประวัติสาขา ปรัชญา/วิสัยทัศน/พันธกิจ ติดตอ

หลักสูตร ขอมูลหลักสูตรและการจัดการศึกษา คุณสมบัติผูเขาศึกษา โครงสรางหลักสูตร

คําอธิบายราชวิชา การฝกงานหรือสหกิจ ขอกําหนดเกี่ยวกับโครงการหรืองานวิจัย

ปริญญาโท (ถาม)ี

บุคลากร คณะกรรมการสาขา อาจารยประจํา

Page 24: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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”

Page 25: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

3. กรอกอีเมล และเลือก Role ระดับสิทธ์ิ

หากตองการเปลี่ยนระดับสิทธ์ิ สามารถทําไดโดย เลือกช่ือผูใชที่ตองการเปลี่ยน และเลือก Change

role to.. แลวเลือกระดับสิทธ์ิที่ตองการเปลี่ยน

Page 26: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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,

Page 27: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

5.13 Photo Gallery –สวนจัดการอัลบ้ัมภาพ เปนการต้ังคาในสวนของอัลบั้มภาพของเว็บไซตซึ่ง

ประกอบดวย

General Gallery Settings: การต้ังคาการเรียงลําดับของอัลบั้ม

Page Settings: การต้ังคาหนาการแสดงของแกลเลอรี่/ อัลบัม้

หากตองการเพิ่ม Gallery หรือ albums สามารถทําไดโดย

การเพิ่ม Gallery

1. กดเมนู Photo Gallery เลือก Gallery

2. กดปุม “Create New Gallery”

Page 28: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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 เมื่อต้ังคาและเลือกรูปเรียบรอยเพื่อบันทึก

Page 29: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

การเพ่ิม Albums

1. กดเมนู Photo Gallery เลือก

2. กดปุม “Create an Album”

5.14 Publications – สวนจัดการเอกสารวิชาการ เปนสวนการจัดการเก่ียวกับเอกสารวิชาการ เมื่อกด

เมนู Publications จะปรากฏ

• Title ช่ือเรื่อง

• ID ลําดับ

• Author ผูเขียนผลงาน

• Tags แท็ก

• Year ป

หากตองการเพิ่มเอกสารวิชาการสามารถทําไดโดย

Page 30: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

Page 31: สารบัญ · สารบัญ 1. WordPress คืออะไร 1 2. ส วนประกอบเว็บไซต ระดับสาขา 2

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

1. เลือกเมนู publication

2. กดปุม Create

3. ใสหัวขอ

4. กรอกขอมูล General information ไดแก ประเภทเอกสาร BibTex Key ผูแตง บรรณาธิการ วันที่

เผยแพร

5. กรอกขอมูล Detailed information ไดแก ช่ือวารสาร ฉลับที่ เลมที ่หนาที่ บทคัดยอ เลข

ISBN/ISSN เลข DOI ลิงกหรือ File

6. กดปุม Create เพื่อสรางเอกสารงานวิชาการใหม