The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.

Wordpress เรื่องนี้ต้องดู เรียนรู้

Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by g2866kitayasr, 2019-09-13 01:05:48

Wordpress เรื่องนี้ต้องดู เรียนรู้

Wordpress เรื่องนี้ต้องดู เรียนรู้

Keywords: Wordpress เรื่องนี้ต้องดู เรียนรู้

ศูนย์คอมพวิ เตอร์ มหาวทิ ยาลยั ขอนแก่น

การสร้างและบริหารจดั การ
Website ด้วย Wordpress

กติ ตพิ นั ธ ศรศกั ดา

สารบญั
แนะนาํ Wordpress....................................................................................................................................................... 1
WordPress มีการทาํ งานอยา่ งไร.................................................................................................................................. 2
การติดตงั และใชง้ าน XAMPP..................................................................................................................................... 3

การสร้างฐานขอ้ มลู เพือติดตงั Wordpress................................................................................................................ 7
การติดตงั Wordpress................................................................................................................................................... 9
การเขา้ ใชง้ าน Wordpress .......................................................................................................................................... 13
ส่วนประกอบของ Wordpress.................................................................................................................................... 14
การใชง้ านเมนูเรือง (Posts)........................................................................................................................................ 15

การเพมิ หมวดหม.ู่ ................................................................................................................................................. 16
การเพิมบทความหรือการเขียนเรืองใหม่ ............................................................................................................... 17
การใชง้ าน ไฟลส์ ือ (Media) ...................................................................................................................................... 19
การใชง้ านเมนู หนา้ (Pages)...................................................................................................................................... 20
ส่วนใชง้ านเมนู Comments........................................................................................................................................ 21
ส่วนใชง้ านเมนู Appearance หรือส่วนกาํ หนดรูปแบบบลอ็ ก ................................................................................... 22
การปรับแต่งธีม ......................................................................................................................................................... 25
การเพมิ User และกาํ หนดสิทธิต่างๆ......................................................................................................................... 28
การติดตงั ใชง้ านปลกั อนิ (plug-in)............................................................................................................................ 30
ปลกั อิน Contact Form........................................................................................................................................... 30
Facebook Like Box Plugin Widget....................................................................................................................... 33

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 1

แนะนาํ Wordpress

WordPressเป็นเครืองมือทีช่วยในการเขียนเวบ็ บลอ็ กอกี ตวั หนึงซึงจริงๆแลว้ มีโปรแกรมทีช่วยเขยี นบลอ็ ก

อยมู่ ากมายWordPressเป็นอีกหนึงตวั ทีไดร้ ับความนิยมสูงโดยWordPressมกี ารแยกใหผ้ ใู้ ชง้ านนาํ ไปใชไ้ ดส้ องส่วน

คือ

1. WordPress.com ส่วนนีผใู้ ชง้ าน สามารถสมคั รสมาชิก ใชง้ านบริการของWordPressไดท้ นั ทีไมม่ ี

ค่าใชจ้ ่ายโดยจะไดใ้ ชร้ ะบบWordPressอยา่ งสมบูรณ์และสมาชิกจะไดช้ ือ http://yourname.wordpress.com ในการ

เผยแพร่เวบ็ ไซต์

2. WordPress.org ส่วนนึจะเป็นเวบ็ ทีใหบ้ ริการดาวนโ์ หลดโคด้ สาํ หรับนาํ ไปติดตงั บน Serverอนื ๆเอาง่ายๆ

คือสาํ หรับผทู้ ีมคี วามชาํ นาญตอ้ งการนาํ แกนหลกั ของWordPressไปวางบนพืนทขี องตนเองซึงขอ้ ดีกค็ ือการทาํ งานที

รวดเร็วปรับแต่งไดด้ ียงิ ขึน

Wordpress คือโปรแกรมชนิดหนึงทีมีระบบจดั การเนือหาภายในเวบ็ อยา่ งง่าย หรือทีเรียกกนั วา่ Contents

Management System(CMS) เช่น PHP Nuke, Joomla, Mambo, Oscommerce, Xoopsเป็นตน้ สามารถดูรายละเอียด

เพมิ เติมเกียวกบั CMS ไดท้ ี www.CMSThailand.com

Wordpressเป็น CMS ประเภท Blog ซึงพฒั นาขึนโดยภาษา PHP และทาํ งานบนฐานขอ้ มูล MySQL ภายใน

สญั ญาอนุญาตใชง้ านแบบ General Public License(GNU) มเี วบ็ ไซตห์ ลกั อยทู่ ี http://wordpress.org/ และภาษาไทย

ที http://th.wordpress.org/

มอี ยู่ 3 วิธีในการใชง้ าน WordPress เพือสร้างและดูแลบลอ็ ก

1. ใชบ้ ริการที WordPress.Com วิธีนีเป็นวธิ ีทีง่ายและเร็วทีสุดในการทีจะมีบลอ็ กเป็นของตนเองคุณสามารถใช้

งานไดอ้ ยา่ งเตม็ ฟังกช์ นั ทีมีแต่คุณจะไม่สามารถปรับแต่งคณุ ลกั ษณะทีเด่นหรือตดิ ตงั ปลกั อินของ

WordPressเพิมเติมได้

2. ติดตงั บน Hosting คือคุณจะตอ้ งเช่า host ทีมีฐานขอ้ มูล MySQL ดว้ ยรวมทงั จดโดเมน เพือทาํ บลอ็ กในชือ

โดเมนของคณุ เอง หรืออาจจะใชแ้ บบ Sub-domain กไ็ ดถ้ า้ ไมอ่ ยากเสียเงิน กอ็ าจจะหา host ฟรี ๆ ทีรองรับ

PHP และ MySQL โดยชือทีไดเ้ ป็น Sub-domain ของ host ฟรีนนั กไ็ ดก้ ารติดตงั ในลกั ษณะนีจะทาํ ใหค้ ุณ

สามารถติดตงั ปลกั อิน ปรับแต่งคุณลกั ษณะต่างๆ ของWordPressไดต้ ามความตอ้ งการของคุณเอง

3. ติดตงั บนเครืองของคณุ เอง คือติดตงั โปรแกรมทีทาํ ใหเ้ ครืองของคุณเป็น Web Server เช่นXampp, Wamp,

AppServ หรือ WM Server Toolsเป็นตน้ แลว้ ติดตงั WordPressทดสอบการใชง้ านต่าง ๆเมือคล่องแลว้ ก็

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

เขา้ มาอา่ นบลอ็ กของคณุ หรือจะติดตงั บลอ็ กในรูปแบบของอินทราเน็ตก็ไดอ้ กี เช่นกนั

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 2
WordPress มกี ารทํางานอย่างไร

WordPress ใชค้ าํ สงั PHP บน Web Server เพอื ติดต่อสือสารกบั ฐานขอ้ มลู MySQL ในขนั ตอนการติดตงั
WordPressจะสร้างตารางทีตอ้ งการในฐานขอ้ มูลพร้อมทงั บรรจุตวั อยา่ งและขอ้ มูลเริมตน้ ไวใ้ นฐานขอ้ มลู เมือคุณ
ใชเ้ บราเซอร์ไปบริหารบลอ็ กของคุณเบราเซอร์จะส่งคาํ สงั ไปเพอื เพมิ หรือแกไ้ ขบทความในฐานขอ้ มูล MySQL ซึง
ในความเป็นจริงแลว้ เนือหาของบลอ็ กคุณทงั หมด ถกู เกบ็ ไวใ้ นไฟลฐ์ านขอ้ มลู MySQL ในการแสดงเนือหาของ
บลอ็ กและการบริหารส่วนต่าง ๆ ของหนา้ จอนนั WordPress ใชไ้ ฟลธ์ ีม (theme) ซึงบรรจุไปดว้ ยแม่แบบสาํ หรับ
แสดงขอ้ มูลชนิดต่าง ๆ และเพจ (pages) ไฟลข์ อ้ ความเหลา่ นีจะประกอบไปดว้ ยโคด้ PHP, XHTML และ CSS เพือ
ใชใ้ นการควบคุมการแสดงผลบทความบนทีหนา้ เวบ็

WordPress มธี ีมมากมายใหเ้ ลอื กใช้ ดงั นนั ไม่จาํ เป็นทีคุณจะตอ้ งไปออกแบบเองเพยี งแต่คุณเรียนรู้เกียวกบั
WordPressและรู้วา่ มนั ทาํ งานอยา่ งไรก็พอคุณกอ็ าจจะสามารถแกไ้ ขธีมของเวบ็ คุณเพอื ปรับแต่งการแสดงผลและ
เพมิ คุณลกั ษณะเดน่ ๆทีน่าสนใจเขา้ ไปไดส้ ่วนประกอบของการแสดงผล (Page Layout)

การแสดงผลของบลอ็ ก WordPressมีความแตกต่างกนั ตามธีม (Themes) ทีติดตงั ซึงธีมจะเป็นตวั กาํ หนดการ
แสดงผลของบลอ็ ก รวมทงั ปลกั อินทีอาจจะติดตงั ไวอ้ กี ดว้ ยแต่กจ็ ะมคี ณุ ลกั ษณะพืนฐานทีสามารถพบเห็นไดจ้ าก
บลอ็ กทวั ไป

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 3
การตดิ ตงั และการใช้งาน XAMPP

1. ทาํ การดาวนโ์ หลดซอฟแวร์ XAMPP ตามระบบปฏิบตั ิการของเครืองทีใชท้ ี

https://www.apachefriends.org/download.html

2. ทาํ การติดตงั โปรแกรม

คลกิ

3. ทาํ การเลือก Components ตามตอ้ งการ

คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 4
4. เมอื ติดตงั โปรแกรมเสร็จเรียบร้อยใหเ้ ขา้ ไปที Directory ของโปรแกรมทีไดท้ าํ การตดิ ตงั

5. จากนนั เปิ ดโปรแกรม xampp-control.exe ขึนมาเพือเรียกใชโ้ ปรแกรม

6. ทาํ การเปิ ดใชง้ านใน 2 ส่วนหลกั ๆ โดยการกดป่ ุม Start ที Apache และ MySQL
คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 5
7. จากนนั ทาํ การทดสอบ Web Server พมิ พ์ localhost แลว้ กด Enter ดงั ตอั ยา่ งรูปดา้ นลา่ ง

คลกิ

8. ทาํ การเปลยี น password ของฐานขอ้ มูล Mysql โดยเขา้ ไปทีเมนู Security
คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 6
9. คลกิ ทีลิงก์ http://localhost/security/xamppsecurity.php เพือตงั ค่า password ใหม่

คลกิ

10. ตงั password ใหม่ แลว้ บนั ทึกทีป่ ุม Password changing

ใส่ password
ทตี ้องการ
คลกิ
*หมายเหตุ จาํ password นีไวเ้ พอื ใชใ้ นการติดตงั wordpress ต่อไป

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 7
การสร้างฐานข้อมูลเพือตดิ ตงั Wordpress

1. ทาํ การสร้างฐานขอ้ มลู ไว้ เพือใชใ้ นการติดตงั Wordpress โดยพมิ พ์ localhost/phpmyadmin
2. ทาํ การ Login ใส่ชือผูใ้ ชเ้ ป็น root และรหสั ผา่ นตามทีตวั เองตงั ไว้

1 4
23

3. สร้างฐานขอ้ มลู โดยมขี นั ตอนดงั นี
(1) คลิกทีเมนู ฐานข้อมลู
(2) ตงั ชือฐานขอ้ มูลเช่น wordpress
(3) เลือกการตรวจทานเป็น utf8_unicode_ci
(4) คลกิ บนั ทึกทีป่ ุม สร้าง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 8

4. เมือสร้างเสร็จแลว้ จะมีชือฐานขอ้ มูลทีเราสร้างขึนมาในเมนูดา้ นซา้ ยดงั ตวั อยา่ งในรูปดา้ นลา่ ง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 9
การตดิ ตงั Wordpress

เริมดว้ ยการโหลดไฟลต์ ิดตงั เวริ ์ดเพรสภาษาไทยรุ่นล่าสุดที http://th.wordpress.org

คลกิ
นาํ ไฟลต์ ิดตงั ทีดาวน์โหลดมา แตกไฟลซ์ ิบออกมาใน directory XAMPP/htdocs
เขา้ ไปที http://localhost/wordpress จะพบว่าหนา้ เวบ็ เป็นแบบนี ใหท้ าํ ตามขนั ตอน

คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 10
เตรียมขอ้ มลู รายละเอียดทีการติดตงั ตอ้ งการใหพ้ ร้อม

คลกิ
ใส่ขอ้ มูลเพือเชือมต่อการติดตงั เวริ ์ดเพรสและฐานขอ้ มลู

1.กรอกรายละเอยี ด

2.คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 11
เชือมต่อสาํ เร็จแลว้ กเ็ ริมทาํ การติดตงั

คลกิ
ใส่รายละเอียดของเวบ็ เวิร์ดเพรสทีทาํ การติดตงั

1.กรอกรายละเอยี ด

2.คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 12
ติดตงั สาํ เร็จแลว้

เมือติดตงั สาํ เร็จ ระบบจะพาคุณมายงั หนา้ login เพือเขา้ สู่ระบบและหนา้ จดั การของเวริ ์ดเพรสเพือตงั ค่าหรือเขียนเวบ็

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 13
หนา้ เวบ็ ทีทาํ การติดตงั สาํ เร็จแลว้ จะอยทู่ ี http://localhost/wordpress ตามทีเราสร้างไว้

การเข้าใช้งาน Wordpress
ในกรณีทจี าํ ลองเครืองเป็น Server ใหพ้ ิมพ์ https://localhost/wordpress/wp-adminในช่อง URL ของ browser จะพบ
หนา้ จ่อใหใ้ ส่ Username และ Password

ภาพแสดงหนา้ จอ Login

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 14
เมือเขา้ สู่ระบบไดแ้ ลว้ จะพบหนา้ จอแสดงผลและเมนูใชง้ านต่างๆ

ส่วนประกอบของ Wordpress

- หน้าควบคมุ (Dashboard) คือ หนา้ ขอ้ ความบอร์ด
- เรือง (Posts) คือ การจดั การ Content
- ไฟล์สือ (Media) คือ การจดั การไฟล์ Media
- หน้า (Pages) คือ การจดั การ Pages
- ความเห็น (Comments) คือ การจดั การการโพสกลบั
- รูปแบบบลอ็ ก (Appearance) คือ การจดั การรูปแบบเพจ
- ปลกั อนิ (Plugin) คือ ระบบเสริมสาํ หรับจดั การ Wordpress
- ผ้ใู ช้งาน (User) คือ การจดั การผใู้ ชง้ าน
- เครืองมอื (Tools) คือ เครืองมือระบบ
- ตงั ค่า (Settings) คือ การจดั การทวั ไป

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 15
การใช้งานเมนูเรือง (Posts)

เมนูเรือง จะประกอบไปดว้ ย
- เรืองทงั หมด (All Posts) คือ บทความทีถกู โพสทงั หมด
- เขยี นเรืองใหม่ (Add New) คือ การเพมิ โพสใหม่
- หมวดหมู่ (Categories) คือ การแบ่งกลุม่ ของบทความ
- ป้ายกาํ กบั (Post Tags) คือ การตดิ แท๊กบทความอืนๆเขา้ มาทีบทความทีเราโพสขึน

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 16
การเพมิ หมวดหมู่

การโพสบทความควรทีจะตอ้ งจดั กลุ่มของบทความก่อนเพอื ความสะดวกในการจดั การภายหลงั การจดั กลุม่
บทความคือการแยก ประเภทแต่ละ่ บทความใหเ้ ป็นหมวดหมู่ เช่น ประเภทบทความ”ข่าวประชาสมั พนั ธ”์ , ประเภท
บทความ“รางวลั ทีไดร้ ับ” เมือไดก้ ลมุ่ บทความแลว้ ก็มาเพมิ กลุม่ บทความโดยไปทีเมนู หมวดหมู่

1
2
3

4

ในหนา้ จอ Categories ใหท้ ่านไปที Add New Category เพิมรายละเอยี ดดงั นี
1. ชือใส่ชือของ Categories ลงไป
2. Slugใส่ขอ้ ความอา้ งอิงลงไป แต่ถา้ หากปล่อยวา่ งไว้ ระบบจะนาํ ขอ้ ความในช่อง Name มาใส่ให้
อตั โนมตั ิ
3. หลกั เลอื ก None
4. คาํ ขยายความใส่รายละเอียดเกียวกบั Categories หรือหมายเหตุต่างๆเมอื ใส่ขอ้ มูลครบแลว้ ใหก้ ด
ป่ ุม Add New Category ดา้ นลา่ ง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 17
การเพมิ บทความหรือการเขยี นเรืองใหม่

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

1. คลิกทีเมนู “เรือง”
2. คลกิ ทีเมนู “เขียนเรืองใหม”่

1

2

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 18

1

2

3

1. สถานะ
- ฉบบั ร่างคือ บทความทีเป็นโครงร่าง ตอ้ งมีผใู้ ชท้ ีสิทธิอนุญาต อนุญาตใหบ้ ทความของเราโพสได้
ก่อนบทความนนั จึงจะสามารถแสดงอยบู่ นเวบ็ เพจได้
- รอคอยการตรวจสอบคือบทความแบบรอการตรวจทาน เชน่ เดียวกบั แบบ ฉบบั ร่างตอ้ งมีผตู้ รวจทาน
บทความก่อน

2. เหน็ ได้ (Visibility)มรี ายละเอียดดงั นี
- สาธารณะ (Public)คือการแสดงบทความขึนเพจตามปกติ แต่ถา้ หากเลือก เปลยี นใหเ้ รืองนีเป็นหนา้
แรก (Stick this post to the front page )ขอ้ ความจะถกู นาํ ไปเก็บไวใ้ นส่วนของ Sticky ของ All Posts
เปรียบเสมอื น การระงบั การแสดงผลไวก้ ่อนจนกว่าจะมีผใู้ ชเ้ ขา้ ไปเอา
- รหสั ผา่ นป้องกนั (Password Protected)บทความทีตอ้ งใส่ Password เพือเขา้ ดูบทความ
- ส่วนตวั (Private)คือบทความทีเป็นส่วนตวั เขา้ ดูไดเ้ ฉพาะผโู้ พสเท่านนั

3. เผยแพร่ทนั ที (Publish immediately)
- วนั ทีของวนั ทีแผยแพร่เรือง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 19
การใช้งาน ไฟล์สือ (Media)

คาํ ว่า ไฟล์สือ (Media) กค็ ือ สือทเี ป็ น ไฟล์รูปภาพ ไฟล์วดี โี อคลปิ ไฟล์เสียง และอืนๆ
เมนูไฟลส์ ือ จะประกอบไปดว้ ย คลงั ไฟลส์ ือ, เพิมไฟลใ์ หม่ ในส่วนของ คลงั ไฟลส์ ือคือส่วนทีแสดงไฟล์
สือ ทงั หมดทีถูกใชง้ านภายในเวบ็ และสามารถจดั การ เพิม, ลบ, แกไ้ ข และดูรายละเอียดของไฟลไ์ ดภ้ ายในนีตาม
ภาพตวั อยา่ งต่อไปนี

คลิกเพอื เพิมไฟล์สือ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 20
การใช้งานเมนู หน้า (Pages)

Pages คือ หนา้ จอแต่ละ่ หนา้ ทีอยใู่ นเวบ็ นนั ๆ แสดงรายละเอียดต่างๆ ทีเราตอ้ งการจะแสดง แต่ละ่ เวบ็ อาจจะ
มาหลายหนา้ จอ การทีจะจดั การเนือหาและรายละเอยี ดในหนา้ จอ สาํ หรับ WordPressแบ่งออกเป็นสองเมนู ดงั นี

1. หนา้ ทงั หมด (All Page)คือ ส่วนทีรวมเอาหนา้ จอทีมกี ารสร้างขึนมาใชง้ านทงั หมดเอาไวใ้ นหนา้ จอนี

คลิกเพอื เพิมหน้า

2. เขียนหนา้ ใหม่ (Add New) คือ ส่วนของการสร้างหนา้ จอใหม่ สามารถสร้างไดโ้ ดยไปทีเมนู หน้า -->เขยี น
หน้าใหม่หรือ กดป่ ุม เขยี นหน้าใหม่ในส่วนบนของหนา้ จอ หนา้ ทงั หมด (All Pages)กไ็ ด้ เมือเขา้ สู่หนา้ จอ
เขียนหน้าใหม่จะปรากฏหนา้ จอและตอ้ งกรอกรายละเอยี ดดงั ภาพต่อไปนี

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 21
ส่วนใช้งานเมนูความเหน็ (Comments)

คือสวนทีแสดงความคิดเห็นในส่วนต่างๆของเนือหาภายในเวบ็ มดี งั นี

- ทังหมด คือ แสดงความคิดเห็นทงั หมด
- รอคอยการตรวจสอบ คือ ความคดิ เห็นทีรอคอยการตรวจสอบจากผดู้ ูแลระบบ
- อนุมตั ิ คือ ความคิดเห็นทีผา่ นการอนุมตั ิ
- ความเหน็ สแปม คือ ความคิดเห็นทีเป็นแสปมต่อระบบ
- ถงั ขยะ คือความคิดเห็นทีไดท้ าํ การลบหรือยา้ ยไปเก็บยงั ถงั ขยะ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 22
ส่วนใช้งานเมนู Appearance หรือส่วนกาํ หนดรูปแบบบลอ็ ก

ในส่วนนีเป็นการจดั การรูปแบบในการแสดงผล เป็นส่วนใหญ่ในเวบ็ แต่จะขึนอยกู่ บั รูปแบบทีเราเลอื กวา่ จะ
สามารถจดั การในส่วนใดไดบ้ า้ ง ส่วนนีมชี ือเรียกวา่ Theme การติดตงั และใชง้ านมดี งั ขนั ตอนดงั ต่อไปนี

1. ไปทีเมนู รูปแบบบลอ็ ก
2. ไปทีเมนู Theme

1
2

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 23
3. สามารถเขา้ ไปดาวนโ์ หลด Theme ไดท้ ี http://wordpress.org/themes

4. ใหท้ าํ การดาวนโ์ หลดโดยคลิกทีป่ ุม Download ดงั ตวั อยา่ งภาพดา้ นล่าง

คลกิ

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 24

5. เมือไดไ้ ฟล์ Theme นาสกุล .zip มาแลว้ ใหไ้ ปทีหวั ขอ้ ตดิ ตงั Themes

6. ไปทีหวั ขอ้ ยอ่ ย อปั โหลด

7. กดทีป่ ุม เรียกดู แลว้ คน้ หาไฟล์ .zip ทีตอ้ งการตดิ ตงั

8. กดทีป่ ุม ตดิ ตงั ตอนนี

9. เมือระบบติดตงั Theme เสร็จสมบูรณ์จะมีการแจง้ วา่ "Theme installed successfully." ใหก้ ดที Activate เพอื

ใชง้ าน Theme ทีติดตงั

1

2

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 25
การปรับแต่งธมี

การปรับแต่งธีมนนั แต่ละธีมจะมเี มนูปรับแต่งทีไม่เหมอื นกนั ขนึ อยกู่ บั ผพู้ ฒั นาธีมทีเราไดด้ าวน์โหลดมาติดตงั ใน
คู่มอื นีจะเป็นตวั อยา่ งการปรับแต่งธีมชือ Frontier ซึงดาวนโ์ หลดมาจาก http://wordpress.org/themes/frontier
ขนั ตอนในการปรับแต่งมดี งั นี

1. เขา้ ไปทีเมนู รูปแบบบลอ็ ก
2. ไปทีเมนู Frontier Options ดงั แสดงในรูปตวั อยา่ งดา้ นลา่ ง

1
2

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 26
3. ส่วนประกอบเมนูต่างๆของธีมประกอบดว้ ย
(1) Display คือ เมนูปรับแต่งค่าพนื ฐานหนา้ เวบ็ เช่น โลโกเ้ วบ็ เป็นตน้
(2) Layout คือ เมนูปรับแต่งเคา้ โครงของเวบ็
(3) Blog View คือ เมนูปรับแต่งการแสดงผลของหนา้ รายการ
(4) Single View คือ เมนูปรับแต่งการแสดงหนา้ เนือหา
(5) Widget คือ เมนูปรับแต่งเคา้ โครงของส่วนเสริม
(6) Color คือ เมนูปรับสีของเวบ็
(7) Custom CSS คือ เมนูปรับโคด้ CSS ของธีม

12 3 4 56 7 8

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 27

การปรับแต่งเมนู 6
1. เขา้ ไปทีเมนู รูปแบบบลอ็ ก
2. ไปทีเมนู เมนู
3. ใหท้ าํ การสร้างเมนูใหม่ โดยคลิกทีป่ ุม สร้างเมนูใหม่
4. สามารถเลือกเมนูจากหน้าทีเราสร้างไว้ ลงิ ก์และหมวดหมู่
5. สามารถปรับตาํ แหน่งเมนูโดยการลากเพือจดั ตาํ แหน่ง
6. เสร็จแลว้ ใหท้ าํ การคลกิ ทีป่ ุม บันทกึ

3
1

2 5
4

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 28
การเพมิ User และกาํ หนดสิทธติ ่างๆ

การเพมิ User เพอื ให้สามารถเขา้ มาใชง้ านใน เวบ็ ได้ สามารถทาํ ไดด้ งั นี
1. เขา้ ไปทีเมนู ผ้ใู ช้งาน
2. ถา้ ตอ้ งการเพมิ ผใู้ ชง้ านใหม่ ไปทีป่ ุม เพมิ ผ้ใู ช้ใหม่

2

1

3. จะมฟี อร์มกรอกขอ้ มลู ผใู้ ชง้ านดงั ตวั อยา่ งภาพดา้ นล่าง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 29

สิทธิหรือบทบาทของผใู้ ชง้ านมดี งั ต่อไปนี

1. สมาชิกรับข่าว (Subscriber) คือ สมาชิกทวั ไป สามารถเขา้ ใชง้ านไดเ้ ฉพาะส่วนของเมนู Profile จะสามารถ

แกไ้ ขไดเ้ ฉพาะขอ้ มูลส่วนตวั ของผใู้ ชง้ านนนั

2. ผ้คู วบคุมเวบ็ (Administrator) คือ ผดู้ ูและระบบ สามารถจดั การไดท้ ุกอยา่ งภายใน Wordpress

3. ผ้ตู รวจทาน (Editor) คือ บรรณาธิการเวบ็ สามารถเขา้ ใชง้ านเมนู Posts, Media, Links, Pages, Comments

และ Profile ไดอ้ ยา่ งเต็มรูปแบบ และจะมองเห็นเมนู Tools แต่ไมส่ ามารถจดั การรายละเอยี ดได้

4. ผู้เขยี น (Author) คือ ผเู้ ขียนบทความ สามารถใชง้ านเมนู Posts ไดแ้ ต่ไม่สามารถ ปิ ด Comments ได้

สามารถใชง้ านเมนูอยา่ ง Media, Comments, Profile ไดป้ กติ และจะมองเห็นเมนู Tools แต่ไม่สามารจดั การ

อะไรได้

5. ผ้สู นับสนุน (Contributor) คือ ผสู้ นบั สนุน สามารถ Posts บทความไดแ้ ตต่ อ้ งผา่ นการตรวจทานจาก

ผใู้ ชง้ านทีมสี ิทธิอนุญาตก่อนบทความนนั ถงึ จะแสดงบนเวบ็ ได้ มสี ิทธิ Comments และแกไ้ ข Profile ได้

สามารถเลือกให้ แต่ละ บญั ชีผใู้ ชง้ านไดเ้ ลย เมอื ไดร้ ายละเอยี ดครบแลว้ ใหก้ ดป่ ุม เพมิ ผ้ใู ช้ใหม่ เพอื เพมิ ผใู้ ชง้ าน

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 30

การตดิ ตงั ใช้งานปลกั อนิ (plug-in)

ปลกั อิน เป็นส่วนเสริมหรือระบบเสริมสาํ หรับใหเ้ ลอื กติดตงั และใชง้ านใน wordpress เราสามารถเลือกหา

ปลกั อินทีเราตอ้ งการได้ เช่น ปลกั อินระบบลงทเบียน ปลกั อนิ ระบบฟอร์มติดต่อเรา เป็นตน้

1. ปลกั อนิ Contact Form มีขนั ตอนและการติดตงั ดงั นี
1) เขา้ ไปทีเมนู ปลกั อนิ
2) ในช่องคน้ หาปลกั อนิ ใหค้ น้ หาดว้ ยคาํ “contact form”
3) คลิกป่ ุม ค้นหาปลกั อนิ
4) จะมรี ายชือปลกั อนิ ทีพบ ใหเ้ ลือกทีรายการ Easy Contact Form คลกิ ทีป่ ุม ตดิ ตงั ตอนนี

2
1

3

4

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 31

5) เมอื ทาํ การติดตงั แลว้ มเี มนู Contact Form ขึนมา เมอื คลิกเขา้ ไปแลว้ จะพบหนา้ จดั การ ใหท้ าํ การ Copy

โคด้ Form short code ดงั แสดงในภาพดา้ นล่าง

2 คดั ลอก short code
1

6) ใหท้ าํ การสร้างหนา้ ใหมโ่ ดยดงั นี
(1) ไปทีเมนู หน้า
(2) คลกิ ทีเมนู เขียนหน้าใหม่
(3) ตงั ชือหนา้ เป็น “ติดต่อเรา” หรืออะไรกไ็ ด้
(4) วางโคด้ ที Copy จากขนั ตอนก่อนหนา้ ลงใหเ้ นือหา แลว้ บนั ทึกทีป่ ุม เผยแพร่

3
1

2
4

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 32

7) ในหนา้ เวบ็ ติดต่อเรา จะไดแ้ บบฟอร์มสาํ หรับกรอกติดต่อเรา ดงั แสดงในรูปตวั อยา่ งดา้ นลา่ ง

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 33
2. Facebook Like Box Plugin Widget
เป็นปลกั อนิ เพมิ กล่องถกู ใจแฟนเพจของ Facebook มีขนั ตอนติดตงั และใชง้ านดงั นีคือ
1) ไปทีเมนูสาํ หรับติดตงั ปลกั อินและคน้ หาปลกั อนิ ชือ facebook like box
2) คลกิ เลอื กทีป่ ุม ติดตงั ตอนนี ในรายการ Facebook Like Box Widget

1

2

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 34

3) สาํ หรับปลกั อนิ นีจะไมม่ เี มนูใหจ้ ดั การเพิมขึนมา จะสงั เกตจากชือทีมคี าํ ว่า widget ของชือปลกั อินนี

เพราะฉะนนั ปลกั อนิ นีสามารถจดั การไดจ้ ากเมนู widget

(1) ใหเ้ ขา้ ไปทีเมนู รูปแบบบลอ็ ก

(2) คลิกทีเมนู Wigets

(3) คลกิ ทีแถบ Wiget ชือ Facebook Like Box Widget

(4) เลอื กตาํ แหน่งของ widget นี

(5) ทีบนั ทึกทีป่ ุม เพมิ Widget

3
1

4

2

5

การสร้ างและบริหารจัดการ Web site ด้วย Wordpress ห น้ า | 35

4) เมือเพิม widget แลว้ จะเขา้ มาทีตาํ แหน่งทีเราเพิม จากตวั อยา่ งจะอยใู่ นตาํ แหน่ง Sidebar-Right หมายถงึ

คอลมั น์ดา้ นขวาของหนา้ เวบ็

(1) ใหค้ ลิกทีแถบ Sidebar-Right

(2) คลกิ ทีกลอ่ ง widget Facebook Like Box Widget ใหใ้ ส่รายละเอียดต่างเขา้ ไป

1

2

5) เมอื เพมิ เรียบร้อยแลว้ กลบั มาดูทีหนา้ เวบ็ จะพบกลอ่ งถกู ใจแฟนเพจ Facebook ขึนมาในคอลมั น์
ดา้ นขวาของเวบ็ เรา ดงั รูปตวั อยา่ งดา้ นล่าง


Click to View FlipBook Version