การสร้างและบริหารจัดการ website ด้วย...
TRANSCRIPT
ศนยคอมพวเตอร มหาวทยาลยขอนแกน
การสรางและบรหารจดการ
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
ห น า | 1 การสรางและบรหารจดการ Web site ดวย Wordpress
แนะนา 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 กไดหรอจะตดตงบนเครองแลวเชอมตออนเทอรเนตเพอใหผอน
เขามาอานบลอกของคณ หรอจะตดตงบลอกในรปแบบของอนทราเนตกไดอกเชนกน
ห น า | 2 การสรางและบรหารจดการ Web site ดวย Wordpress
WordPress มการทางานอยางไร
WordPress ใชคาสง PHP บน Web Server เพอตดตอสอสารกบฐานขอมล MySQL ในขนตอนการตดตง
WordPressจะสรางตารางทตองการในฐานขอมลพรอมทงบรรจตวอยางและขอมลเรมตนไวในฐานขอมลเมอคณ
ใชเบราเซอรไปบรหารบลอกของคณเบราเซอรจะสงคาสงไปเพอเพมหรอแกไขบทความในฐานขอมล MySQL ซง
ในความเปนจรงแลว เนอหาของบลอกคณทงหมด ถกเกบไวในไฟลฐานขอมล MySQL ในการแสดงเนอหาของ
บลอกและการบรหารสวนตาง ๆ ของหนาจอนน WordPress ใชไฟลธม (theme) ซงบรรจไปดวยแมแบบสาหรบ
แสดงขอมลชนดตาง ๆ และเพจ (pages) ไฟลขอความเหลานจะประกอบไปดวยโคด PHP, XHTML และ CSS เพอ
ใชในการควบคมการแสดงผลบทความบนทหนาเวบ
WordPress มธมมากมายใหเลอกใช ดงนนไมจาเปนทคณจะตองไปออกแบบเองเพยงแตคณเรยนรเกยวกบ
WordPressและรวามนทางานอยางไรกพอคณกอาจจะสามารถแกไขธมของเวบคณเพอปรบแตงการแสดงผลและ
เพมคณลกษณะเดนๆทนาสนใจเขาไปไดสวนประกอบของการแสดงผล (Page Layout)
การแสดงผลของบลอก WordPressมความแตกตางกนตามธม (Themes) ทตดตงซงธมจะเปนตวกาหนดการ
แสดงผลของบลอก รวมทงปลกอนทอาจจะตดตงไวอกดวยแตกจะมคณลกษณะพนฐานทสามารถพบเหนไดจาก
บลอกทวไป
ห น า | 3 การสรางและบรหารจดการ Web site ดวย Wordpress
การตดตงและการใชงาน XAMPP
1. ทาการดาวนโหลดซอฟแวร XAMPP ตามระบบปฏบตการของเครองทใชท
https://www.apachefriends.org/download.html
2. ทาการตดตงโปรแกรม
3. ทาการเลอก Components ตามตองการ
คลก
คลก
ห น า | 4 การสรางและบรหารจดการ Web site ดวย Wordpress
4. เมอตดตงโปรแกรมเสรจเรยบรอยใหเขาไปท Directory ของโปรแกรมทไดทาการตดตง
5. จากนนเปดโปรแกรม xampp-control.exe ขนมาเพอเรยกใชโปรแกรม
6. ทาการเปดใชงานใน 2 สวนหลกๆ โดยการกดปม Start ท Apache และ MySQL
คลก
ห น า | 5 การสรางและบรหารจดการ Web site ดวย Wordpress
7. จากนนทาการทดสอบ Web Server พมพ localhost แลวกด Enter ดงตอยางรปดานลาง
8. ทาการเปลยน password ของฐานขอมล Mysql โดยเขาไปทเมน Security
คลก
คลก
ห น า | 6 การสรางและบรหารจดการ Web site ดวย Wordpress
9. คลกทลงก http://localhost/security/xamppsecurity.php เพอตงคา password ใหม
10. ตง password ใหม แลวบนทกทปม Password changing
*หมายเหต จา password นไวเพอใชในการตดตง wordpress ตอไป
คลก
ใส password
ทตองการ
คลก
ห น า | 7 การสรางและบรหารจดการ Web site ดวย Wordpress
การสรางฐานขอมลเพอตดตง Wordpress
1. ทาการสรางฐานขอมลไว เพอใชในการตดตง Wordpress โดยพมพ localhost/phpmyadmin
2. ทาการ Login ใสชอผใชเปน root และรหสผานตามทตวเองตงไว
3. สรางฐานขอมลโดยมขนตอนดงน
(1) คลกทเมน ฐานขอมล
(2) ตงชอฐานขอมลเชน wordpress
(3) เลอกการตรวจทานเปน utf8_unicode_ci
(4) คลกบนทกทปม สราง
1
3 2 4
ห น า | 8 การสรางและบรหารจดการ Web site ดวย Wordpress
4. เมอสรางเสรจแลวจะมชอฐานขอมลทเราสรางขนมาในเมนดานซายดงตวอยางในรปดานลาง
ห น า | 9 การสรางและบรหารจดการ Web site ดวย Wordpress
การตดตง Wordpress
เรมดวยการโหลดไฟลตดตงเวรดเพรสภาษาไทยรนลาสดท http://th.wordpress.org
นาไฟลตดตงทดาวนโหลดมา แตกไฟลซบออกมาใน directory XAMPP/htdocs
เขาไปท http://localhost/wordpress จะพบวาหนาเวบเปนแบบน ใหทาตามขนตอน
คลก
คลก
ห น า | 10 การสรางและบรหารจดการ Web site ดวย Wordpress
เตรยมขอมลรายละเอยดทการตดตงตองการใหพรอม
ใสขอมลเพอเชอมตอการตดตงเวรดเพรสและฐานขอมล
คลก
2.คลก
1.กรอกรายละเอยด
ห น า | 11 การสรางและบรหารจดการ Web site ดวย Wordpress
เชอมตอสาเรจแลว กเรมทาการตดตง
ใสรายละเอยดของเวบเวรดเพรสททาการตดตง
คลก
1.กรอกรายละเอยด
2.คลก
ห น า | 12 การสรางและบรหารจดการ Web site ดวย Wordpress
ตดตงสาเรจแลว
เมอตดตงสาเรจ ระบบจะพาคณมายงหนา login เพอเขาสระบบและหนาจดการของเวรดเพรสเพอตงคาหรอเขยนเวบ
ห น า | 13 การสรางและบรหารจดการ Web site ดวย Wordpress
หนาเวบททาการตดตงสาเรจแลวจะอยท http://localhost/wordpress ตามทเราสรางไว
การเขาใชงาน Wordpress
ในกรณทจาลองเครองเปน Server ใหพมพ https://localhost/wordpress/wp-adminในชอง URL ของ browser จะพบ
หนาจอใหใส Username และ Password
ภาพแสดงหนาจอ Login
ห น า | 14 การสรางและบรหารจดการ Web site ดวย Wordpress
เมอเขาสระบบไดแลวจะพบหนาจอแสดงผลและเมนใชงานตางๆ
สวนประกอบของ Wordpress
- หนาควบคม (Dashboard) คอ หนาขอความบอรด
- เรอง (Posts) คอ การจดการ Content
- ไฟลสอ (Media) คอ การจดการไฟล Media
- หนา (Pages) คอ การจดการ Pages
- ความเหน (Comments) คอ การจดการการโพสกลบ
- รปแบบบลอก (Appearance) คอ การจดการรปแบบเพจ
- ปลกอน (Plugin) คอ ระบบเสรมสาหรบจดการ Wordpress
- ผใชงาน (User) คอ การจดการผใชงาน
- เครองมอ (Tools) คอ เครองมอระบบ
- ตงคา (Settings) คอ การจดการทวไป
ห น า | 15 การสรางและบรหารจดการ Web site ดวย Wordpress
การใชงานเมนเรอง (Posts)
เมนเรอง จะประกอบไปดวย
- เรองทงหมด (All Posts) คอ บทความทถกโพสทงหมด
- เขยนเรองใหม (Add New) คอ การเพมโพสใหม
- หมวดหม (Categories) คอ การแบงกลมของบทความ
- ปายกากบ (Post Tags) คอ การตดแทกบทความอนๆเขามาทบทความทเราโพสขน
ห น า | 16 การสรางและบรหารจดการ Web site ดวย Wordpress
การเพม หมวดหม
การโพสบทความควรทจะตองจดกลมของบทความกอนเพอความสะดวกในการจดการภายหลง การจดกลม
บทความคอการแยก ประเภทแตละบทความใหเปนหมวดหม เชน ประเภทบทความ”ขาวประชาสมพนธ” , ประเภท
บทความ“รางวลทไดรบ” เมอไดกลมบทความแลวกมาเพมกลมบทความโดยไปทเมน หมวดหม
ในหนาจอ Categories ใหทานไปท Add New Category เพมรายละเอยดดงน
1. ชอใสชอของ Categories ลงไป
2. Slugใสขอความอางองลงไป แตถาหากปลอยวางไว ระบบจะนาขอความในชอง Name มาใสให
อตโนมต
3. หลกเลอก None
4. คาขยายความใสรายละเอยดเกยวกบ Categories หรอหมายเหตตางๆเมอใสขอมลครบแลวใหกด
ปม Add New Category ดานลาง
1
2
3
4
ห น า | 17 การสรางและบรหารจดการ Web site ดวย Wordpress
การเพมบทความหรอการเขยนเรองใหม
เปนการเพมเรองหรอบทความทจะแสดงบนหนาเวบ สามารถกาหนดหมวดหมของเรองหรอบทความนน
ได ขนตอนการเพมมดงตอไปน
1. คลกทเมน “เรอง”
2. คลกทเมน “เขยนเรองใหม”
1
2
ห น า | 18 การสรางและบรหารจดการ Web site ดวย Wordpress
1. สถานะ
- ฉบบรางคอ บทความทเปนโครงราง ตองมผใชทสทธอนญาต อนญาตใหบทความของเราโพสได
กอนบทความนนจงจะสามารถแสดงอยบนเวบเพจได
- รอคอยการตรวจสอบคอบทความแบบรอการตรวจทาน เชนเดยวกบแบบ ฉบบรางตองมผตรวจทาน
บทความกอน
2. เหนได (Visibility)มรายละเอยดดงน
- สาธารณะ (Public)คอการแสดงบทความขนเพจตามปกต แตถาหากเลอก เปลยนใหเรองนเปนหนา
แรก (Stick this post to the front page )ขอความจะถกนาไปเกบไวในสวนของ Sticky ของ All Posts
เปรยบเสมอน การระงบการแสดงผลไวกอนจนกวาจะมผใชเขาไปเอา
- รหสผานปองกน (Password Protected)บทความทตองใส Password เพอเขาดบทความ
- สวนตว (Private)คอบทความทเปนสวนตวเขาดไดเฉพาะผโพสเทานน
3. เผยแพรทนท (Publish immediately)
- วนทของวนทแผยแพรเรอง
2
1
3
ห น า | 19 การสรางและบรหารจดการ Web site ดวย Wordpress
การใชงาน ไฟลสอ (Media)
คาวา ไฟลสอ (Media) กคอ สอทเปน ไฟลรปภาพ ไฟลวดโอคลป ไฟลเสยง และอนๆ
เมนไฟลสอ จะประกอบไปดวย คลงไฟลสอ, เพมไฟลใหม ในสวนของ คลงไฟลสอคอสวนทแสดงไฟล
สอ ทงหมดทถกใชงานภายในเวบ และสามารถจดการ เพม, ลบ, แกไข และดรายละเอยดของไฟลไดภายในนตาม
ภาพตวอยางตอไปน
คลกเพอเพมไฟลสอ
ห น า | 20 การสรางและบรหารจดการ Web site ดวย Wordpress
การใชงานเมน หนา (Pages)
Pages คอ หนาจอแตละหนาทอยในเวบนนๆ แสดงรายละเอยดตางๆ ทเราตองการจะแสดง แตละเวบอาจจะ
มาหลายหนาจอ การทจะจดการเนอหาและรายละเอยดในหนาจอ สาหรบ WordPressแบงออกเปนสองเมน ดงน
1. หนาทงหมด (All Page)คอ สวนทรวมเอาหนาจอทมการสรางขนมาใชงานทงหมดเอาไวในหนาจอน
2. เขยนหนาใหม (Add New) คอ สวนของการสรางหนาจอใหม สามารถสรางไดโดยไปทเมน หนา -->เขยน
หนาใหมหรอ กดปม เขยนหนาใหมในสวนบนของหนาจอ หนาทงหมด (All Pages)กได เมอเขาสหนาจอ
เขยนหนาใหมจะปรากฏหนาจอและตองกรอกรายละเอยดดงภาพตอไปน
คลกเพอเพมหนา
ห น า | 21 การสรางและบรหารจดการ Web site ดวย Wordpress
สวนใชงานเมนความเหน (Comments)
คอสวนทแสดงความคดเหนในสวนตางๆของเนอหาภายในเวบ มดงน
- ทงหมด คอ แสดงความคดเหนทงหมด
- รอคอยการตรวจสอบ คอ ความคดเหนทรอคอยการตรวจสอบจากผดแลระบบ
- อนมต คอ ความคดเหนทผานการอนมต
- ความเหนสแปม คอ ความคดเหนทเปนแสปมตอระบบ
- ถงขยะ คอความคดเหนทไดทาการลบหรอยายไปเกบยงถงขยะ
ห น า | 22 การสรางและบรหารจดการ Web site ดวย Wordpress
สวนใชงานเมน Appearance หรอสวนกาหนดรปแบบบลอก
ในสวนนเปนการจดการรปแบบในการแสดงผล เปนสวนใหญในเวบ แตจะขนอยกบรปแบบทเราเลอกวาจะ
สามารถจดการในสวนใดไดบาง สวนนมชอเรยกวา Theme การตดตงและใชงานมดงขนตอนดงตอไปน
1. ไปทเมน รปแบบบลอก
2. ไปทเมน Theme
1
2
ห น า | 23 การสรางและบรหารจดการ Web site ดวย Wordpress
3. สามารถเขาไปดาวนโหลด Theme ไดท http://wordpress.org/themes
4. ใหทาการดาวนโหลดโดยคลกทปม Download ดงตวอยางภาพดานลาง
คลก
ห น า | 24 การสรางและบรหารจดการ Web site ดวย Wordpress
5. เมอไดไฟล Theme นาสกล .zip มาแลวใหไปทหวขอ ตดตง Themes
6. ไปทหวขอยอย อปโหลด
7. กดทปม เรยกด แลวคนหาไฟล .zip ทตองการตดตง
8. กดทปม ตดตงตอนน
9. เมอระบบตดตง Theme เสรจสมบรณจะมการแจงวา "Theme installed successfully." ใหกดท Activate เพอ
ใชงาน Theme ทตดตง
1
2
ห น า | 25 การสรางและบรหารจดการ Web site ดวย Wordpress
การปรบแตงธม
การปรบแตงธมนนแตละธมจะมเมนปรบแตงทไมเหมอนกนขนอยกบผพฒนาธมทเราไดดาวนโหลดมาตดตง ใน
คมอนจะเปนตวอยางการปรบแตงธมชอ Frontier ซงดาวนโหลดมาจาก http://wordpress.org/themes/frontier
ขนตอนในการปรบแตงมดงน
1. เขาไปทเมน รปแบบบลอก
2. ไปทเมน Frontier Options ดงแสดงในรปตวอยางดานลาง
1
2
ห น า | 26 การสรางและบรหารจดการ Web site ดวย Wordpress
3. สวนประกอบเมนตางๆของธมประกอบดวย
(1) Display คอ เมนปรบแตงคาพนฐานหนาเวบ เชน โลโกเวบ เปนตน
(2) Layout คอ เมนปรบแตงเคาโครงของเวบ
(3) Blog View คอ เมนปรบแตงการแสดงผลของหนารายการ
(4) Single View คอ เมนปรบแตงการแสดงหนาเนอหา
(5) Widget คอ เมนปรบแตงเคาโครงของสวนเสรม
(6) Color คอ เมนปรบสของเวบ
(7) Custom CSS คอ เมนปรบโคด CSS ของธม
1 2 3 4 5 6 7 8
ห น า | 27 การสรางและบรหารจดการ Web site ดวย Wordpress
การปรบแตงเมน
1. เขาไปทเมน รปแบบบลอก
2. ไปทเมน เมน
3. ใหทาการสรางเมนใหม โดยคลกทปม สรางเมนใหม
4. สามารถเลอกเมนจากหนาทเราสรางไว ลงกและหมวดหม
5. สามารถปรบตาแหนงเมนโดยการลากเพอจดตาแหนง
6. เสรจแลวใหทาการคลกทปม บนทก
2
1
3
4
5
6
ห น า | 28 การสรางและบรหารจดการ Web site ดวย Wordpress
การเพม User และกาหนดสทธตางๆ
การเพม User เพอใหสามารถเขามาใชงานใน เวบได สามารถทาไดดงน
1. เขาไปทเมน ผใชงาน
2. ถาตองการเพมผใชงานใหม ไปทปม เพมผใชใหม
3. จะมฟอรมกรอกขอมลผใชงานดงตวอยางภาพดานลาง
1
2
ห น า | 29 การสรางและบรหารจดการ Web site ดวย Wordpress
สทธหรอบทบาทของผใชงานมดงตอไปน
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 ได
สามารถเลอกให แตละ บญชผใชงานไดเลย เมอไดรายละเอยดครบแลว ใหกดปม เพมผใชใหม เพอเพมผใชงาน
ห น า | 30 การสรางและบรหารจดการ Web site ดวย Wordpress
การตดตง ใชงานปลกอน (plug-in)
ปลกอน เปนสวนเสรมหรอระบบเสรมสาหรบใหเลอกตดตงและใชงานใน wordpress เราสามารถเลอกหา
ปลกอนทเราตองการได เชน ปลกอนระบบลงทเบยน ปลกอนระบบฟอรมตดตอเรา เปนตน
1. ปลกอน Contact Form มขนตอนและการตดตงดงน
1) เขาไปทเมน ปลกอน
2) ในชองคนหาปลกอนใหคนหาดวยคา “contact form”
3) คลกปม คนหาปลกอน
4) จะมรายชอปลกอนทพบ ใหเลอกทรายการ Easy Contact Form คลกทปม ตดตงตอนน
1
2
4
3
ห น า | 31 การสรางและบรหารจดการ Web site ดวย Wordpress
5) เมอทาการตดตงแลว มเมน Contact Form ขนมา เมอคลกเขาไปแลวจะพบหนาจดการ ใหทาการ Copy
โคด Form short code ดงแสดงในภาพดานลาง
6) ใหทาการสรางหนาใหมโดยดงน
(1) ไปทเมน หนา
(2) คลกทเมน เขยนหนาใหม
(3) ตงชอหนาเปน “ตดตอเรา” หรออะไรกได
(4) วางโคดท Copy จากขนตอนกอนหนาลงใหเนอหา แลวบนทกทปม เผยแพร
2 คดลอก short code
1
2
3
4
1
ห น า | 32 การสรางและบรหารจดการ Web site ดวย Wordpress
7) ในหนาเวบ ตดตอเรา จะไดแบบฟอรมสาหรบกรอกตดตอเรา ดงแสดงในรปตวอยางดานลาง
ห น า | 33 การสรางและบรหารจดการ Web site ดวย Wordpress
2. Facebook Like Box Plugin Widget
เปนปลกอนเพมกลองถกใจแฟนเพจของ Facebook มขนตอนตดตงและใชงานดงนคอ
1) ไปทเมนสาหรบตดตงปลกอนและคนหาปลกอนชอ facebook like box
2) คลกเลอกทปม ตดตงตอนน ในรายการ Facebook Like Box Widget
1
2
ห น า | 34 การสรางและบรหารจดการ Web site ดวย Wordpress
3) สาหรบปลกอนนจะไมมเมนใหจดการเพมขนมา จะสงเกตจากชอทมคาวา widget ของชอปลกอนน
เพราะฉะนนปลกอนนสามารถจดการไดจากเมน widget
(1) ใหเขาไปทเมน รปแบบบลอก
(2) คลกทเมน Wigets
(3) คลกทแถบ Wiget ชอ Facebook Like Box Widget
(4) เลอกตาแหนงของ widget น
(5) ทบนทกทปม เพม Widget
1
2
3
4
5
ห น า | 35 การสรางและบรหารจดการ Web site ดวย Wordpress
4) เมอเพม widget แลวจะเขามาทตาแหนงทเราเพม จากตวอยางจะอยในตาแหนง Sidebar-Right หมายถง
คอลมนดานขวาของหนาเวบ
(1) ใหคลกทแถบ Sidebar-Right
(2) คลกทกลอง widget Facebook Like Box Widget ใหใสรายละเอยดตางเขาไป
5) เมอเพมเรยบรอยแลว กลบมาดทหนาเวบจะพบกลองถกใจแฟนเพจ Facebook ขนมาในคอลมน
ดานขวาของเวบเรา ดงรปตวอยางดานลาง
2
1