warunpong.files.wordpress.com€¦  · web view2012. 1. 15. · รายงาน. วิชา...

184
1 รรรรรร วววว วววววววววววววววววววววว วววววว Wordpress วววว ววววววววววววว วววววววว ววววววววว ววววววววววว วววววววว วววววว 9 วววว ว.4/8 ววววววววววววววววว ววววววววววว

Upload: others

Post on 03-Sep-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

1

รายงาน

วชา คอมพวเตอรมลตมเดย

เรอง Wordpress

เสนอ

อาจารยเพชรณา บรพนธ

จดทำาโดย

นายวรณพงศ เขยดเดช เลขท 9 ชน ม.4/8

โรงเรยนสภาราชน จงหวดตรง

ปการศกษา 2554

Page 2: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

2

คำานำารายงานเลมนเปนสวนหนงของวชาคอมพวเตอรมลตมเดย จดทำา

เพอศกษาวธการใชงาน wordpress ซงเปนเวบบลอกชนดหนงทมผนยมใชงานกนทวโลก รายงานไดวชาเกยวกบรปแบบการใชงานรวมไปถงเทคนคตางๆทเรายงไมร ทำาใหผศกษาไดรบความรอกตงเปนเอกสารประกอบการเรยนวชาคอมพวเตอรมลตมเดย ทำาใหผศกษาสามารถนำาความรทไดไปพฒนาเวบบลอกของตวเองใหดขน

และในทายทสดน ขาพเจาหวงเปนอยางยงวารายงานงฉบบน จะเปนประโยชนและเปนสวนหนงททำาใหผอานไดความรเพมเตม และสามารถนำาไปปรบใชกบชวตประจำาวนไดบาง อยางไรกตาม หากมขอผดพลาดประการใด กตองขออภยไว ณ ทนดวย

ผจดทำา

วรณพงศ เขยดเดช

Page 3: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

3

สารบญ

ท หนา

1.ความรเบองตน

1.1WordPress คออะไร7

1.2 ทำาความรจก WordPress8

1.3 กายวภาคของบลอก WordPress9

1.4 การใชงาน WordPress13

2.การตดตง

2.1 การจำาลองเครองใหเปน Web Server15

2.1.1 การตดตง XAMPP15

2.1.2 การตดตง AppServ23

Page 4: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

4

2.2 การสรางฐานขอมล29

2.3 การดาวนโหลดและขยายไฟล30

2.4 การปรบแตงไฟล wp-config.php32

2.5 การตดตง WordPress33

2.6 การตดตง WordPress บน bluehost37

3.การปรบแตง : การใชงาน41

3.1 กำาหนดรหสผาน Admin ใหม41

3.2 การสรางไฟล .htaccess ใน WordPress41

3.3 การตงเขตเวลาบลอก 423.4 การหาหมายเลข ID ของ Categories

43

Page 5: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

5

3.5 การเขยนบทความลวงหนา44

3.6 การแบงขอความ45

3.7 การเปลยนธม47

3.8 ขยายกรอบเขยนบทความใหใหญขน52

3.9 แสดงความคดเหนโดยไมตองตรวจสอบ54

3.10 แกไขภาษาไทยในธม WordPress55

3.11 สรางแมแบบ Page57

3.12WordPress ภาษาไทย61

3.13 สทธการเขาถงไฟล66

3.14 การเปด mod_rewrite ใน Apache71

3.15QuickPress เขยนดวน72

Page 6: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

6

4.เสรมประสทธภาพดวย Plugins74

4.1 การทำา Related Posts74

4.5 สรางสสนลงกภาพดวย Lightbox 277

4.6 บรหารสทธสมาชกดวย Role Manager78

4.7 ทำาสารบญดวย TOC Generator79

4.8 แบงสวนบทความออกเปนแทบ82

4.9 ควบคม Revisions ดวยปลกอน83

4.10 ทำาบลอกสวนตวดวย Private Only85

4.11 ซอนบทความดวย HidePost86

5.การใชงานระดบสง

5.1 นำาขอมลบลอกมาตดตงบนเครองสวนตว88

Page 7: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

7

5.2 การนำา WordPress จากเครองสอนเทอรเนต93

5.3 หลายบลอก หนงฐานขอมล99

5.4 การเปลยนเสนทางบลอก100

5.5 การสรางฐานขอมลบน Cpanel101

5.6 การปด Post Revision ใน WordPress 2.6105

5.7 ลดขนาดฐานขอมล105

5.8 จบ WordPress ใส CD107

5.9Post Revisions111

5.10 ปด Trackbacks ในบลอกตนเอง113

5.11 ยายบลอก WordPress ขามโฮสต ตางโฟลเดอร114

5.12 การยายบลอก WordPress สโฮสตใหม116

5.13 ปดการแสดงความเหน117

Page 8: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

8

5.14 การสำารองขอมลโดย phpMyAdmin119

5.15 การคนขอมลดวย DirectAdmin121

5.16 การตงสทธเขาถงไฟลใน DirectAdmin123

5.17 ตดตงหลายบลอก แตผใชชดเดยวกน125

5.18 แบงบทความและเพจออกเปนหลาย ๆ หนา127

6.ปญหาทอาจจะเกดขน128

6.1 เขาส Dashboard ไมได128

6.2 เกดปญหาหลงอพเกรด WordPress133

6.4Blank Dashboard Screen134

6.5 ลมรหสผาน Admin135

Page 9: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

9

คมอ WordPress

คมอ WordPress น เปนการรวบรวมบทความตาง ๆ ทเคยเขยนเอาไว จดใหเปนหมวดหม เพอคนหาไดงายยงขน รวมทงจะทะยอยเขยนบทความเพมเตมใหสมบรณ หากมขอตชมหรอขอสงสย กสามารถสอบถามเขามาได

ความรเบองตน

ทำาความรจกกบ WordPress ในแงมมตาง ๆ กอนทจะลงมอศกษาอยางจรงจง

WordPress คออะไร

WordPress เปนโปรแกรมสำาหรบทำาบลอก พฒนาดวยภาษา PHP และใชงานรวมกบฐานขอมล MySQL ภายในสญญาอนญาตใชงานแบบ GNU General Public License

WordPress มการใชงานทงาย มความยดหยนสง เปนทนยมของบลอกเกอรทวโลกรวมทงชาวไทยดวยเชนกน มผพฒนาปลกอน และธม (รปแบบการแสดงผล) ใหเลอกใชแบบฟร ๆ อยเปนจำานวนมาก

นอกจาก WordPress รนปกตแลว ยงม WordPress MU อกรนหนง ทไวใหผใชนำาไปเปดเปนผใหบรการพนททำาเวบบลอก ทผใชทวไปสามารถมาสมครเพอสรางเวบบลอกของตนเองได

Page 10: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

10

หนาตางควบคมระบบของ WordPress

WordPress นพฒนาตอยอดมาจาก b2\cafelog ทพฒนาโดย Michel Valdrighi และชอ WordPress นกไดมาจากการแนะนำาของ Christine Selleck ซงเปนเพอนกบหวหนาทมพฒนา นนคอ Matt Mullenweg โดยปรากฏโฉมครงแรกในป 2546 ซงเปนความรวมมอกนระหวาง Matt Mullenweg และ Mike Little เพอทจะสราง fork ของ b2

ในป 2547 บรษท Six Apart ผพฒนา Moveable Type ไดมการคดคาใชงาน ทำาใหผใชหนมาใช WordPress กนเปนจำานวนมาก

ตอนนกคงจะเกรนนำาเพอทำาความรจกกนไปกอนนะครบ เดยวจะมเรองราวเกยวกบ WordPress อกหลาย ๆ ดาน มาใหไดอานกน คอยตดตามกนตอไปครบ

ทำาความรจก WordPress

Page 11: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

11

WordPress ไมใชโปรแกรมปกตเหมอนกบโปรแกรมอน ๆ ทวไปททำางานบนคอมพวเตอร เชน MicroSoft Word, MicroSoft Excel เปนตน ไมใชปลกอนสำาหรบเบราเซอร เหมอนกบ QuickTime หรอ Flash Player แตมนเปนระบบสงพมพบนเวบ ทสรางโดยใช PHP และฐานขอมล MySQL ซงทงสองอยางนทำางานบน Unix

WordPress มการทำางานอยางไร

WordPress ใชคำาสง PHP บน Web Server เพอตดตอสอสารกบฐานขอมล MySQL ในขนตอนการตดตง WordPress จะสรางตารางทตองการในฐานขอมล พรอมทงบรรจตวอยางและขอมลเรมตนไวในฐานขอมล

เมอคณใชเบราเซอรไปบรหารบลอกของคณ เบราเซอรจะสงคำาสงไปเพอเพมหรอแกไขบทความในฐานขอมล MySQL ซงในความเปนจรงแลว เนอหาของบลอกคณทงหมด ถกเกบไวในไฟลฐานขอมล MySQL

ในการแสดงเนอหาของบลอกและการบรหารสวนตาง ๆ ของหนาจอนน WordPress ใชไฟลธม (theme) ซงบรรจไปดวยแมแบบสำาหรบแสดงขอมลชนดตาง ๆ และเพจ (pages) ไฟลขอความเหลานจะประกอบไปดวยโคด PHP, XHTML และ CSS เพอใชในการควบคมการแสดงผลบทความบนทหนาเวบ

WordPress มธมมากมายใหเลอกใช ดงนนไมจำาเปนทคณจะตองไปออกแบบเอง เพยงแตคณเรยนรเกยวกบ WordPress และรวามน

Page 12: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

12

ทำางานอยางไรกพอ คณกอาจจะสามารถแกไขธมของเวบคณเพอปรบแตงการแสดงผลและเพมคณลกษณะเดน ๆ ทนาสนใจเขาไปได

ความตองการของระบบ

หากคณใช WordPress ท WordPress.Com กขามขนตอนนไปไดเลยครบ เพราะไมตองเตรยมอะไรครบ เพราะเขาเตรยมไวใหหมดแลว

แตถาคณตดตง WordPress บน host หรอ บนเครองของคณเอง อานตอไดเลยครบ

Server ทตดตง WordPress รน 2.1+ ตองการดงน

1.PHP รน 4.2 ขนไป

2.MySQL รน 4.0 ขนไป

Server ทตดตง WordPress รน 2.0 ตองการดงน

1.PHP รน 4.2 หรอใหมกวา

2.MySQL รน 3.23.23 หรอใหมกวา

คดวาสวนใหญ host ในปจจบนนาจะรองรบ WordPress รน 2.1+ ไดแลวนะครบ แตถาหากไมแนใจวา host ทคณใชงานอยนนรองรบกบ

Page 13: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

13

WordPress ทคณจะใชงานหรอไม ใหสอบถามกบทางผใหบรการ host ของคณดวา ใช PHP และ MySQL รนไหน

ถาหากวา host ของคณไมรองรบกบ WordPress รนใหม คณกสามารถใช WordPress รนเกา ๆ ท host ของคณรองรบกไดครบ เพราะวาทางทมงานของ WordPress ยงเกบรนเกา ๆ ไวใหคณไดดาวนโหลดมาใชไดครบ

กายวภาคของบลอก WordPress

การแสดงผลของบลอก WordPress มความแตกตางกนตามธม (Themes) ทตดตง ซงธมจะเปนตวกำาหนดการแสดงผลของบลอก รวมทงปลกอนทอาจจะตดตงไวอกดวย แตกจะมคณลกษณะพนฐานทสามารถพบเหนไดจากบลอกทวไป ตอไปจะไดแสดงใหเหนวา สวนประกอบของบลอกมอะไรบาง

Page 14: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

14

ภาพหนาจอของบลอก WordPress

Page 15: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

15

ภาพของบทความในบลอก เมอคลกทชอเรองของบทความ

1.Header แสดงอยดานบนของแตละหนา โดยปกตแลวจะแสดงชอของบลอกและสโลแกนของบลอก หรอบอกวาบลอกนทำาเกยวกบอะไร

2.Page ใน WordPress คณสามารถทจะบรรจหนาไวในบลอกได บลอกเกอรสวนใหญจะใชสำาหรบขอมลเกยวกบบลอก และใชบรรจเนอหา ซงลงกไปยงหนานจะอยทบน Header หรอท sidebar เปนตน

3.Post Title ชอเรองบทความ

4.Posts เนอหาบทความ

Page 16: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

16

5.Footer สวนนจะอยดานลางของแตละหนา ปกตจะบรรจขอมลลขสทธ อาจจะบรรจขอมลเกยวกบธมของบลอก ในบางธมของบลอก คณจะหาลงกของ RSS feed ไดใน Footer

6.Sidebar สวนนจะปรากฏในทก ๆ หนา โดยปกตจะบรรจดวยลงกนำาทางหลาย ๆ อยางและคณลกษณะอน ๆ

■Search form ใชสำาหรบคนหาขอมลตาง ๆ ในบลอกทตรงกบคำาทปอนสำาหรบคนหา.

■Calendar ปฏทนนจะแสดงลงกวนททมการโพสตบทความ คลกบนลงกเปนการแสดงบทความทโพสต ณ วนนน ๆ และคณยงใชลงกในปฏทนเพอดเดอนทแลวหรอเดอนถดไปได

■Recent posts แสดงรายการโพสตลาสด

■Category แสดงรายการหมวดหมทงหมดของบทความในบลอก การคลกบนหมวดหม จะเปนการแสดงบทความทอยในหมวดหมนน ๆ ทงหมด

■Archive แสดงรายชอเดอนตาง ๆ ทมการโพสตบทความ คลกบนรายชอเดอนเพอดบทความทโพสตในแตละเดอน

■Links แสดงรายชอบลอกทนาสนใจหรอเวบไซตอน ๆ

■Feeds เปนลงกหรอปมสำาหรบเขาถง RSS feed ของบทความหรอความคดเหน

■Meta แสดงรายการเพอใหผใชลอกอนเขาสระบบหรอลงทะเบยน ลงกสำาหรบตรวจสอบโคด XHTML และ CSS

Page 17: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

17

เมอคลกทชอเรองของบทความ กจะแสดงเนอหาบทความนนทงหมด (ในกรณทมการตดการแสดงบนในหนาบลอก) รวมทงทางดานลางของบทความ จะมกรอบใหไดแสดงความคดเหนเกยวกบบทความนน ๆ อกดวย หากมอะไรอยากถาม หรอออกความเหนเกยวกบในเนอหานนกปอนความคดเหนเขาไปไดเลยครบ

การใชงาน WordPress

มอย 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 ทดสอบการใชงานตาง

Page 18: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

18

ๆ เมอคลองแลวกอาจจะยายขอมลตาง ๆ ไปทำาแบบเชา host กได หรอจะตดตงบนเครองแลวเชอมตออนเทอรเนต เพอใหผอนเขามาอานบลอกของคณ หรอจะตดตงบลอกในรปแบบของอนทราเนต กไดอกเชนกน

จากรปแบบการใชงาน WordPress ตามทกลาวมา กลองพจารณาดวา อยางไหนถกใจสำาหรบคณ อยากมบลอกเรว ๆ และเผยแพรสสายตนคนอนได กแนะนำา WordPress.Com เลยครบ งายด สมครแปบเดยวกไดมบลอกกบเขาบางแลว แตอยากใช WordPress แบบปรบโนนแตงน กลองทำาแบบขอ 3 ครบ จำาลองเครองเปน Web Server แลวลองตดตงด เพมปลกอน เปลยนธมไดอยางสนกสนานตามใจคณไดเลยครบ เมอคลองแลวกหากตองการเผยแพรขอมล กเชา host จดโดเมนทำาบลอกแบบเตมรปแบบไปเลย

การตดตง

เปนขนตอนตาง ๆ ในการตดตงบลอกดวย WordPress ซงขนตอนเหลานไมยาก แตทหนกกเหนจะเปนการดาวนโหลดไฟลทจะนำามาจำาลองเครองใหเปน Web Server นแหละ เพราะมขนาดใหญ สวนเรองอน ๆ กไมมปญหา เพราะโปรแกรมออกแบบมาใหตดตงกนอยางงาย ๆ ครบ

การจำาลองเครองใหเปน Web Server เหมอนกบ Server บนอนเทอรเนต ใหเลอกตดตงเพยงโปรแกรมใดโปรแกรมหนงเทานน

การตดตง XAMPP

Page 19: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

19

กอนทเราจะไดใช WordPress ทำาบลอกนน เอาแบบงาย ๆ กอนคอจำาลองเครองคอมพวเตอรของเราใหเปน Web Server กอน แลวลองใชงานด ยงไมตองถงขนาดจดโดเมน เชาโฮสตใหเสยตงค ซงการตดตงบนโฮสตนนเราจะเอาไวกลาวถงในภายหลง ตอนนจำาลองเครองของเราใหเหมอนกบ Server บนอนเทอรเนตกนกอน เมอจำาลองเสรจ เรากจะสามารถตดตง WordPress เพอทดสอบใชงานได เมอเราเขาใจการทำางานตาง ๆ ดแลว อยากมเวบไซตเอง จงจดโดเมน เชาโฮสตในภายหลง

โปรแกรมทชวยจำาลองคอมพวเตอรใหเปน Web Server นนมอยดวยกนหลายโปรแกรม จะคอย ๆ นำาเสนอไปทละโปรแกรม

สำาหรบในบทความน ขอเสนอ XAMPP รน 1.6.4 ซงเปนโปรแกรมทชวยจำาลองคอมพวเตอรของคณใหเปนเหมอนกบ Web Server ซงโปรแกรมนประกอบไปดวย Apache HTTPD 2.2.6, MySQL 5.0.45, PHP 5.2.4 + 4.4.7 + PEAR + Switch, MiniPerl 5.8.7, Openssl 0.9.8e, PHPMyAdmin 2.11.1, XAMPP Control Panel 2.5, Webalizer 2.01-10, Mercury Mail Transport System v4.01a, FileZilla FTP Server 0.9.23, SQLite 2.8.15, ADODB 4.94, Zend Optimizer 3.3.0, XAMPP Security, Ming. For Windows 98, 2000, XP.

โปรแกรมนอาจจะใหญสกหนอย คอชดตดตงประมาณ 34 เมก. รวมทงเมอตดตงเสรจใชพนทประมาณ 200 กวาเมก. แตโปรแกรมตาง ๆ ทมใหกเหมาะสมกบขนาดนนแหละครบ โดยสวนตวแลวผมชอบฟงกชนหลาย ๆ

Page 20: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

20

อยาง เชน สลบ PHP 4 และ 5 ได รวมทงการเรยกและยกเลก Apache และ MySQL กทำาไดงาย เปนตน

กอนตดตงโปรแกรมน หากคณไดตดตง IIS อยแลว ใหยกเลก IIS เสยกอน ตวทนำามาเสนอนเปนชด Installer หลงจากทดาวนโหลดมาแลว ใหดบเบลคลกทไฟล xampp-win32-1.6.4-installer.exe

ปรากฏหนาตางเลอกภาษาในการตดตง เลอก English แลวคลกปม OK

คลกปม Next

Page 21: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

21

โฟลเดอรสำาหรบตดตงนน ใหใชคาทโปรแกรมกำาหนดมา คลกปม Next

คลกปม Install เพอตดตงโปรแกรม

Page 22: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

22

โปรแกรมกำาลงขยายไฟลไปยงโฟลเดอรปลายทาง

คลกปม Finish สนสดตงโปรแกรม

Page 23: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

23

ตอนนตดตงสำาเรจแลว โปรแกรมจะถามวา จะใชงาน XAMPP Control Panel เลยหรอเปลา ตอบ Yes เพอเรยกใชงาน ซง Control Panel น จะเปนศนยควบคมโปรแกรมตาง ๆ สามารถปด/เปดโปรแกรมทตองการไดอยางสะดวก

หนาตาง Control Panel ในสวนนเราจะเปดใชงาน Apache เพอจำาลองเครองใหเปน Web Server และใชระบบฐานขอมล MySQL ใหคลกปม Start ทรายการ Apache และ MySql

Page 24: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

24

เมอโปรแกรมทำางาน จะแสดงขอความ Running นนหมายความวา เครองของเราไดจำาลองเปน Web Server แลว สามารถใชงานไดเหมอนกบ Web Server บนอนเทอรเนต

จากนนใหเปดเบราเซอรขนมา แลวพมพ http://localhost แลวกดปม Enter โปรแกรมจะแสดง Splash Screen ของ XAMPP เลอกภาษาเปน English

Page 25: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

25

เบราเซอรจะเปลยนหนาไปท http://localhost/xampp/ และแสดงรายการโปรแกรมตาง ๆ ใหเลอกใชงาน เชน phpMyAdmin, Webalizer หรอตรวจสอบสถานะของ XAMPP เปนตน

Page 26: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

26

หากตองการปดการทำางานของโปรแกรมใด ใหไปท Control Panel แลวคลกปม Stop รายการทตองการปด

กรณทเปดเครองขนมาใหม หากตองการใช XAMPP เพอจำาลองเครองเปน Web Server ใหคลกท XAMPP Control Panel แลวคลกปม Start

รายการทตองการเปดใชงาน

หากตองการใช Permalink ใหเปดไฟล C:\xampp\apache\conf\httpd.conf แลวแก #LoadModule rewrite_module modules/mod_rewrite.so เปน LoadModule rewrite_module modules/mod_rewrite.so โดยลบ # ออก แลว restart Apache อกครง

Page 27: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

27

โฟลเดอรทเกบขอมลเวบไซตคอ C:\xampp\htdocs การเขาถงเวบไซตคอ http://localhost หากตองการเรยกเวบบลอกของคณท http://localhost/blog (ในกรณทไมไดตดตงบลอกไวท root site) ใหเกบขอมลของ WordPress ไวท C:\xampp\htdocs\blog

คาเรมตนของชอผใชฐานขอมล MySQL คอ root และไมมรหสผาน ขอมลนจะใชเมอตอนตดตง WordPress

การตดตง AppServ

หลงจากทไดเคยเขยนบทความเกยวกบการตดตงโปรแกรมจำาลองเครองคอมพวเตอรของเราใหเปน Web Server ไปแลว นนคอ XAMPP และขอแนะนำาอกสกหนงโปรแกรมเพอใหมทางเลอกหลาย ๆ ทางในการทดสอบ โปรแกรมทจะแนะนำาตอไปคอ AppServ ในรน 2.5.9 ประกอบไปดวย

1. Apache Web Server เวอรชน 2.2.42. PHP Script Language เวอรชน 5.2.33. MySQL Database เวอรชน 5.0.454. phpMyAdmin Database Manager เวอรชน 2.10.2

เมอดาวนโหลดมาแลว ใหดบเบลคลกทไฟล appserv-win32-2.5.9.exe เพอทำาการตดตงโปรแกรม

Page 28: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

28

หนาตางนจะแสดงชอโปรแกรมและรน คลก Next

คลกปม I Agree

Page 29: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

29

โฟลเดอรสำาหรบตดตงโปรแกรมใหใชคาเรมตนทโปรแกรมกำาหนดมา คลกปม Next

คลกปม Next

Page 30: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

30

ในชอง Server Name ใหปอน localhost และในชอง Administrator’s Email Address ใหปอนอเมลของคณเอง ในชอง Apache HTTP Port ใหใชคาเดมคอ 80 คลกปม Next

Page 31: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

31

ปอนรหสผานสำาหรบผใช root ใน MySQL Server ปอนทงสองชองใหเหมอนกนแลวคลกปม Install

ใหจำารหสผานนใหด เพราะตอไปจะตองใชสำาหรบการตดตอกบ MySQL Server

ตวตดตงกำาลงตดตงโปรแกรมไปยงโฟลเดอรปลายทาง

Page 32: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

32

เมอตดตงเสรจแลว คลกปม Finish

เปดเบราเซอรขนมาแลวพมพท URL เปน http://localhost กจะปรากฏหนาจอดงภาพนนหมายความวา ตอนนเครองคณไดจำาลองเปน Web

Page 33: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

33

Server เรยบรอยแลวพรอมใชงานไดเหมอนกบ Server บนอนเทอรเนตแลว

การเรยกใช / ยกเลก Apache

เรยกใช : Start | All Programs | AppServ | Control Server by Service | Apache Start

ยกเลก : Start | All Programs | AppServ | Control Server by Service | Apache Stop

การเรยกใช / ยกเลก MySQL

เรยกใช : Start | All Programs | AppServ | Control Server by Service | MySQL Start

ยกเลก : Start | All Programs | AppServ | Control Server by Service | MySQL Stop

เสนทางเกบขอมล

ขอมลททำาเวบไซตใหเกบไวท C:\AppServ\www\ ซงเสนทางนคอ site root เวลาเรยกดขอมลผานเบราเซอร ใหพมพhttp://localhost กจะเหนขอมลเวบไซตทเกบไวท C:\AppServ\www\

ตอนนกไดแนะนำาโปรแกรมสำาหรบจำาลองเครองใหเปน Web Server ไปแลวทงสองโปรแกรมคอ XAMPP และ AppServ กเลอกใชตวใดตวหนงทคดเหนวาชอบใจนะครบ

สวนตวแลวผมชอบใช XAMPP มากกวา XAMPP ตดตงแลวใชพนทประมาณ 200 กวาเมก. แต AppServ ใชประมาณ 49 เมก. ในการปด

Page 34: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

34

เปด Apache และ MySQL นน XAMPP จะทำาไดงายกวาเพราะทำาผาน XAMPP Control Panel เลย และผมทำางานหลายโปรแกรมจำาเปนตองเปดและปด XAMPP อยบอย ๆ เพอประหยดหนวยความจำาเลยเอาความสะดวกเขาวา

ทงสองโปรแกรมนกเลอกใชตามความชอบของแตละบคคลนะครบ เพราะใชงานไดเหมอนๆ กน และถงแม XAMPP จะมลกเลนเยอะกวา แตบางทเรากไมไดใชเหมอนกน

การสรางฐานขอมล

ตอไปเปนการสรางฐานขอมล เพอให WordPress ใชเกบขอมลตาง ๆการสรางนนใหพมพทเบราเซอรhttp://localhost/phpmyadmin ถาเขาไมได แสดงวาคณอาจจะไมไดเปดใหเครองเปน Web Server ดงนนใหยอนกลบไปดทโปรแกรมสำาหรบจำาลองเครองใหเปน Web Server ของคณใหเปดการทำางานเสยกอน

Page 35: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

35

หากใช XAMPP กจะเหนหนาเวบของ phpMyAdmin เลย แตหากใช AppServ นน จะปรากฏกรอบใหปอนขอมล ในชอง User name ใหปอน root ในชอง Password นน ใหปอนรหสผานตามทไดตงไวเมอครงตดตง AppServ แลวคลกปม OK

เมอปรากฏหนาเวบ phpMyAdmin แลว ในชองใต สรางฐานขอมล“ใหม นนใหปอนชอฐานขอมลทคณกำาลงจะสรางขนมาใหม ในตวอยางน”ผมตงชอ “blog” เพอใหจำางายและใชงานสำาหรบบลอก ในชองดานลางนน ใหเลอกเปน “utf8_unicode_ci” แลวคลกปม สราง เพอสราง“ ”

Page 36: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

36

ฐานขอมลใหม การเลอก “utf8_unicode_ci” ในชองดานลางชอบลอกนน จะปลอยวางไวกได (คอมคำาวา การเรยงลำาดบ“ ”)

เมอสรางฐานขอมลเสรจแลว กไมจำาเปนตองใช phpMyAdmin อกแลวเพราะในสวนของขอมลตาง ๆ WordPress จะสรางใหขณะททำาการตดตง

การดาวนโหลดและการขยายไฟล

การดาวนโหลดไฟลของ WordPress มาตดตงบลอกในเครองของเรา ใหไปดาวนโหลดทhttp://www.wordpress.org/download โดยดานบนของหนาเวบจะแสดงหมายเลขรนลาสด

Page 37: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

37

คลกทปม Download .ZIP แลวดาวนโหลดเกบไวในเครอง

เปดโปรแกรมบบอดขอมลเชน WinRAR, WinZip หรอโปรแกรมอน ๆ ทคณใชอยเปดไฟลทไดดาวนโหลดมา เพอขยายขอมล ในตวอยางน เปดโปรแกรม WinRAR ขนมา แลวเลอกไฟลทดาวนโหลดมา คลกปม Extract to เพอขยายไฟลไปยงโฟลเดอรทตองการ

เมอคลกปม Extract to แลวจะปรากฏหนาตางใหเลอกโฟลเดอรปลายทางทเราจะขยายไฟล WordPress ไปเกบไวในทนใหขยายไปเกบไวทโฟลเดอรทเปน root site ของเรา

Page 38: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

38

โฟลเดอร root site น ขนอยกบโปรแกรมจำาลอง Web Server ทเราตดตง

1. AppServ root site คอ C:\AppServ\www 2. XAMPP root site คอ C:\Xampp\htdocs

คลกปม OK เพอเรมขยายไฟลไปยงโฟลเดอร เมอขยายเสรจ ไฟลของ WordPress จะอยในโฟลเดอร wordpress ท root site ของเรา หากตองการเปลยนชอโฟลเดอรกสามารถทำาได เชน หากตองการใหเขาถงบลอกทาง http://localhost/blog กใหเปลยนโฟลเดอร wordpress เปน blog

การปรบแตงไฟล wp-config.php

ขนตอนนเปนการปรบแตงไฟล wp-config.php ซงจะเปนไฟลทเกบขอมลตาง ๆเกยวกบฐานขอมล เพอ WordPress จะใชขอมลเหลานในการตดตอกบฐานขอมล MySQL รวมทงสรางตารางฐานขอมลดวย

เขาไปทโฟลเดอรทเกบไฟลตาง ๆ ของ WordPress ซงอยในโฟลเดอร wordpress หรอโฟลเดอรอน ๆ ทคณกำาหนดไว ท root site เชน C:\AppServ\www\wordpress แลวใชโปรแกรม Text Editor เชน EditPlus หรอ Notepad เปดไฟล wp-config-sample.php ขนมา

Page 39: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

39

แลวแกไขขอมลดงน

1. DB_NAME : ชอฐานขอมล ในตวอยางนใชชอ “blog” (ตามทสรางในขนตอนสรางฐานขอมล)

2. DB_USER : ผใชฐานขอมล ใช “root” (AppServ และ XAMPP ผใชคอ “root”)

3. DB_PASSWORD : รหสผานของผใช root หากใช AppServ รหสผานคอรหสผานทตงเมอตอนตดตงโปรแกรม แตหากใช XAMPP ไมตองใชรหสผานใหปลอยวางไว (ลบขอมลเดมออก)

4. DB_HOST : ชอโฮสต (ปกตแลวไมตองเปลยนแปลงขอมลใช localhost ตามเดม)

เมอแกไขเสรจแลว ใหบนทกไฟลเปน wp-config.php

ในกรณทใช NotePad ใหเลอก File | Save As… แลวใหพมพตามรปภาพคอ “wp-config.php” แลวคลกปม Save

Page 40: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

40

ตอนนถอวา ขนตอนการเตรยมขอมลตาง ๆ เรยบรอยแลวขนตอนตอไปกจะเปนการตดตงบลอก เพอเรมใชงานกนเสยทหลงจากทผานขนตอนตาง ๆ มาหลายขนตอนแลว

การตดตง WordPress

เปดเบราเซอรไปทhttp://localhost/wordpress เพอทำาการตดตง WordPress

เมอแสดงหนาตางตดตง ในชอง Blog title ปอนชอบลอกทตองการ ในชอง Your e-mail ปอนอเมลของคณ ขอมลทปอนน สามารถเปลยนแปลงในภายหลงไดคลกปม Install WordPress เพอตดตง WordPress

Page 41: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

41

การตดตง WordPress เสรจแลวครบ โปรแกรมจะแจง Username และ Password มาใหใหจดรหสผานนไว หรอจะทำาแถบดำาแลวคดลอกขอความกได แลวคลกทลงก wp-login.php เพอทำาการลอกอนเขาสระบบควบคมของ Admin

Page 42: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

42

ทหนาตางลอกอน ปอน Username และรหสผานทโปรแกรมแจงไว แลวคลกปม Login

Page 43: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

43

เมอลอกอนเขามาแลวกจะปรากฏหนาตางควบคมของ Admin ในหนาตางนมเมนตาง ๆ เชน การเขยนบทความ การจดการความเหน การเปลยนแปลงรปแบบแสดงผลรวมทงการปรบแตง WordPress เปนตน

ตอไปเปนการเปลยนรหสผานของ Admin เพอใหจำาไดงายขน คลกท My Profile ทอยมมบนขวาของหนาเวบ

เลอนหนาจอภาพลงมาดานลาง จนถงกรอบ "Update Your Password" แลวปอนรหสผานทตองการในชอง New Password และปอนอกครงในชอง Type it one more time เมอปอนเสรจแลว คลกปม Update Profile เพอทำาการบนทกขอมลในการลอกอนครงตอไป ใชรหสผานทตงน

Page 44: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

44

เมอตองการดหนาบลอก คลกท View site

ดานหนาบลอก รปแบบนเปนรปแบบเรมตนของบลอก สามารถเปลยนแปลงได

Page 45: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

45

หากตองการกลบไปยงสวนควบคมของ Admin ใหคลกท Site Admin

การตดตง WordPress บน bluehost

bluehost ถอไดวาเปน hosting ทนาใช ดวยคณสมบตทมากมายรองรบการตดตง WordPress ไดเปนอยางด ทงไดมการแนะนำาไวในเวบของ WordPress ดวย ในบทความนจะนำาเสนอการตดตง WordPress บน bluehost ดวยขนตอนงาย ๆทคณไมตองทำาอะไรมาก เพยงปอนขอมลครงเดยวเทานนไมตองสรางฐานขอมลเอง bluehost เขาจดใหครบ ตดตงผาน SimpleScripts

เขาไปท Control Panel ของ bluehost แลวไปทสวน Software/Services แลวคลกทไอคอน WordPress

Page 46: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

46

แสดงขอมลเกยวกบ WordPress ใหคลกท Install Now

Page 47: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

47

สวนนจะเปนสวนของการตงคาตาง ๆ เลกนอยใหกบ WordPress

1. General Configuration เลอกรนของ WordPress ทจะตดตงแลวเลอกสถานทสำาหรบตดตง WordPress ในตวอยางนจะตดตงไวทโฟลเดอร wordpress ในโดเมน xirbit.com

2. Additional Options ในชอง Please give your new site a name ปอนชอบลอกของคณ (Blog title) แลวทำาเครองหมายถกหนา Generate me an Administrator Login และ Automatically create a new database

3. Legal Information ใหทำาเครองหมายถกหนาทง 2 รายการแลวคลกปม Complete

Page 48: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

48

ตอนนการตดตง WordPress เสรจเรยบรอยแลวระบบจะสงขอมลการตดตงนไปยงอเมลทเปนเจาของบญชหากตองการดบลอกทตดตงเสรจแลว ใหคลกไปท Click here to view your site

ในสวนดานลางลงมา จะเปน URL สำาหรบลอกอนเขาสระบบรวมทงชอผใชและรหสผานสำาหรบเขาสระบบของ WordPress ใหจดขอมลนไวใหด (แนะนำาใหคดลอกรหสผานเอาไวแลวเขาไปยงระบบเปลยนรหสทเราจำาไดงายทนท)

Page 49: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

49

หนาบลอกเมอตดตง WordPress เสรจ

สวนควบคมระบบของ WordPress

Page 50: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

50

การตดตง WordPress บน bluehost น นบวามความงายมาก ๆ แมจะไมเคยรจก WordPress มากอน กสามารถตดตงไดอยางสบาย ๆ เลยหละครบ

การปรบแตง : การใชงานกำาหนดรหสผาน Admin ใหม

ตอไปนเปนวธแกไขอกวธหนง เมอลมรหสผานของ Admin หลงจากทเคยเขยนบทความ "ลมรหสผาน Admin " ไปแลว ครงนนตองไปแกไขในฐานขอมล MySQL แตมาครงนงายกวานนอก เพยงแคตดตงสครปต และปอนรหสผานกใชไดแลว

ขนตอนการทำางานมดงน

1. ดาวนโหลดสครปตWordPress Admin Password Resetter2. ขยายไฟล และอพโหลดไฟล password-resetter.php ไปไวใน

โฟลเดอรทตดตง WordPress (โฟลเดอรทมไฟล wp-config.php อย) อาจจะสงสยวาทำาไมไมอพโหลดไปไวในโฟลเดอร plugins ตอบวา เพราะสครปตนไมใช plugin ครบ

3. พมพทเบราเซอร http://[your WordPress URI]/password-resetter.php

4. จะปรากฏชองใหปอนรหสผานของ Admin กตงรหสตามทตองการ แลวคลกปม Submit Query หลงจากทกำาหนดรหสผานเสรจแลวทเบราเซอรจะแสดงหนาลอกอนเขาสระบบของ WordPress กใชชอ admin และรหสผานทกำาหนดไว เพอเขาสระบบ

5. ลบไฟล password-resetter.php ออก

การสรางไฟล .htaccess ใน WordPress

Page 51: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

51

ใน WordPress ไฟล .htaccess จะชวยใหเราสามารถทำา permalinks ได ในกรณท host นนไมสนบสนน mod_rewrite ใหเราสรางไฟล .htaccess แลวทำาการ chmod เปน 777

เชน ในกรณใช WordPress ใน 000webhost.com ซงไมสนบสนน mod_rewrite ทำาใหไมสามารถใช permalinks ได ใหเราสรางไฟล .htaccess

เปด Notepad ขนมา แลวตอนบนทกใหพมพ “.htaccess” แลวคลกปม Save อพโหลดไปไวในโฟลเดอรทตดตง WordPress แลวทำาการ chmod เปน 777 จากนนใหทำาการอพเดท permalinks อกครง

การตงเขตเวลาบลอก

การตงเขตเวลาในบลอก หากตงคาทถกตองกจะทำาใหการแสดงผลเวลาถกตองไปดวยรวมทงการตงเวลาแสดงบทความลวงหนากจะถกตองตามเวลาเปนจรงดวยเชนกน

ประเทศไทยอยในเขตเวลา UTC +7 (UTC = Coordinated Universal Time) ดงนนหากทำาเวบเพอใหคนไทยอาน ไมวาจะ Server ทใชทำาเวบจะอยในประเทศไทยหรออยตางประเทศ รวมทงการตดตง WordPress บนเครองคอมพวเตอรสวนตวกควรทจะตงเวลาเปน +7 UTC

การตงคาเขตเวลานนทำาดงน

Page 52: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

52

1. เขาไปท Dashboard2. เลอกเมน Settings3. เลอนเบราเซอรลงมาดานลาง จนเหนหวขอ “Timezone”4. เลอกเปน “UTC +7″5. คลกปม Save Changes

เมอกำาหนดเขตเวลาตรงกบประเทศไทยแลว การบนทกบทความตาง ๆกจะเปนเวลาในประเทศไทย

การหาหมายเลข ID ของ Categories

WordPress ตงแต 2.5 เปนตนมา จะไมแสดงหมายเลข ID ของ Categories ทดานหนาของชอ Categories ดงนนในกรณทตองการหาหมายเลข ID ของ Categories เพอนำาไปปรบแตงใน Themes หรอ Plugins อยางเชนพวก Themes เกยวกบ Magazine เปนตน ใหเขาไปท Dashboard เลอกเมน Manage->Categories แลวเลอน

Page 53: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

53

เมาสไปยงชอ Categories ทตองการ แลวดหมายเลข ID ของ Categories ท status bar ของ เบราเซอร

เมอไดหมายเลข ID แลวกสามารถนำาไปปรบแตง Themes หรอปลกอนไดตามสะดวกครบ

การเขยนบทความลวงหนา

ใน WordPress การเขยนบทความ เมอเราคลกปม Publish ทอยดานขวามอของกรอบเขยนบทความบทความจะถกบนทกและปรากฏตอสายตาผชมเวบทนท

เราสามารถกำาหนดวนเวลาในการแสดงบทความทหนาบลอกของเราได กลาวคอเมอเรากำาหนดวนเวลาของบทความซงเปนเวลาลวงหนา แมเราจะคลกปม Publish ไปแลว บทความนนกจะไมถกแสดงทหนาบลอกจนกวาจะถงวนเวลาทเราไดกำาหนดเอาไว

ประโยชนของการเขยนบทความลวงหนา กเชน ในวนหยด เราไมไดเขยนบลอกเรากอาจจะเขยนไวลวงหนา เมอถงวนหยดบทความกจะแสดงทหนาบลอกทำาใหมบทความแสดงอยางตอเนอง ผชมกจะไมทราบวา เราเขยนไว ณ เวลานนหรอเขยนไวลวงหนา

Page 54: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

54

เราอาจจะมบทความหลาย ๆ บทความ ไมไดเขยนทก ๆ วน กอาจจะเขยนพรอม ๆกนหลาย ๆ บทความ แลวกำาหนดวนเวลาใหแสดงบทความวนละบทความ ทก ๆ วนกจะทำาใหดเหมอนวาเรามการอพเดทบลอกทก ๆ วนซงจะทำาใหผชมเขาชมบลอกของเราบอยขน ดกวา การเขยนบทความหลาย ๆบทความในเวลาเดยวกน แลวหยดไปหลาย ๆ วน ขาดความตอเนอง

การกำาหนดวนเวลาลวงหนา

เมอเขยนบทความเสรจแลว กอนทจะคลกปม Publish ใหคลกท Edit เพอกำาหนดวนเวลาทจะใหบทความแสดงทหนาบลอก

Page 55: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

55

กำาหนดวนเวลาทตองการ เมอกำาหนดเสรจแลว จงคลกปม Publish

การแบงบทความ

ชวงนกพยายามเขยนบทความเกยวกบ WordPress ในหลาย ๆมมทคดวานาจะมประโยชนตอผใชบาง ซงอาจจะไมใชบทความใหญโตนกเปนบทความสน ๆ งาย ๆ กม

ในการเขยนบทความขนบลอกนน ความสน-ยาวของบทความนนไมแนนอนขนอยกบเนอหาทจะเขยน รวมทงมภาพประกอบดวยหรอไม บทความตาง ๆทเขยนขนมานจะอยทหนาแรกของบลอก หากมบทความหลาย ๆบทความทมเนอหายาว ๆ จะทำาใหบลอกโหลดชารวมทงผอานจะตองเลอนหนาจอมาดานลางเพออานบทความทงทตองการและไมตองการทงหมด

ดงนน การเขยนบทความโดยแยกบทความออกเปน 2 สวน จงเปนทางออกทด กลาวคอแบงสวนแรกของบทความใหแสดงทหนาบลอก แลวอกสวน กทำาลงกเอาไวเมอผอานตองการอานสวนของบทความทเหลอ กให

Page 56: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

56

คลกทลงกเพออานบทความทเหลอทงหมดเหมอนกบทบทความนไดมการตดบางสวนแสดงทหนาบลอก และอานทเหลอใหคลกลงกเพออานตอ (แตบางธม จะแสดงบทความนนทงหนาเหมอนกบการคลกทชอเรองของบทความ)

การแบงบทความออกน ชวยใหหนาบลอกมแสดงเนอหาไดสนลง โหลดไดเรวและเปนการเพมทางเลอกใหกบผอานดวย คอโหลดขอมลทตองการอานจรง ๆ

รปแบบการเขยนบทความนกแลวแตลกษณะการเขยนของแตละทานบางทานกอาจจะเขยนในลกษณะแบบบทความทงหมด แลวตดบางสวนแสดงหนาบลอกหรอบางทานกอาจจะเขยนสรปเกยวกบสงทกลาวถงในบทความวา พดถงเรองอะไรแลวนำาขอความเหลานน แสดงทหนาบลอก แลวสวนรายละเอยดของบทความทงหมดนนใหคลกลงกเขามาอาน ซงเหมอนกบรปแบบการเสนอขาวของหนงสอพมพตาง ๆนนเอง

การแบงบทความ

เขาสหนาตางเขยนบทความ เขยนบทความตามทคณตองการ

Page 57: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

57

กำาหนดสวนทตองการตดใหแสดงทหนาบลอก วางตวชไว ณ จดทกำาหนดแลวคลกเมาสท tag More ในหนาตางเขยนบทความ จะม เสนประและคำาวา "More" อยททายสดของเสนประ

ขอความตาง ๆ ทอยกอนเสนประ จะแสดงทหนาบลอก และ ณ ตำาแหนงเสนประนจะสรางลงกเพอใหผอานคลกเพอไปเปดอานบทความทเหลอ

ภาพตวอยางของการแบงบทความเพอแสดงในหนาบลอกโดยใช tag More ขอความลงกเพอใหผอานคลกไปอานบทความทเหลอนแตกตางกนออกไปตามแตละธมทใช เชน บางธม กจะแสดงขอความ "Continue Reading" บางธมแสดง "Read more" เปนตน

ในกรณทไมไดใช visual editor (หนาตางเขยนบทความดงภาพตวอยาง)ในการเขยนบทความ กจะมปม more ใหคลก ซงกคอ tag More นนเอง

มาถงตรงนผอานคงจะไดทำาความเขาใจเกยวกบ tag More ทใชสำาหรบแบงบทความกนแลวนะครบคงจะชวยใหบลอกของคณโหลดไดเรวขนมาบางในกรณทมบทความยาว ๆ ในบลอก

การเปลยนธม

Page 58: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

58

การเปลยนธมน เปนการเปลยนรปแบบการแสดงผลของบลอกเพอใหดสวยงามมากยงขนหรอเพอเปลยนบรรยากาศกน การเปลยนธมนไมยากเลย ลองมาดขนตอนการเปลยนรปแบบการแสดงผลหนาบลอกกน

ทหนา Dashboard เลอกเมน Design หรอคลกท Change Theme เพอไปยงหนาเพจสำาหรบเปลยนธม

Page 59: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

59

หลงจากเลอกเมน Design หรอคลก Change Theme แลวเปดไปยงหนาแสดงรายการธมตาง ๆ ธมดานบน คอธมทกำาลงใชงานอยสวนดานลางคอรายการธมตาง ๆ ทเราสามารถเลอกใชได

Page 60: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

60

คลกบนรปภาพของธมทตองการ

WordPress จะแสดงรปภาพตวอยางของธมกอนการใชงานจรง เราสามารถเลอน scrollbar ลงมาเพอดหนาบลอกทงหมด หรอคลกบนหวขอบทความเพอดตวอยางการแสดงผลบทความ หลงจากทไดดภาพตวอยางแลวหากไมตองการธมน ใหคลก ปม กากบาท (หมายเลข 1) หากตองการใชธมน คลก “Activate..ชอธม ” (หมายเลข 2) ใหคลกท “Activate…” เพอเลอกใชธมนแสดงผล

Page 61: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

61

เมอเลอกธมแลว จะปรากฏขอความ “New theme activated” ภาพเลกของธมทเลอกจะปรากฏใต “Current Theme” นนหมายความวาการเลอกธมใหมสำาเรจแลวสามารถเลอกดความเปลยนแปลงทดานหนาของบลอกไดโดยการคลกท “Visit Site”

หลงจากคลก “Visit Site” หรอเปดไปทหนาบลอกแลวกจะเหนหนาบลอกเปลยนไปตามรปแบบธมทไดเลอกไว

Page 62: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

62

ขยายกรอบเขยนบทความใหใหญขน

เมอเราเขยนบทความในกรอบเขยนบทความ หรอ Post Box นน ในบางครงกรอบทมอยอาจจะเลกไป ทำาใหเหนบทความทงหมดไมชดเจนไมเพยงพอแกความตองการ อาจจะตองการทจะขยายกรอบนนใหใหญขนกวาเดมเพอสะดวกในการเหนภาพรวมของบทความ

กรอบสำาหรบโพสตบทความ ทอาจจะเลกไปในบางครงโดยเฉพาะทมการแทรกรปภาพประกอบ

มวธในการขยายกรอบเขยนบทความมาแนะนำาดวยกน 3 วธ

Page 63: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

63

1. เลอกเมน Settings -> Writing แลวกรอกตวเลข 30 ในชอง Size of the post box (หรอตวเลขอน ๆ ทเหนสมควร คาเรมตนของตวเลขในชองนคอ 10 บรรทด)

2. ในโหมด Visual ใหคลกเมาสทมมกรอบเขยนบทความดานลางขวาแลวลากลงขยายตามความตองการ

Page 64: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

64

3. ในโหมด Visual ใหคลกทปมโหมด FullScreen จะเปนการขยายกรอบเขยนบทความเตมหนาจอภาพ หากตองการกลบไปยงกรอบขนาดเดมใหคลกทปมโหมด FullScreen อกครง

ลองนำาไปประยกตใชงานตามวธการทเหนสมควรคงจะชวยใหเขยนบทความไดสะดวกกวาเดมเปนแน

แสดงความคดเหนโดยไมตองตรวจสอบ

การแสดงความคดเหนในบลอกนน ควรจะตองมการตรวจสอบกอนเพราะอาจจะมคำาไมเหมาะสม หรอคำาทไมตองการ ในเวบทมคนเขาเยอะหรอคนแสดงความเหนบอย ๆ เจาของบลอกอาจจะไมมเวลาในการตรวจสอบความเหนทก ๆครงทมผชมแสดงความคดเหนดงนนกอาจจะตงคาใหบลอกแสดงความเหนขนทนททโพสตโดยไมตองคอยตรวจสอบอกตอไป

การตงคาบลอกทไมตองคอยใหเจาของตองตรวจสอบความเหนนน ทำาดงน

Page 65: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

65

เลอกเมน Settings -> Discussion แลวยกเลกเครองหมายถกหนา An administrator must always approve the comment ในหวขอ Before a comment appears

เมอยกเลกแลว ผชมแสดงความเหนกจะเหนขอความทตนเองแสดงไดทนท

แกไขภาษาไทยในธม WordPress

ธม (Theme) ทเราเลอกนน ไมไดเปนภาษาไทย (ทเปนของฟรจากตางประเทศ)แตหากตองการปรบแตงขอความตาง ๆ ใหเปนภาษาไทย กสามารถทำาได ไมยากผใชบางทานอาจจะแกไขใน Theme Editor ทอยใน

Page 66: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

66

Dashboard บางทานกอาจจะใช Text Editor ตางๆ แกไขไฟล ซงกแลวแตความสะดวกของแตละบคคลในบทความนจะแสดงการแกไขภาษาไทยในธมโดยใช Text Editor

Text Editor ทจะแนะนำาคอ NOTEPAD++ของฟรและใชงายอกดวย หลกของการใช Text Editor ตวนกคอ กอนแกไขภาษาไทย ใหเปลยนรหสตวอกษรจาก ANSI ไปเปน UTF-8 กนกอนแลวแกไขภาษาไทย เมอแกไขเสรจ กใหเปลยนรหสตวอกษรจาก UTF-8 กลบมาเปน ANSI แลวบนทกไฟล จงนำาไปใชได ทตองทำาเชนนเพราะ การแกไขไฟล หากใชทง Theme Editor และ Text Editor แกไขไฟลในบางครงจะมการเขยนตวอกษรทจดเรมตนของไฟลขนมา หากเปดไฟลใน Text Editor จะไมเหนตวอกษรน แตเมอนำาไฟลไปใชในบางครงจะทำาใหการแสดงผลผดพลาดขนมาไดซงอาจจะเปนเรองเสนผมบงภเขากได

ภาพนแสดงตวอยางการเปรยบเทยบไฟลทแกไขภาษาไทยแลว ลองเปดดวย Notepad ของ Windows ขนมา แลวบนทกกลบไปอกครงลองเทยบกบไฟลเดมทเกบไวคนละโฟลเดอรโดยใชTotal Commander จะม

Page 67: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

67

การบนทกตวอกษรไวทตนไฟลจากประสบการณทเคยพบ ทำาใหการแสดงผลของธมผดพลาดกวาจะหาสาเหตพบกเลนเอามนไปสกครใหญ ๆเพราะยงไมเคยเจอทไหนแจงอาการแบบน (อานบทความนกไมตองมนแลวหละครบสำาหรบผมนนใชทง Notepad, NOTEPAD++, Edit Plus, Theme Editor แกไขธม)

ดงนนเพอหลกเลยงปญหานน ลองมาใช NOTEPAD++ แกปญหาด

ภาพนเปนภาพตวอยางกอนการแกไข ซงเปนบทความทใช tag More เปนภาพหนาบลอก ซงจะตองแกไขทไฟล index.php ของธมทกำาลงใชงานอย

ภาพตวอยางหลงจากทไดแกไขเปนภาษาไทยแลวใครจะแกไขเปนคำาพดแบบไหนกแลวแต ตามสะดวก บางทานใชคำาสน ๆ อานตอ กไดใจความด“ ” งายไปอกแบบ

Page 68: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

68

หลงจากทเปดโปรแกรม NOTEPAD++ และเปดไฟลทตองการแกไข (index.php) ขนมาแลว ใหเลอกเมน Format -> Encode in UTF-8 เพอเปนการแปลงรหสอกษรเปน UTF-8 จากนนจงพมพภาษาไทยลงไปทตองแปลงเพราะรหสอกษรทแสดงในบลอกนนแสดงเปนรหส UTF-8 หากไมแปลงรหสเปน UTF-8 กอนพมพภาษาไทย เวลาแสดงหนาบลอกภาษาไทยจะอานไมออก

สรางแมแบบ Page

ปกตแลวเราจะเขยนแตบทความ (Post) ไมคอยไดเขยนหนาเพจ (Page) กนบอยนกแตการเขยนเพจนน ทำาใหเราสามารถปรบแตงเพจไดเหมอนกบการเขยนแบบ HTML ธรรมดาแสดงผลไดหลายรปแบบตามทเราตองการ เชน เพจสำาหรบแสดงประวตบคคลหรอประวตผบรหาร หนาแนะนำาสนคา

Page 69: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

69

หนาทแบงเปน 2 คอลมน 3 คอลมนหรอรปแบบอน ๆ ตามทเราตองการนอกจากนแลวเรายงนำาเพจทเราสรางขนมานนนำาไปเปนเพจสำาหรบหนาเวบหรอบลอกกไดเชนกน

หากสงทกลาวมาแลว อาจจะทำาใหนกภาพไมออกวาเพจทปรบแตงหรอเขยนเพมเตมเอง หนาตามนเปนอยางไร ลองไปทเวบตวอยางของ WP Remix แลวลองคลกเลอกเพจตาง ๆ ด

ถาจะถามวาการสรางรปแบบเพจเองยากไหม คงตอบวา ไมยากและกไมงายจนเกนไปจะตองรเรอง HTML มาบาง ยงถาได CSS ดวยกยงดเพราะจะทำาใหเราสามารถปรบแตงไดสวยงามยงขน และหากรดาน php กจะทำาใหสงตาง ๆ สะดวกยงขน การสรางแมแบบเพจนน มโครงสรางดงน

<?php

/*

Template Name: ชอแมแบบ

*/

?>

<?php get_header(); ?>

สวนขอความ, html, css, php

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Page 70: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

70

ภาพตวอยาง

Page 71: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

71

ชอแมแบบนน ตงชอไว ชอนจะแสดงตอนเลอกรายการแมแบบเพจ (Page template) ทำาใหเราเขาใจวาเพจนเกยวกบอะไรการแสดงสวนหวของเวบนนคอการเรยกฟงกชน get_header() จากนนใหเราปอนขอความ, html, css แทค php เขาไปตามรปแบบทเราออกแบบไวเพจไหนทไมตองการใหแสดง sidebar เรากสามารถตดคำาสงในการแสดงผล sidebar ออกไปคอตด get_sidebar() ออกไป สวน get_footer() คอการแสดงสวนดานลางของเวบ

การบนทกไฟล

เมอออกแบบตามทเราตองการแลว กบนทกเปนไฟล .php เกบไวในโฟลเดอรของธมทเราใชปจจบน แมแบบเพจน หากเราเปลยนธมแลวในโฟลเดอรของธมทเราเปลยนใหมนนไมมไฟลแมแบบเพจ .php นกจะไมแสดงผลอยางทเราออกแบบไว แตจะแสดงหนาเพจเปลา ๆตามคาแมแบบเพจเรมตนของธมใหมนน

การเรยกใชแมแบบ

หลงจากทเราไดแมแบบทเราตองการและบนทกไวในธมแลว การใชงานใหไปเลอกสรางเพจใหมโดยเลอกเมน Write->Page ตงชอเพจขนมาแลวเลอนไปดานลาง โดยทเราไมตองปอนเนอหาของเพจเพราะเราไดปรบแตงและเขยนไวในเพจทเปนแมแบบอยแลว

Page 72: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

72

แลวคลกทรายการ “Page Template” แลวเลอกแมแบบทเราสรางเอาไวแลวคลกปม “Publish” การสรางแมแบบเพจนน ชวยใหเวบมเพจในรปแบบตาง ๆตามการใชงาน

กรณทยงไมนกวาจะเขยนแบบไหนด ลองดตวอยางจาก WP Remix แลวลองเปด Source Code แกะการใช CSS ในการจดรปแบบตาง ๆ แลวดงไฟล style.css มาด Code CSS วาตรงไหนทำาใหการแสดงผลอยางไร แลวนำา Code เหลานนมาใสในไฟล style.css ในธมปจจบนของเรา แลวลองเขยนด คอย ๆ ศกษาไป สกวนกจะเกงเองครบ คอย ๆเรยนลดไป ถาเกงแลวกคงเขยน CSS เองไดไมยาก

WordPress ภาษาไทย

Page 73: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

73

หลงจากแกไขภาษาไทยเสรจแลว ใหเลอกเมน Format -> Encode in ANSI เปนการแปลงรหสตวอกษรเปน ANSI อกครง

Page 74: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

74

เมอแปลงรหสจาก UTF-8 เปน ANSI ตวอกษรภาษาไทยทแกไขแลวจะอานไมออกซงกไมตองตกใจ ไมมอะไรผดพลาด ตอนนกบนทกไฟลไดเลยจะไมมการเขยนตวอกษรเพมทตนไฟล (ดงภาพทนำามาเปรยบเทยบดานบน)ซงเมอไฟลนอพโหลดแลวแสดงบนบลอก ขอความภาษาไทยกจะแสดงไดอยางถกตอง

การแกไขภาษาไทยน หากแกไขไมบอย และใช Theme Editor อยางเดยวกไมเกดปญหาแตอยางใด ถงอยางไรกตามกลองเกบเอาไวเปนความรกไดครบ เผอเกดปญหา กจะไดพอมทางออก

WordPress ภาษาไทย

Page 75: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

75

ตอนนไดมคนไทยพฒนา WordPress ใหแสดงผลภาษาไทย (ใหม) แลว ทตองวงเลบกคอ กอนนนกมผทำาภาษาไทยคนแรก (ทผมรจก) คอคณ Isriya Paireepairit มบทความเขยนถงภาษาไทยชดแรกคอ Thai Language in WordPress

ชดภาษาไทยลาสดนทมพฒนา WordPress ภาษาไทย คอ คณอครวฒ ตำาราเรยงและคณพศาลเชอชาตไชย (ทงสองทานนจะไปพดคยในงาน WordCamp Bangkok 2008 ดวย)จากการทไดดาวนโหลดมาลองใชดแลว กดมากครบ เมนและคำาอธบายตาง ๆเปนภาษาไทย (แมจะไม 100% กตาม บางคำาแปลใหความหมายยากเลยคงภาษาเดมเอาไวเชน Widgets) แตผทเคยใชภาษาองกฤษมากอน กอาจจะงงเลกนอย (แปลกตา)สกพกกคงชนไปเอง

ภาษาไทยชดนจะตองเปนชดเตมครบ รวมอยใน WordPress รน 2.6.2 แลว หากใครยงไมเคยตดตงดาวนโหลดชดภาษาไทยมาตดตง WordPress กจะเปนภาษาไทยทนท แตหากใครทตดตงรน 2.6.2 แลวกสามารถดาวนโหลดมาได แลวนำามาแยกตดตงเองตางหาก

ในชดทดาวนโหลดมา จะเปนภาษาไทยทงหมดตงแตตอนตดตง WordPress ทำาใหตดตงไดงายขนสำาหรบผทไมคอยคนกบภาษาองกฤษ

Page 76: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

76

เมนตาง ๆ เปนภาษาไทย งายตอการเรยกใชงาน

หนาตางสำาหรบเขยนบทความเปนภาษาไทย ทำาใหงายตอการเขยนบทความตาง ๆเปนอยางด สำาหรบ WordPress ภาษาไทย รน 2.6.2 นผมไดเปรยบเทยบกบชดเดมตนฉบบแลว มการเปลยนแปลงอยทงหมด 4 แหงดวยกน

Page 77: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

77

1. wp-config-sample.php มการกำาหนดภาษาในการแสดงผลเปนภาษาไทยมาใหแลว

2. wp-load.php แสดงขอความภาษาไทยในกรณไมมไฟล wp-config.php

3. setup-config.php ใน wp-admin 4. th_TH.mo เพมไฟลแสดงผลภาษาไทยใน

wp-content/langauges

สำาหรบผใชรน 2.6.2 อยแลว

ผทใชรน 2.6.2 เดมอยแลว และตองการใชภาษาไทย ใหดาวนโหลด Package : Language มา ซงจะไดไฟล th_TH.mo มาเพยงไฟลเดยว จากนน สรางโฟลเดอรยอย languages ในโฟลเดอรwp-content และเกบไฟลth_TH.mo ไวในโฟลเดอรlanguages (สวนผทดาวนโหลดตวเตมภาษาไทยมา กไปดงไฟล th_TH.mo มาจากโฟลเดอร wp-content/languages ไดเลย ไมตองไปดาวนโหลดมาอก ไฟลเดยวกน)

เมอเตรยมไฟลภาษาไทยและเกบไวในโฟลเดอร languages เรยบรอยแลว เปดไฟล wp-config.php ทอยในโฟลเดอรทตดตง WordPress ขนมาและหาบรรทด

view source

print ?

PGNvZGU+DQpkZWZpbmUgKCdXUExBTkcnLCAnJyk7DQo8L2NvZGU+

Page 78: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

78

แทนทดวย

view source

print ?

PGNvZGU+DQpkZWZpbmUgKCdXUExBTkcnLCAndGhfVEgnKTsNCjwvY29kZT4=

แลวบนทกไฟล การแสดงผลในสวนของ Dashboard กจะเปนภาษาไทยตามทตองการแลว

การยกเลกภาษาไทย

หากลองแสดงผลภาษาไทยแลว อาจจะไมเขาใจ หรอไมคนเคยอยากกลบไปแสดงผลเปนภาษาองกฤษนน ทำาดงน

เปดไฟล wp-config.php แลวหาบรรทด

view source

print ?

PGNvZGU+DQpkZWZpbmUgKCdXUExBTkcnLCAnd

Page 79: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

79

GhfVEgnKTsNCjwvY29kZT4=

แทนทคาเดมดวย

view source

print ?

PGNvZGU+DQpkZWZpbmUgKCdXUExBTkcnLCAnJyk7DQo8L2NvZGU+

หรอพบแลว เพยงแตลบคำาวา th_TH ออกแลวบนทกไฟลการแสดงผลกจะกลบมาเปนภาษาองกฤษตามเดมแลว

สทธการเขาถงไฟล

สทธการเขาถงไฟล (File Permission) คอการกำาหนดสทธวาไฟล/โฟลเดอรใดอานได เขยน(แกไข)ได เปนตนซงในแตละระบบจะไมเหมอนกน บางระบบกไมตองไปกำาหนดคาใด ๆแตบางระบบตองกำาหนดสทธการเขาถงไฟล/โฟลเดอรดวย หากไมกำาหนดเมอมการเขาถง กอาจจะเกดขอผดพลาด ทำาใหไมสามารถทำางานตอไปได

ปญหาทเกดขนหากไมไดกำาหนดสทธการเขาถงไฟล เชน เมออพโหลดไฟลแลวจะปรากฏขอความวา

Page 80: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

80

Unable to create directory /home/user/public_html/wp-content/uploads/2008/11. Is its parent directory writable by the server?

ทเปนเชนนเพราะไมไดกำาหนดสทธใหโฟลเดอร uploads นนเขยนไดนนเองและปญหาทเกดจากการไมกำาหนดสทธการเขาถงไฟลนมอกหลายอยาง เชนการแกไขธมผานทาง Theme Editor และการปรบปรงรปแบบของ ลงกถาวร (Permalinks)

โฮสตใดทมปญหาและไมมปญหา

ปญหาเหลาน หากจำาลองเครองคอมพวเตอร (PC) ใหเปน WebServer ดวย XAMPP หรอ AppServ จะไมมปญหาแตอยางใด (มปญหาตรง Permalinks ซงเกยวกบการเปด mod_rewirte module ใน Apache จะไมกลาวในบทความนเพราะไมไดเกยวกบสทธการเขาถงไฟล) คอ ไมตองกำาหนดสทธในการเขาถงไฟลสามารถใชงานไดตามปกต

แตปญหานเกดกบการใช hosting เพอทำาเวบบางระบบ เชน hosting ของ 000webhost.com ซงจะตองมการกำาหนดสทธการเขาถงไฟลกอน หากไมกำาหนดจะเกดปญหาขนคอไมสามารถเขยน/แกไขไฟลได รวมทงยงไมสนบสนน mod_rewrite ดวย

สวนบาง hosting ทไมมปญหากคอ bluehost ซงจะรองรบ mod_rewrite ทำาใหไมมปญหาเรองการปรบแตง Permalinks รวมทงการกำาหนดการเขาถงไฟลทงไฟลธม และในสวนของโฟลเดอร uploads ทใชสำาหรบเกบไฟลทเราอพโหลดเขาไปในการใชงาน WordPress กบ Bluehost นน ไมตองปรบแตงอะไรเลยทกอยางอตโนมตหมด

จะรไดอยางไรวามปญหา

Page 81: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

81

การทเราจะทราบวา hosting ทเราใชนนมปญหาเรองการกำาหนดสทธหรอไมอยางแรกกคอใชงานจรง ๆ เมอมปญหาแลวกคอยแกไข อยางทสองคอ เลอกเมน Design แลวเลอก Theme Editor เลอนจอภาพไปดดานลางของหนาตางแกไขไฟลหากพบขอความ

You need to make this file writable before you can save your changes. See the Codex for more information.

กแสดงวา มปญหาแลวหละครบ คณจะตองกำาหนดสทธใหสามารถเขยนไฟลได

ปญหาและการแกไข

ปญหาทเกดขนหากไมไดมการกำาหนดสทธการเขาถงไฟลมดงน

1. โฟลเดอร uploads ปกตแลวโฟลเดอรสำาหรบเกบไฟลทเราอพโหลดขนไป คาเรมตนของ WordPress จะอยท wp-content/uploads หากไมกำาหนดสทธใหเขยนไดจะเกดปญหาคออพโหลดไฟลเขาไปไมได

ทางแกปญหากคอ สรางโฟลเดอร uploads ใน wp-content แลวกำาหนดสทธใหเปน 777 หรอ chmod 777 เมอกำาหนดสทธแลวกจะสามารถอพโหลดไฟลขนไปไดอยางไมมปญหา

Page 82: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

82

2. ไฟลธมไฟลในธมตาง ๆ นนเราจะไมสามารถแกไขไดเมอเปดไฟลขนมาแกไข จะปรากฏขอความทายหนาตางแกไขไฟลใหเราไปแกไขไฟลใหสามารถเขยนไดเสยกอน และจะไมมปม “Update File” ดวย

ทางแกไขคอใหเรากำาหนดสทธของไฟลในธมทเราตองการแกไข (หรอเผอเอาไวแกไข) ใหเปน 777 หรอ chmod 777

แนะนำา : หากคณใชการแกไขไฟลแลวอพโหลดไฟลธมผานทาง FTP Client การกำาหนดสทธกไมจำาเปน หรอหากมผดแลระบบหลายคนและหากไมตองการใหใครแกไขไฟลธมตาง ๆ กไมตองไปกำาหนดสทธใหเขยนได

3. ไฟล .htaccess ไฟลนจำาเปนสำาหรบการกำาหนด Permalinks หาก hosting ใด ไมสนบสนน mod_rewrite จะทำาใหไมสามารถกำาหนด Permalinks ไดเมอกำาหนด Permalinks WordPress จะแจงขอความ “You shuold update your .htaccess now.”

Page 83: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

83

ทางแกไขกคอ ใหสรางไฟล.htaccess แลวอพโหลดไปไวยงโฟลเดอรทเปน Blog adress กลาวคอ ในกรณท WordPress address และ Blog address เปน url เดยวกนกอพโหลดไวในโฟลเดอรทตดตง WordPress

แตในกรณทเรยกบลอกผานทาง http://domain.com แตตดตง WordPress ไวท http://domain.com/wordpress ในกรณน ตองอพโหลดไวท root โฟลเดอรของ http://domain.com

เมออพโหลดไปแลว ใหเปลยนสทธเปน 777 หรอ chmod 777

เมอเปลยนสทธใหเขยนไดแลว กจะสามารถปรบปรง Permalinks ได

การเปลยนสทธโดยใช FileZilla

การเปลยนสทธการเขาถงไฟลโดยใชFileZilla FTP Client นนทำาดงน

ลอกอนเขาไปยงระบบ แลวเลอกไฟล/โฟลเดอรทตองการจะเปลยนสทธ

Page 84: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

84

แลวคลกเมาสขวาบนไฟล/โฟลเดอรทตองการ แลวเลอกเมน สทธการเขา“ถงแฟม ”

ปอนเลขทตองการ (777) ในชอง Numeric value แลวคลกปม ตกลง “ ”

Page 85: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

85

เมอเปลยนสทธการเขาถงไฟล/โฟลเดอรตาง ๆ ใหเรยบรอยกจะสามารถใชงาน WordPress ไดอยางราบรนแลวหละครบ

การเปด mod_rewrite ใน Apache

ในการตดตง WordPress บนเครองคอมพวเตอร Desktop นน ไมวาจะใชAppServ หรอ XAMPP ปญหาทเกดขนอยางหนงกคอ เรอง Permalinks นนเอง

เมอตดตง WordPress แลว อยากจะใช Permalinks ด เมอปรบปรง Permalinks แลวปรากฏวาใชไมได หรอไมไดรปแบบทตองการ นนเปนเพราะไมไดเปด mod_rewrite ใน Apache นนเอง ซงหากไมไดใชหรอไมตองการปรบเปลยน Permalinks กไมตองไปเปด mod_rewrite กได

ในการเปด mod_rewrite ใน Apache เพอรองรบ Permalinks นน สำาหรบ AppServ นนใหเปดไฟล C:\AppServ\Apache2.2\conf/httpd.conf ดวย Text Editor ขนมา

Page 86: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

86

คนหาคำาวา mod_rewrite เมอพบแลว ใหนำาเครองหมาย # ออกจากตนบรรทด บนทกไฟล แลว restart Apache อกครง

สำาหรบผใช XAMPP ใหเปดไฟล C:\xampp\apache\conf\httpd.conf ดวย Text Editor

คนหาคำาวา mod_rewrite เมอพบแลว ใหนำาเครองหมาย # ออกจากตนบรรทด บนทกไฟล แลว restart Apache อกครง

เทานกจะสามารถปรบแตง Permalinks ตาง ๆ ไดตามทตองการแลวหละครบ

QuickPress เขยนดวน

QuickPress คอคณลกษณะใหมทมใน WordPress รน 2.7 ทจะชวยใหเราสามารถเขยนบทความไดอยางรวดเรว เหมาะสำาหรบผทเขยนบทความสนๆ หรอเขยนบทความโดยไมตองใชเครองมอชวยเขยนตาง ๆ การใช QuickPress ลดการโหลดเครองมอตาง ๆในการเขยนบทความโดยทเรา

Page 87: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

87

ไมตองการและสามารถเขยนไดทนทหลงจากทเขาสระบบของ WordPress

เมอเขาสระบบของ WordPress กจะพบ QuickPress การใชงานดงน

1. Title : ชอเรองของบทความ2. Upload/Insert : ใชสำาหรบแทรกภาพ, วดโอ, เพลงเขาไปใน

บทความ3. Content : ชองสำาหรบปอนเนอหาของบทความ4. Tags : แทกสของบทความ จะใสหรอไมใสกได5. Save Draft : บนทกบทความเปนแบบฉบบราง ยงไมเผยแพร

เกบไวเพอกลบมาแกไขในภายหลง6. Cancel : ลางขอมลทปอนมาทงหมด ทงชอเรอง, เนอหาและแทก

ส7. Publish : เผยแพรบทความออกสหนาบลอก

เมอตองการเขยนบทความและเผยแพรสหนาบลอกกเพยง

Page 88: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

88

1. ปอนชอเรอง2. เขยนเนอหา3. ปอนแทกส (ถาตองการ)4. คลก “Publish”

เทานบทความทคณเขยนกจะปรากฏทหนาบลอกแลว สวนบทความทเขยนนจะจดอยในหมวดหมใดนน ขนอยกบหมวดหมปรยาย ทเราไดกำาหนดไวในเมน Settings->Writing สวน Default Post Category หากเราไมเคยกำาหนดเปนอยางอนคาเรมตนคอ Uncategorized ซงเราสามารถยอนกลบมาแกไขเรองหมวดหมของบทความนไดในภายหลง

แตหากคดวาบทความยงไมสมบรณและตองการเกบไวและกลบมาแกไขในภายหลงใหคลก Save Draft ชอบทความนนจะปรากฏอยในสวน “Recent Drafts” ทอยใต QuickPress นนเอง

เสรมประสทธภาพดวย Pluginsปลกอนเปนฟงกชนทจะเสรมการทำางานของ WordPress ใหมความสามารถมากยงขนตามทเราตองการ

การทำา Related Posts

Related Posts คอ บทความ (เรอง)ทเกยวของหรอสมพนธกนกบบทความปจจบน ดงทเราเหนอยตามเวบตาง ๆทมลงกบทความทมเนอหาคลาย ๆ กนอยทายบทความปจจบน ซง Related Posts น จะทำาใหผอานไดอานเรองราวตาง ๆ ทเกยวของไดงาย สงผลใหคา page views ของเวบมากขน

การทำา Related Posts นนทำาไมยาก ใชปลกอน Simple Tags ตดตงแลวปรบแตงธมอกนดหนอยกสามารถทจะม Related Posts เหมอน

Page 89: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

89

กบเวบอน ๆ แลว

การใชปลกอน Simple Tags ในการทำา Related Posts นนปลกอนจะใช tags ในแตละบทความนนเปนตวเชอมกนและนำาชอเรองบทความอน ๆทม tags เหมอนกนกบบทความปจจบนมาแสดงทายบทความ เชนเราเขยนบทความเกยวกบการตดตง WordPress ไว และกำาหนด tags เปน การตดตง เมอเราเขยนบทความเกยวกบการตดตงปลกอน เรากำาหนด “ ”

tags เปน การตดตง อก เมอผอาน ๆ บทความเกยวกบการตดตง“ ”ปลกอน บทความทเกยวของหรอ Related Posts ดานลางของบทความ กจะมชอเรองเกยวกบการตดตง WordPress ดวยเชนกน ทเปนเชนนเพราะเราตง tags คอ การตดตง เหมอนกน“ ”

เมอทำาการตดตงปลกอนเสรจแลว ให Activate ปลกอน คลกไปทเมน Settings จะมเมนยอย Simple Tags ปรากฏอย ใหคลกท Simple Tags แลวคลกเมน Related Posts

Page 90: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

90

มตวเลอกอยหลายอยาง จะกลาวเฉพาะทจำาเปนดงน

1. Post link format เปนรปแบบในการแสดงผลลงกบทความทเกยวของ

2. Maximum number of related posts to display (defualt :5)กำาหนดจำานวนลงกบทความทเกยวของ คาเรมตนคอ 5

3. Enter the text to show when there is no related post กำาหนดขอความทจะใหแสดงเมอไมมบทความทเกยวของ

4. Enter the positioned title before the list, leave blank for no title กำาหนดขอความทจะเปนหวขอเรองของ Related Posts เชน บทความทเกยวของกน“ ”, “เรองทเกยวของ”, “เรองอน ๆ ทนาสนใจ เปนตน หากไมตองการให”แสดงหวขอเรอง กใหปลอยวางไว ไมตองปอนขอความใดๆ

Page 91: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

91

จากนนใหเปดไฟล single.php ทอยในโฟลเดอรของธม (Theme) ทตองการหรอกำาลงใชงานอย ดวย Text Editor หรอ Theme Editor นำาโคดดงตอไปน

view sourceprint ?

<?php st_related_posts(); ?>

แทรกไวกอนหนาโคด

view sourceprint ?

<?php comments_template(); ?>

ซง st_related_posts() คอฟงกชนทจะแสดง Related Posts ทงในสวนของหวขอเรอง และลงกไปยงบทความอน ๆ ทเกยวของ

สรางสสนลงกภาพดวย Lightbox 2

ในการทำาบลอกการลงกไปยงภาพแลวเปดไปเปดหนาเพจใหมเพอแสดงภาพนนภาพเดยวอาจจะดธรรมดาไปแลว ปจจบนเขานยมทำากนในเวบทวๆ ไป คอเมอคลกลงกไปยงภาพแลวจะมวงหมน ๆ ขณะทโหลดภาพ เมอโหลดเสรจภาพนนกจะลอยซอนอยบนเวบเพจเดม เพจเดมกจะมว ๆ ดไมชดเนน

Page 92: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

92

ทภาพทเปดขนมา (ดตวอยางภาพดานลาง ลองคลกด ทำาแบบนนแหละครบ)ซงเรยกวา Lightbox

การทำาภาพซอนน เราใชปลกอนคอ Lightbox 2 ปลกอนตวเลก ๆ นแหละครบ ทำาภาพซอนอยางทหลาย ๆ เวบเขาทำากนการตดตงกเพยงแตดาวนโหลดแลวขยายนำาไปตดตงไวในโฟลเดอร plugins จากนนก Activate

การตงคาของ Lightbox 2 ใหไปทเมน Settings -> Lightbox 2 ในชอง Lightbox Appearance กำาหนดสของ Lightbox สวน Auto-lighbox images links เปนการกำาหนดใหแสดง Lightbox ลงกทลงกไปยงภาพโดยอตโนมตใหทำาเครองหมายถกทรายการน

เมอปลกอนทำางานแลว การลงกไปยงภาพทกภาพจะแสดงภาพซอน (เหมอนภาพดานบน)โดยทเราไมตองไปแกโคดหรอทำาอะไรเพมเตมทงสนเลย เหนไหมละครบมนงายขนาดน จะไมลองทำากนดหนอยหรอครบ ;-) และทนาสนใจกคอในบทความเดยวกนทมการลงกไปยงภาพตาง ๆ หลาย ๆ ภาพปลกอนตวนกจะจดการสรางลงกไปยงภาพอน ๆ ใหโดยอตโนมต คอเมอคลกลงกเปดภาพใดภาพหนงขนมา เลอนเมาสไปยงสวนตาง ๆ ของภาพจะปรากฏลกศรนำาทางชไปดานซายหรอขวาขนอยกบตำาแหนงของเมาสวาอยสวนใดของภาพและเมอคลกตามลงกลกศรนำาทาง กจะเปดภาพ

Page 93: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

93

ใหมขนมา หากลกศรชทางซายคลกเมาสกจะเปดภาพกอนหนา แตหากลกศรชทางขวา คลกเมาสกจะเปดภาพถดไป

หากเปนภาพแรกสด จะไมมลกศรชไปทางดานซายและหากเปนภาพสดทายกจะไมมลกศรชไปทางดานขวาเชนกน กลอง ๆตดตงใชกนดครบ คงทำาใหบลอกของคณมสสนขนมาบาง ดกวาอยเปลา

บรหารสทธสมาชกดวย Role Manager

การใช WordPress ทำาเวบรองรบผเขยนบทความหลาย ๆคนหรอมการสมครสมาชกดวยนนการจดการสมาชกหรอผใชทสมครเขามาเปนสมาชกนน เปนเรองทควรคำานงดวยวาแตละกลม แตละคนนนควรมสทธในการจดการ WordPress ไดมากนอยแคไหนเพอประโยชนในการจดการและบรหารอยางเหมาะสม

กลมสมาชกใน WordPress แบงออกไดเปนดงน

1. Administrator2. Editor3. Author4. Contributor5. Subscriber

จะเหนไดวา มหลายกลม แลวแตละกลมนมสทธทำาอะไรไดบางคนทรแลวกแลวไป คนทไมรกตองมานงจำาวาแตละกลมมสทธทำาอะไรไดบางแลวควรจะเพมสทธหรอลดสทธกลมไหนอยางไรด

มปลกอนทนาสนใจสำาหรบการแสดงสทธของกลมสมาชกตางๆ (ไมตองจำาอกตอไป) นอกจากนแลวยงมความสามารถอกมากมายหลาย ๆอยางทเหมาะสำาหรบบรหารสทธสมาชกตาง ๆ ของ WordPress นนคอ Role

Page 94: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

94

Manager Plugin for WordPress ปลกอนตวนทำาใหเราสามารถกำาหนดสทธหรอยกเลกสทธการใชงาน WordPress ของสมาชกไดอยางงายดาย เพยงคลกเลอกรายการทตองการเทานน

ภาพแสดงรายการสทธตาง ๆ ทเราสามารถยกเลกหรอเพมสทธได

จากคาเดมของ WordPress ทกำาหนดสทธมาใหสมาชกบางกลมอาจจะไมเพยงพอกบความตองการของเรา เรากสามารถกำาหนดสทธเพมเตมใหไดในทางกลบกนเรากสามารถยกเลกสทธทมากเกนไปสำาหรบบางกลมได นอกจากนนแลวหากเราเหนวากลมสมาชกท WordPress กำาหนดมาใหนนไมเพยงพอกบความตองการของเรา เรากอาจจะกำาหนดกลมเพมขนมาพรอมกบกำาหนดสทธบางอยางใหกบกลมทเพมมากไดหรอเราจะคดลอกสทธของกลมเดมแลวสรางกลมสมาชกใหมกสามารถทำาไดนบวาปลกอนตวนมประโยชนมาก ๆ สำาหรบเวบทมผเขยนหรอสมาชกหลาย ๆ คน

ทำาสารบญดวย TOC Generator

ในการเขยนบทความนน บางบทความอาจจะมความยาวพอสมควรและแบงแยกเนอหาออกเปนสวน ๆ เชน บทความเกยวกบโครงการหนง ๆกอาจจะ

Page 95: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

95

ประกอบไปดวย วตถประสงคของโครงการ, เปาหมาย, เนอหา, การดำาเนนการ, บคลากร เปนตน ซงแตละสวนกจะมเนอหาแตกตางกนออกไป

เมอผชมอานบทความ การทจะรรายละเอยดทกภาคสวนกจะตองเลอนจอภาพอานทงบทความ หากเราไดจดบทความออกเปนสวน ๆและแสดงเปนสารบญใหผชมไดทราบวา ในบทความนมหวขอใดบางและขามไปอานยงหวขอนาสนใจทตองการจะอานนบวาเปนการสรางความสะดวกใหกบผชมไมนอยซงกเปนเหมอนกบสารบญของหนงสอนนเอง

ถายงนกภาพไมออก ดตวอยางภาพดานลางประกอบ (จบภาพจากเวบไซตผพฒนา-หากนงายด)

จากภาพตวอยางจะเหนไดวา ผอานสามารถรไดทนทวา ในบทความมหวขอใดบางและสามารถขามไปยงบทความทนาสนใจไดทนทปลกอนทชวยใหเราทำาสารบญไดอยางน นนคอ Table of Contents Generator การตดตงกทำาไดงายมเพยงไฟลเดยวเทานน อพโหลดใสโฟลเดอร plugins แลวกเรยกใชงาน ซงการสรางสารบญน สรางไดทงใน posts และ pages

การใชงานกไมยาก เพยงแตอยากใหมสารบญในบทความ (posts) หรอหนา (pages) ไหน กใสโคด

Page 96: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

96

ไว ณ สวนทอยากใหมสารบญ อาจจะเปนตนบทความ หรอทายบทความกไดโคดนตองใสในบทความขณะอยในโหมด HTML นะครบ ใสในโหมด Visual มนจะไมบงเกดผล อนนเปนสวนของการกำาหนดการแสดงสารบญ

อกสวนหนงกคอสวนของการกำาหนดรายการสารบญตาง ๆ ซงกำาหนดดวยการใส HTML Headings Tags นนกคอ H3 และ H4 ซง H3 กำาหนดสำาหรบสวนทเปนหวขอหลก (เชนหวขอ 1.) สวน H4 สำาหรบสวนทเปนหวขอยอย (เชน หวขอ 1.1) ใส tags H3 คลมหวขอหลก และ H4 คลมหวขอยอย ปลกอนจะสรางสารบญใหโดยอตโนมต

ภาพตวอยางการใช HTML Heading Tags

ภาพตวอยางของการสรางสารบญหลงจากใส HTML Heading Tags ไปแลว

Page 97: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

97

คาเดม ๆ ในการแสดงผลของสารบญอาจจะไมสวยงามถกใจเราเรากสามารถปรบแตงใหสวยงามได โดยการใสโคด CSS ดานลางนไวในไฟล style.css ทอยในธมทเรากำาลงใชอย

view source

print ?

PGNvZGU+DQogICAgLnRvYyB7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjBmZjsNCiAgICBib3JkZXI6ICNkMGQwZGQgc29saWQgMXB4Ow0KICAgIGZsb2F0OiByaWdodDsNCiAgICBmb250LXNpemU6IC45ZW07DQogICAgbWFyZ2luOiAxMnB4IDAgNXB4IDEycHg7DQogICAgd2lkdGg6IDIwMHB4Ow0KfQ0KDQoudG9jIG9sIHsNCiAgICBtYXJnaW46IDVweDsNCiAgICBwYWRkaW5nLWxlZnQ6IDMwcHg7DQp9DQoNCi5lbnRyeSA+IC50b2Mgew0KICAgIG1hcmdpbi10b3A6IDBweDsNCn08L2NvZGU+

เมอใสไปแลว การแสดงผลกจะมความสวยงามยงขน สามารถปรบแตงไดตามตองการซงการใชปลกอนนในการเขยนบทความ จะเหนไดวาทำาใหบทความดนาอานยงขนเพราะสามารถเหนภาพรวมตาง ๆของบทความไดอยางชดเจน

สรปบทความอกครง ในการสรางสารบญทำาดงน

1. ใสโคด<!- -TOC- ->ไวในบทความในโหมด HTML ณจดทตองการใหแสดงสารบญ

Page 98: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

98

2. ใส tags <h3>และ</h3>คลมหวขอหลก และ<h4>และ</h4>คลมหวขอยอย

สวน css นนจะแกไขหรอไมแกไขกไดเปนการปรบแตงเพอการแสดงผลทสวยงามเทานน

หมายเหต: โคด css นไดนำามาจากไฟล style.css ของผพฒนาเองครบ

แบงสวนบทความออกเปนแทบ

ในการเขยนบทความยาว ๆ ประกอบไปดวยหลายสวนการแบงแตละสวนของบทความเปนแทบใหผอานคลกเลอกอานกเปนวธการทนาสนใจทำาใหบทความนาอานยงขน การสรางแทบกสรางไมยากเครองมอทใชสำาหรบสรางแทบบทความนนคอ postTabs นอกจากน สพนหรอแทบยงปรบแตงไดอกดวย

หลงจากทดาวนโหลดปลกอนและตดตงตามวธการปกต เรยกใชงานปลกอนกเรมเขยนบทความไดทนท

รปแบบของการสรางแทบคอ

[tab:ขอความชอแทบ]

ขอความ

Page 99: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

99

ภาพตวอยางของการสรางแทบ

รปแบบของแทบทปลกอนสรางขนมา เราสามารถคลกแทบตาง ๆเพออานบทความแตละสวนไดอยางรวดเรว

ควบคม Revisions ดวยปลกอน

Page 100: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

100

Revisions คอขอมลประวตการแกไขเอกสาร ทง Post และ Page คาเรมตนของ WordPress กคอจะเกบขอมลทมการแกไขไว และผมเคยเขยนเกยวกบเรองนแลวทงการเปด/ปด Post Revisions และการลบขอมล Revisions ตาง ๆ ออกจากบลอก

คราวน ผมจะมาพดถงเรองการใชปลกอนเขาชวยในการควบคม Revisions ใหเปนไปตามทเราตองการ ปลกอนทเราจะนำามาใชนคอ Revision Control ปลกอนตวน ใชควบคม Revisions ทงของ Post และ Page เปนไปตามทเราตองการได คอ กำาหนดคาโดยรวมหรอกำาหนดเฉพาะ Post/Page ไดอกดวย

เราสามารถกำาหนดคาเรมตน Revisions ใหกบ Post/Page ไดวา จะเปด, ปดหรอกำาหนดวาจะใหเกบขอมลไวกครง คาเรมตนนจะมผลกบ Post/Page ทวไป (กำาหนดคาสำาหรบ Post และ Page แยกกน) และเรายงสามารถกำาหนดไดเฉพาะ Post/Page ทเราตองการไดอก กลาวคอ หากเรากำาหนดคาเรมตนเปนปด Post Revisions คอไมเกบ Post Revisons ไว แตเราสามารถเปด Post Revisions เฉพาะบางบทความทเราตองการกได และในบทความนนยงสามารถกำาหนดไดวา จะใหเกบ Post Revisions ไวไดกครง และเรายงสามารถลบ Revisions ในบทความตาง ๆไดอกเชนกน

หลงจากตดตงปลกอนและ Activate เรยบรอยแลว เราสามารถกำาหนดคาตาง ๆใหกบปลกอนได โดยไปทเมน Settings->Revisions

Page 101: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

101

เปนการกำาหนดคาเรมตนสำาหรบ Post และ Page วาจะใหเกบ Revisions (Enabled) หรอ ไมเกบ (Disabled) หรอใหเกบไวจำานวน xxx ครง (Limit to xxx Revisions) การกำาหนดคาเรมตนน จะมผลกบ Post/Page ทงเกาและทจะมเพมเขามาใหม

เราสามารถกำาหนดคา Post Revisions นใหแตละบทความได โดยไปกำาหนดท Post Revisions metabox ทดานลางของแตละบทความในโหมดแกไข ซงคาทเรากำาหนดนจะมสทธเหนอกวาคาเรมตนทกำาหนดในเมน Settings->Revisions กลาวคอแมคาเรมตนจะกำาหนดปด Post Revisions ไวแตหากเรามากำาหนดเปดในบทความแตละบทความนนปลกอนจะถอเอาการกำาหนดในแตละบทความนนสำาคญกวา และเราสามารถลบ Revisions ทเราไมตองการไดดวยเชนกน โดยการคลกทลงก “delete” หลง Revisions ทเราตองการลบ

การกำาหนดคาตาง ๆ ของ Page Revisions นนกเหมอนกบการกำาหนดคาตาง ๆ ของ Post Revisions นนเอง เพยงแตเปลยนจาก Post เปน Page เทานน

นกเปนทางเลอกอกทางหนงในการกำาหนด Revisions ซงกขนอยกบความตองการของแตละทานวา จะใชแบบ manual คอกำาหนดในไฟล wp-config.php หรอจะใชปลกอนเขาชวย แตหากจะเลอกใชปลกอนเขา

Page 102: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

102

ชวยและมการกำาหนดแบบ manual ไวในไฟล wp-config.php อยกอนแลวใหลบขอมลนนออกเสยกอนใชงานปลกอน

ทำาบลอกสวนตวดวย Private Only

การทำาบลอกสวนตว ทเปดใหเฉพาะผทเปนสมาชก, เพอน ๆ หรอครอบครวเทานนทจะสามารถเปดอานบทความตาง ๆ ได การทจะเปดอานบทความไดนนจะตองทำาการลอกอนเขาสระบบเสยกอน หรอหากไมไดเปนสมาชกกสามารถสมครเปนสมาชกกอน (แลวแตนโยบายวาจะเปดใหลงทะเบยนสมครสมาชกไดหรอไม)แลวจงลอกอนเขาสระบบเพออานบทความ

ปลกอนทชวยใหเราทำา WordPress เปนบลอกสวนตวนคอ Private Only ปลกอนนใชงายมาก ๆ แคตดตงปลกอนและเรยกใชงาน (Activate) เทานนโดยไมตองปรบแตงอะไรเลย บลอกของคณกจะเปนบลอกสวนตวแลวหละครบ

Page 103: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

103

เมอผใชเปดบลอกมา กจะปรากฏหนาตางลอกอน หากเขาสระบบไมไดหมดสทธทจะอานบทความ การทจะเปดใหผใชสามารถลงทะเบยนเพอเปนสมาชกและเขาไปอานบทความไดนนขนอยกบนโยบายของแตละบคคล การเปด/ปดการลงทะเบยนสมาชกนนสามารถเขาไปกำาหนดไดทเมน Settings->General ตรง Membership

ปลกอนททำางานในลกษณะเดยวกนน ทนาสนใจอกตวหนงคอ Members Only ตวนจะมตวเลอกใหปรบแตงหลายอยาง สนใจกลองดาวนโหลดมาใชกนไดครบ

ซอนบทความดวย HidePostในบลอกทมการสมครสมาชก อาจจะตองการสงวนบทความบางสวนสำาหรบสมาชกเทานนเชน หากไมสมครสมาชกและเขาสระบบ กจะไมเหน

Page 104: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

104

ภาพ, ไมเหนลงกหรอไมเหนสวนของบทความทสำาคญซงอาจจะเปนแรงจงใจใหผชมสมครเปนสมาชกเพออานบทความทถกซอนไว

ปลกอนสำาหรบซอนบทความคอ HidePost มการใชงานทงาย เพยงใสแทก [hidepost] ตรงสวนทตองการซอนบทความผชมทไมไดเขาสระบบกจะไมเหนสวนทเราซอนเอาไว

ภาพตวอยางน เปนการซอนบทความเพยงบางสวนเทานน การใชงาน ใสแทก

[hidepost]สวนของบทความทตองการซอน:[/hidepost]

การปรบแตงคาของปลกอนนใหเขาไปตงคาท Settings->hidepost เราสามารถกำาหนดคาอน ๆ ไดเชน ซอนลงกหรอไมจะแสดงขอความบอกแจงใหลอกอนเขาสระบบเพออานบทความทเหลอหรอไมเปนตน

Page 105: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

105

งาย ๆ อยางนกลองนำาไปประยกตใชงานดนะครบ

การใชงานระดบสงสวนนจะเปนการใชงานสำาหรบผทคนเคยกบ WordPress มาบางแลว และตองการใชงานมากกวาระดบพนฐาน และกลาวถงในสวนของการทำางานจรงบน Server หรอโฮสตง

นำาขอมลบลอกมาตดตงบนเครองสวนตว

ขณะทเวบบลอกของคณกำาลงทำางานอยด ๆในบางกรณกอยากไดขอมลเวบบลอกนนมาตดตงบนเครองของคณเองเพอตรวจสอบขอผดพลาด ทดสอบปลกอน ทดสอบธม หรอจะทำาอะไรกแลวแตททำางานบนขอมลเดยวกบขอมลบนเวบแตไมมผลกระทบกบเวบบลอกทกำาลงออนไลนอย

Page 106: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

106

ขนตอนทนำาเสนอตอไปน จะเปนการนำาขอมลตาง ๆจากเวบบลอกออนไลนมาตดตงบนเครองของคณเองทำาใหคณเขาเวบบลอกบนเครองของคณเอง มหนาตาและขอมลตาง ๆเหมอนกบบลอกออนไลน

การทำางานในสวนของ Host

ลำาดบแรก ใหคณดาวนโหลดไฟลขอมลตาง ๆ ทอยในโฟลเดอรทตดตง WordPress ทงหมด หากใครใช Cpanel กเขาไปท File Manager แลวทำาการบบอดขอมลทงโฟลเดอรใหเหลอเพยงไฟลเดยวแลวดาวนโหลดไฟลบบอดนนมา จะดาวนโหลดไดเรวกวาดาวนโหลดทละไฟล

ลำาดบสอง ใหคณเขาไปท Control Panel ของเวบทคณใชอย แลวเขาไปท phpmyadmin เลอกฐานขอมลทเกบขอมลของ WordPress (ถาจำาไมไดใหไปยงโฟลเดอรททำาการตดตง WordPress แลวเปดไฟล wp-config.php) เมอเลอกแลว จะแสดงรายการตารางขอมลทอยในฐานขอมลนน

คลกไปท สงออก“ ”

Page 107: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

107

เลอกตารางขอมลทตองการใหสงเกตคำานำาหนาตารางขอมลทจะเลอกนนจะมคำานำาหนาตรงกบขอมลทอยในไฟล wp-config.php (ในกรณทปลกอนบางตวทำาการสรางตารางขอมลทไมใชคำานำาหนาเหมอนกบตารางขอมลของ WordPress นนขอใหทานสงเกตดวยนะครบ)

ตวเลอกตาง ๆ นนใหดภาพประกอบ เพราะเปนคาเรมตนเมอมการสงออกขอมลสวนตวเลอก สงมาเปนไฟล นน เลอก ถกบบอดอย “ ” “ (zip)” เสรจแลวคลกปม ลงมอ รอสกคร จะมกรอบใหบนทกไฟล ใหบนทกไฟลนน“ ”เกบเอาไว

การทำางานบนเครองสวนตว

คณจะตองทำาการตดตงโปรแกรมจำาลอง Web Server โดยจะใชXAMPP หรอ AppServ กได

Page 108: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

108

ขยายไฟล WordPress ทดาวนโหลดมาจากอนเทอรเนตไปยงโฟลเดอรทคณตองการทอยใน root site ของ Web Server ทคณตดตง

เปดเบราเซอรไปท http://localhost/phpmyadmin เพอทำาการสรางฐานขอมลใหมชอฐานขอมลใหมน ไมจำาเปนตองเหมอนกบชอเดมทอยบน Host

เมอสรางฐานขอมลเสรจแลว คลกปม Import เพอนำาขอมลจากบลอกบนอนเทอรเนต เขามาเกบไวยงฐานขอมลในเครองของคณ

Page 109: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

109

คลกปม Browse เลอกไฟล .zip ทเกบขอมลของบลอกจากอนเทอรเนตแลวคลกปม ลงมอ“ ”

เมอนำาขอมลเขาฐานขอมลเสรจแลว จะแสดงขอความแจงใหทราบ

ดานซายมอของหนาตางเบราเซอร คลกทไอคอนดานหนาตารางขอมล blog_options (blog_ คอชอนำาหนาตารางขอมลของ WordPress

Page 110: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

110

ซงผใชแตละทานอาจจะแตกตางกนออกไป คาเดมของ WordPress คอ wp_ กำาหนดอยในไฟล wp-config.php)

เมอคลกแลว จะแสดงรายการตาง ๆ ทอยในตารางขอมลนน ใหคณหาคอลมน option_name ในแถวทมขอมล siteurl กบ home แลวทำาการแกไขขอมลใหถกตองการแกไขใหคลกทรปดนสอหนาแถว

1. siteurl คอ url ทเกบขอมลของ WordPress เชนคณเกบขอมล WordPress ไวในโฟลเดอร blog จาก root site ใหแกไขเปน http://localhost/blog

2. home คอ url ทใชสำาหรบเปดหนาบลอก เชน เวลาจะเขาดหนาบลอก พมพ http://localhost/blog กใช url น

กรณทการเรยกดบลอกและการตดตง WordPress ตางทกนใหอานรายละเอยดเพมเตมจากการเปลยนเสนทางบลอก

Page 111: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

111

เมอจดการขอมลเกยวกบฐานขอมลใน phpmyadmin เสรจแลวใหไปยงโฟลเดอรทเกบขอมล WordPress เปดไฟล wp-config.php ขนมาแกไขโดยแกไขในสวนของชอฐานขอมล ชอผใช และรหสผานใหตรงกบขอมลปจจบน

เปดหนาบลอกขนมา เชน http://localhost/blog กจะเหนหนาบลอกเหมอนกบหนาบลอกบนอนเทอรเนต ใหคณลอกอนเขาไปยงหนา Dashboard เลอกเมน Options->Permalinks แลวคลกปม Update Permalink Structure เมออพเดทเสรจ คลกไปยงลงกตาง ๆ กจะม url เหมอนกบ url ในบลอกบนอนเทอรเนต

ในกรณท url ของ permalink ไมเหมอนบนอนเทอรเนตแมไดทำาการอพเดทไปแลวนน ใหคณทำาการปด Web Server ของคณชวคราวแลวไปเปดไฟล httpd.conf ในโฟลเดอร apache\conf แกไขโดยการนำาเครองหมาย # ออกจากหนาบรรทด LoadModule rewrite_module modules/mod_rewrite.so แลวทำาการเปด Web Server ของคณอกครง

เมอทำาตามขนตอนตาง ๆ เสรจแลวคณกจะมขอมลบลอกทเหมอนกบทงบนอนเทอรเนตและบนเครองของคณเองทำาใหสามารถทดสอบขอมลตาง ๆ ไดโดยไมมผลกระทบใด ๆ ตอขอมลบนอนเทอรเนต

การนำา WordPress จากเครองสอนเทอรเนต

Page 112: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

112

ผใช WordPress ทไดลองตดตงบนเครองคอมพวเตอรสวนตวและไดมการเขยนบทความไวมาก ๆ แลว เมอไดเชาโฮสตจดโดเมนแลวอยากนำาขอมลเหลานนขนไปบนเวบเพอนำาบทความสสายตาผอานทวไปวธการในการนำาขอมล WordPress จากเครองสอนเทอรเนตนน มวธการไมยากครบมขนตอนดงตอไปน

การทำางานบนเครองสวนตว

รปบลอกบนเครองสวนตว

Page 113: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

113

เราจะนำาขอมลจากบลอกบนเครองของเราไปไวบนอนเทอรเนตอนดบแรกใหเปดเบราเซอรไปท http://localhost/phpmyadmin เพอทำาการเปดฐานขอมลและนำาขอมลออกมาเกบไว

Page 114: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

114

ในหนาตาง phpmyadmin ใหเลอกฐานขอมลทเกบขอมลบลอกจากดานซายมอเมอเปดฐานขอมลแลว ใหคลกท สงออก“ ”

Page 115: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

115

เลอกตารางขอมลของบลอก (จะขนตนดวยขอมลตาม $table_prefix ทอยใน wp-config.php) ทำาเครองหมายถกหนา สงมาเปนไฟล แลว“ ”คลก ลงมอ จะปรากฎหนาตางใหบนทกไฟล ซงไฟลทไดจะเปนนามสกล“ ” .sql

จากนนใช Text Editor เชน Notepad หรอ EditPlus เปดไฟล .sql ขนมา

คนหาคำาวา “siteurl” แลวเปลยน url ใหม เปนเสนทางทเราจะเกบไฟล WordPress เอาไว เชน อาจจะเกบไวท http://domain.com/blog เรากเปลยน url จาก (ตวอยาง) http://localhost/test เปน http://domain.com/blog

คนหาคำาวา “home” แลวเปลยน url ใหม เปนเสนทางทเราจะเรยกบลอกเราจะเรยกใชบลอกท http://domain.com/blog เรากพมพ url นลงไปแทน

แลวเปลยน url อน ๆ ทลงกไปยงไฟลภาพตาง ๆ ใหสอดคลองกบเสนทางบน Host ดวย เชนจากลงกภาพเดม http://localhost/test/wp-content/uploads/ กเปลยนเปน http://domain.com/blog/wp-content/uploads/

Page 116: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

116

ใช Text Editor เปดไฟล wp-config.php ขนมาแลวแกไขขอมลใหมเปลยนชอฐานขอมล ชอผใชและรหสผานใหม ตามขอมลบนโฮสต หากยงไมมคณจะตองเขาไปยงสวนสรางฐานขอมล สรางฐานขอมลเปลา ๆขนมาพรอมกบสรางผใชและเพมผใชไปยงฐานขอมลนนดวยแลวนำาขอมลเหลานนมาแกไขในไฟล wp-config.php

เมอแกไขขอมลตาง ๆ เสรจแลว ใหอพโหลดไฟลของ WordPress ทงหมดไปยงโฟลเดอรทกำาหนดไวบน Host เชนอยากเรยกใชงานท http://domain.com/blog กจะเกบไฟลไวทโฟลเดอร public_html/blog เปนตน

การทำางานในสวนของ Host

ในสวนบน Host นกจะเปนการนำาขอมลจากฐานขอมลบนเครองทไดบนทกไวเขาไปไวในฐานขอมลบน Host แลวทำาการเปดบลอกเทานกจะเหนบลอกทเคยอยในเครองสวนตวไดปรากฎสสายตาชาวโลกแลวหละครบ

Page 117: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

117

เขาไปในสวน Control Panel ของเวบของคณเอง แลวเปด phpmyadmin เลอกฐานขอมลทคณไดสรางไวแลว ทจะเอาไวเกบขอมลของบลอก เมอเลอกแลวดานบนของหนาตาง phpmyadmin จะแจงชอฐานขอมลทคณเลอกไว ใหคลกท “Import”

หลงจากคลก “Import” แลว ใหคลกปม Browse เลอกไฟล .sql ทเราไดบนทกไวจากการสงออกขอมลจากฐานขอมลของบลอก WordPress คลกปม ลงมอ เพอทำาการนำาขอมลจากไฟล “ ” .sql เขาไปยงฐานขอมลบน Host

เมอนำาขอมลเขาเสรจแลวเรยบรอยแลว จะแสดงขอความใหเราทราบ

Page 118: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

118

หลงจากทนำาขอมลเขาฐานขอมลบน Host เสรจแลวตอนนคณสามารถเปดบลอกของคณไดแลวคณจะเหนบลอกบนอนเทอรเนตของคณเหมอนกบบลอกทอยบนเครองคอมพวเตอรของคณเลยครบ

หลายบลอก หนงฐานขอมล

Page 119: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

119

ในเวบหนง ๆ เราสามารถมบลอกไดหลายบลอก เชนทโดเมนหลก, sub-domain หรอ sub-directory กได ขนอยกบการตดตงบลอกของเรา ในการเชาโฮสตนนคณสมบตของแตละแหงไมเหมอนกน บางแหงใหฐานขอมล MySQL หลายฐานแตบางแหงใหเพยงแตฐานขอมลเดยว

ในกรณทไดฐานขอมลอยางจำากดเราสามารถตดตงบลอกไดหลายบลอกโดยใชฐานขอมลเพยงฐานเดยวเทานนและมประโยชนมากสำาหรบโฮสตทใหฐานขอมลเดยวทสำาคญเวลาเมอใชฐานขอมลรวมกนเพยงฐานขอมลเดยวเวลาสำารองขอมลกสำารองเพยงครงเดยวกไดขอมลครบทงหมดของทกบลอกครบ

การตดตงหลายบลอกโดยใชฐานขอมลรวมกนน ขอมลในการตดตงกเหมอน ๆกนทกบลอก มเพยงไฟล wp-config.php เทานนทมบางบรรทดแตกตางกนออกไปนนคอ

การกำาหนดคำานำาหนาชอฐานขอมล

โดยปกตแลว WordPress จะกำาหนดคำานำาหนาชอตารางฐานขอมลเปน "wp_" เมอตดตงไปแลว คำานำาหนาตารางฐานขอมลจะเปน wp_ แตเราสามารถกำาหนดเปนอยางอนไดเพอใหมความแตกตางกนและเปนการแยกแตละบลอกออกจากกนไดดวยบนฐานขอมลเดยวกน

เชน อยากทำาบลอกเกยวกบ network, software และ internet เราสามารถกำาหนดไดดงน

บลอก network กำาหนด เปน

$table_prefix = ’network_’;

Page 120: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

120

บลอก software กำาหนด เปน

$table_prefix = ’software_’;

บลอก internet กำาหนด เปน

$table_prefix = ’internet_’;

ในสวนอน ๆ ของไฟล wp-config.php กเหมอนกนไมตองแกไขอะไรเพมเตมจากนนใหอพโหลดไฟล wp-config.php ทมการแกไขขอมลแลวไปไวในโฟลเดอรสำาหรบตดตง WordPress แลวทำาการตดตง WordPress ตามขนตอนปกต

หรอบางทอาจจะตองการความงายกตงคำานำาหนาตามโฟลเดอรทตดตงบลอกกไดเชนกน

กรณทใชคำานำาหนา หรอ $table_prefix เหมอนกน จะเปนการใชขอมลรวมกนบลอกทตดตงภายหลงจะไมสรางผลกระทบใด ๆ ตอฐานขอมลแตจะนำาขอมลนนมาใชงานทนท

การเปลยนเสนทางบลอก

ผใช WordPress บางทาน ตดตง WordPress ไวใน subdirectory เชน http://example.com/blog หรอ http://example.com/wordpress เมอเวบมการเตบโตขน ตองการเปลยนการทำาเวบไซตแบบเดมเปนเวบบลอกคอเรยกบลอกจาก http://example.com เลยโดยทไมตองมการตดตง WordPress ใหมและยงตองการใหไฟลตาง ๆ ของ WordPress ยงคงอยในโฟลเดอรเดม

Page 121: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

121

WordPress นน อนญาตใหคณสามารถตดตง WordPress ไวใน subdirectory แตมการเรยกใชงานบลอกจาก site root ได มขนตอนการดำาเนนการดงน

1. เขาไปทAdministration Panel2. ไปทเมนOptions3. ในชอง WordPress address (URL) :ใหปอน URL ทตด

ตง WordPress เชน http://example.com/blog หรอ http://example.com/wordpress

4. ในชอง Blog address (URL) : เปลยน URL เปน site root เชน http://example.com

5. คลกทUpdate Options เพอบนทกการเปลยนแปลงทเกดขน6. คดลอกไฟล index.php และ .htaccess ทอยในโฟลเดอรทตดตง

WordPress ไปยง root directory ของ site7. เปดไฟล index.php ท root directory ของ site โดย Text

editor เชน notepad เปนตน (index.php ไฟลนทคดลอกมาในขอ 6)

8. เปลยนขอความตามดานลางและบนทกเปลยนบรรทดrequire(’./wp-blog-header.php’); เปนrequire(’./blog/wp-blog-header.php’); โดย blog (ทเนนส) คอ โฟลเดอรทตดตง WordPress

9. ลอกอนเขาส Administration Panel ของ WordPress ทาง http://example.com/blog/wp-admin

10. ถาเคยตงคา Permalink ใหไปท Options | Permalinks แลวทำาการปรบปรงโครงสราง Permalinks ของคณ WordPress จะทำาการปรบปรงไฟล .htaccess ของคณโดยอตโนมต

Page 122: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

122

บทความนยงรวมถง ผทเรมตนทำาเวบ ตองการทำาเวบบลอกโดยใช WordPress และตดตง WordPress ไวใน subdirectory แทนการตดตงไวท site root กสามารถประยกตการใชในไดในรปแบบเดยวกน

[tags]การยายบลอก[/tags]

การสรางฐานขอมลบน CPanel

ในบทความหลาย ๆ บทความทผานมา คดวาหลายทานคงจะสามารถตดตง WordPress บนเครองคอมพวเตอรของทานไดแลว ตอไปกจะกลาวถงการตดตงบน Host กนบางนนหมายถงวา ไดมการจดโดเมนและเชาพนทสำาหรบทำาเวบเรยบรอยแลว

เรองการจดโดเมนและเชาพนทขอยกไวไมกลาวถง การทจะตดตง WordPress บน host นน เรากจะตองทำาการสรางฐานขอมลกนกอน ตวอยางตอไปนยกตวอยางการสรางฐานขอมลบน host ทใช Cpanel รน 11 เปน Control Panel ซงถาเทยบบนเครองของเราเอง กเปนการสรางฐานขอมลผาน phpMyAdmin นนเอง

ขนตอนในการสรางฐานขอมลบน Cpanel มดงน

1. สรางฐานขอมล2. สราง ผใชฐานขอมล3. เพมผใชฐานขอมลไปยงฐานขอมล

เรมแรก สรางฐานขอมลกอน

Page 123: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

123

หลงจากทลอกอนเขาส Control Panel แลว ใหคลกท MySQL Datatabase เพอสรางฐานขอมล

พมพชอฐานขอมลทตองการสราง ในชอง New Database แลวคลกปม Create Database

เมอสรางฐานขอมลเสรจแลว คลกปม Go Back เพอยอนกลบไปหนาเวบเดม

Page 124: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

124

ขนตอนตอไป สรางผใชฐานขอมล พมพชอผใชในชอง Username และปอนรหสผานในชอง Password และ ปอนอกครงในชอง Password (Again) แลวคลกปม Create User

เมอสรางเสรจ จะมขอความวา ไดทำาการเพมผใชและรหสผานอะไร คลกปม Go Back เพอยอนกลบไปหนาเวบเดม

ขนตอนสดทายของการสรางฐานขอมลคอการเพมผใชใหกบฐานขอมลทสรางขนมา ในชอง User ใหเลอกชอ User ทเราไดสรางขนมา แลวในชอง Database ใหเลอกฐานขอมลทเราสรางขนมาคลกปม Submit เพอทำาการเพมผใชใหกบฐานขอมล

Page 125: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

125

ในกรณทใช Shared host มกจะมชอบญชทเราสมครกบโฮสตอยหนาชอฐานขอมลและผใชฐานขอมล เชนผมสมครเชาโฮสตและไดชอบญช myhost ดงนนฐานขอมลและชอผใชจะขนตนดวย myhost_ เชน ฐานขอมลทเราตงชอ “test” ดงนน ชอฐานขอมลจรง ๆ จะชอ myhost_test เปนตน

หลงจากทคลกปม Submit มาแลวจะปรากฏหนาเวบใหกำาหนดสทธของผใชทเพมเขามายงฐานขอมลวามสทธทำาอะไรกบฐานขอมลบาง ใหเลอกเปน ALL PRIVILEGES แลวคลกปม Make Changes

Page 126: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

126

เมอเพมเสรจเรยบรอยแลว กจะแสดงขอความวา ไดทำาการเพมชอผใชอะไรไปยงฐานขอมลอะไร ใหเราจำาขอมลน ชอฐานขอมลชอผใชฐานขอมลและรหสผาน เพอนำาไปกบไฟล wp-config.php เหมอนกบทเราใชเมอตอนตดตงบนเครองคอมพวเตอรของเรา

การปด Post Revision ใน WordPress 2.6

Post Revision เปนคณลกษณะใหมของ WordPress ทมในรน 2.6 มนจะเกบขอมลการเปลยนแปลงของบทความทมการแกไขในแตละครงเหมอนกบพวก Wiki ทำาใหเรายอนกลบไปเปรยบเทยบความเปลยนแปลงทเกดขนของบทความได แตเรากจะเสยพนในการจดเกบขอมลไวดวยเชนกน

ในกรณทคณไมอยากใชคณลกษณะน กสามารถปดการใชงานได โดยการนำาโคดดานลางไปใสไวใน wp-config.php

view sourceprint?define('WP_POST_REVISIONS', false);

การลบ Post Revision ทถกสรางขนแลว ใหรนโคดดานลางใน phpmyadminview sourceprint?DELETE FROM wp_posts WHERE post_type = 'revision';

Page 127: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

127

ขอสงเกต : wp_posts นน wp_ คอ $table_prefix ทกำาหนดไวใน wp-config.php หากบลอกของคณมการกำาหนด $table_prefix เปนอยางอน กใหแกไขตาม ใหถกตอง

แตกอนทจะทำาการการสอบถามตาง ๆ ใน phpmyadmin ควรทจะสำารองขอมลไวกอนเสมอ

ลดขนาดฐานขอมลWordPress ใชฐานขอมล MySQL ในการเกบขอมลตาง ๆ ยงใชไปนานวน กยงใหญขน ๆ อาจจะมผลตอการสอบถามขอมลในการแสดงผลดวยเชนกน และสวนหนงททำาใหใหญขนกคอ Post Revisions หรอประวตการแกไขบทความ เมอมการแกไขบทความตาง ๆ กจะมการสรางระเบยน (record) เกบบทความเดมกอนการแกไขเสมอ มประโยชนในการยอนดความแตกตางหรอความเปลยนแปลงของบทความเดม ๆ วาแตกตางกนอยางไร

Post Revisions นมการเพมเขามาใน WordPress 2.6 ซงเปนคาเรมตน หากเราไมไดกำาหนดปดการใชงานไวใน wp-config.php กจะเปนการเปดใชโดยอตโนมต ทกครงทแกไขบทความ กจะสรางระเบยนไวเสมอ และยงแกไขบอย ๆ ฐานขอมลกจะใหญขน เราจะมาดการลดขนาดฐานขอมลกนวาทำาอยางไร

Page 128: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

128

อยางแรกกจะตองปด Post Revisions กนเสยกอน แมบางทานอาจจะบอกวาเกบไวดประวตการแกไขบทความเกา ๆ กไมเปนไร แตบางคนอาจจะอยากตองการปดเพราะไมไดสนใจวาจะแกไขอยางไร แกไขแลวกจบ ๆ กนไป งนมาดการปด Post Revisions กน

define(‘WP_POST_REVISIONS’, false);

นำาโคดดานบนไปใสไวใน wp-config.php กจะเปนการปด Post Revisions แลว แกไขครงตอไปกจะไมสรางระเบยนขนมาเกบขอมลอกแลวหละครบ

ในกรณทไมไดปด กจะมระเบยนของการแกไขบทความเกบอย และหากไมจำาเปนตองใช กสามารถลบทงออกไปได กจะชวยใหฐานขอมลของเรามขนาดเลกลง และใชพนทในการจดเกบนอยลงไปดวยเชนกน การลบขอมลประวตการแกไขบทความนนทำาดงน

1.เปด phpmyadmin

2.เลอกฐานขอมลทตดตง WordPress

3.คลกปม “SQL” ดานบน จะปรากฏชองวางๆ สำาหรบใสคำาสง SQL

4.ใสคำาสง DELETE FROM wp_posts WHERE post_type = “revision”; ลงไปในชองคำาสง

Page 129: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

129

5.คลกปม “ลงมอ”

wp_posts คอชอตารางขอมล คำาวา wp นนคอคำานำาหนาตารางขอมลทอยใน wp-config.php บรรทด $table_prefix = ‘wp_’; หากมการเปลยนแปลงจากคาเดมทกำาหนดมาจาก WordPress กแกไขใหตรงตาม $table_prefix ของคณ

phpmyadmin จะทำาการลบระเบยนทเกบประวตการแกไขบทความออก ทำาใหฐานขอมลของคณมขนาดเลกลง หากไมมนใจ กอนทำาใหสำารองขอมลของคณเสยกอน

จบ WordPress ใส CD

WordPress นน นอกจากจะตดตงงาย สามารถตดตงบน Host และบน Localhost (เครอง Desktop) แลว เรายงสามารถนำาไปตดตงบน CD ไดอกดวยโดยสามารถนำาไปประยกตไดหลาย ๆ อยาง เหมอนกบเวบไซตเวบหนงททำางานบนแผน CD เชน สำาหรบการทำาบทความสอนการใชคอมพวเตอร การนำาเสนอสนคา และอน ๆตามทเราจะสามารถนำา WordPress ไปประยกตใชงาน

ขนตอนในการใชงานกไมยงยากเพยงหาซอฟทแวรสำาหรบทำางานทเหมาะสมมาตดตงใหเปน WebServer ททำางานบนแผน CD ทรองรบ PHP และ MySQL รวมทงใชเทคนคนดหนอย กสามารถนำา WordPress ไปโลดแลนบนแผน CD ทผใชสามารถใชงานไดเหมอนกบเวบ ๆหนงบนอนเทอรเนต

ซอฟททจำาเปนตองใช

Page 130: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

130

ซอฟทแวรทจำาเปนตองใชสำาหรบการทำา WordPress on CD มดงน

1. Server2Go โปรแกรม WebServer ทมพรอมทง PHP และ MySQL

2. WordPress 3. UltraISO หรอโปรแกรมเขยน .ISO อน เชน PowerISO,

MagicISO เปนตน

เตรยมขอมล WordPress on CD

1. ดาวนโหลดไฟล WebServer เรมตนโดยการไปดาวนโหลดไฟลServer2Go กอน

เมอดาวนโหลดมาแลวใหขยายไฟลไปไวในโฟลเดอร Server2Go สวนจะเปนทไดรฟไหนนน ขนอยกบความสะดวกของคณกแลวกนนะครบ (การขยายไฟลน ใหขยายทกไฟลและโฟลเดอรยอยทมไฟล Server2Go.exe อยไปไวในโฟลเดอร Server2Go)

Page 131: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

131

2. แกไขไฟล config ของ WebServer เปดไฟล pms_config.ini จากโฟลเดอร Server2Go ขนมา แลวแกไขดงน

[Browser]

BroserSize=MAXIMIZE

[database]

LocalMirror=0

MirrorFolder=c:\MyS2GApp\Data\

หมายถงแกไขเฉพาะสวนตาง ๆ ใหเปนตามตวอยาง

1. BroserSize=MAXIMIZE เปนการบงคบใหเมอเปดเบราเซอรขนมา ใหขยายหนาตางโปรแกรมแบบเตมหนาจอหากตองการใชคาเรมตนใหลบคำาวา MAXIMIZE ทง

2. LocalMirror=0 ใส 0 เพอไมใหโปรแกรมทำาการสรางคชดขอมล (mirror) ไวบนฮารดดสก (ในโฟลเดอรชวคราว) แตจะใชเปลยนเปน 1 เมอตอนเขยนขอมลลงแผน

3. MirrorFolder=c:\MyS2GApp\Data\เปนการกำาหนดโฟลเดอรสำาหรบเกบขอมลทเปน คชดขอมล (mirror) ปกตถาไมกำาหนดจะเกบขอมลไวทโฟลเดอรชวคราวของ Windows การกำาหนดจะทำาใหคนหาขอมลไดงายขน

3. ตดตง WordPress โฟลเดอร root ของเวบจะอยท \Server2Go\htdocs ใหไปทโฟลเดอรน ลบไฟลและโฟลเดอรทงหมดออกจากโฟลเดอรนและขยายไฟลของ WordPress มาไวทโฟลเดอรนแทน จากนนใหดบเบลคลกทไฟล \Server2Go\Server2Go.exe

Page 132: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

132

โปรแกรมจะทำาเครองของคณใหเปน WebServer และเปดเบราเซอร Internet Explorer ขนมา โดยเปด url http://127.0.0.1:4001 ( url นเปนคาเรมตน คอเปนเวบไซตหนาแรก โดยทเราไมตองปอน url ใด ๆ เลย)และจะเหนขอมลเหมอนกบการตดตง WordPress กไมตองสนใจครบเปดเบราเซอรไปท http://127.0.0.1:4001/phpmyadmin เพอไปสรางฐานขอมลสำาหรบตดตง WordPress

เมอสรางฐานขอมลเสรจแลวใหเปดเบราเซอรกลบไปท http://127.0.0.1:4001 เขาสขนตอนการตดตง WordPress ไดเลยครบ โดยขอมลสำาหรบตดตงกคอ

1. ชอฐานขอมล : ตามขอมลทคณสรางขนมา2. ชอผใช : root3. รหสผาน : ไมตองปอน/ไมม4. ชอโฮสต : localhost

เมอตดตง WordPress เสรจ กปอนขอมลตาง ๆ เหมอนกบการเขยนบลอกไดเลย

การปด/เปด Server

Server2Go เมอมการเรยกใชงาน ทำาใหเครองเปน WebServer และโปรแกรมจะเปดเบราเซอร IE ขนมาดวย การปด Server2Go กเพยงปดเบราเซอรโปรแกรม WebServer กจะถกปดตวลงออกจากหนวยความจำาไปดวย

การทดสอบบน CD

การทดสอบการทำางาน กอนการเขยนลงแผน CD จรง ๆ นน ใหเปดโปรแกรม UltraISO หรอโปรแกรมอน ๆ สำาหรบสรางไฟล .ISO ขนมา

Page 133: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

133

เปดไฟล pms_config.ini ขนมา และแกไขตรง LocalMirror=0 ใหเปน LocalMirror=1 (ขอนสำาคญ จำาไวใหด หากยงไมไดเขยนขอมลลงแผนใหแกเปน 0)จากนนนำาไฟลและโฟลเดอรใน\Server2Go ไปสรางเปนไฟล .ISO แลว แลวทำาการ mount กบ Virtual CD (อาจจะมมาพรอมกบโปรแกรมสรางไฟล .ISO ถาไมมตองตดตงเพมเตม) แลวไปทำาการเรยกไฟล server2go.exe จากไดรฟ CD จำาลองทเราไดทำาการ mount

เมอเรยก Server2Go ขอมลของบลอกทอยใน MySQL นนจะถกคดลอกจากแผน CD ไปเกบไวในเครอง ตามคาทกำาหนดไวในไฟล pms_config.ini วา LocalMirror=1 ทำาใหผใชสามารถเขยนขอมลเพมเตมได เชน แสดงความเหนเพมเตม (สำาหรบบนทกสวนตว) เปนตน โดยขอมลนจะเกบไวทโฟลเดอร c:\MyS2GApp\Data\ ตามทเรากำาหนดไวในไฟล pms_config.ini วา MirrorFolder=c:\MyS2GApp\Data\ นนเอง

การแกไขขอมลเดม

เมอทดสอบเขยนลงบนแผน CD (จำาลอง) หากยงมขอมลทตองแกไข/ปรบปรงกอนเขยนลงแผน ใหเปดไฟล pms_config.ini ขนมา และแกไขตรง LocalMirror=1 ใหเปน LocalMirror=0 และลบโฟลเดอร c:\MyS2GApp ออกใหหมด เมอแกไขเสรจแลวหากจะทดสอบใหกลบไปขนตอนการทดสอบบน CD อกครง

การเขยนลงแผน

เมอทดสอบขอมลตาง ๆ เรยบรอยแลวกเขยนลงแผนไดเลย ออ อยาลมแกตรง LocalMirror=1 ใหเปน LocalMirror=0 กอนเขยนดวยนะครบ

Page 134: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

134

WordPress บน Flash Drive

สำาหรบการทำา WordPress บน Flash Drive นนกมขนตอนเหมอนกบการเขยนลงแผน CD เพยงแตแก LocalMirror=1 ใหเปน LocalMirror=0 เทานนคอไมตองคดลอกขอมล MySQL ลงฮารดดสก เพราะวา Flash Drive กเขยนขอมลไดอยแลว และกสามารถทำาขนตอนตาง ๆ บน Flash Drive ไดเลยหรอจะทำาบนฮารดดสกกอน แลวคอยคดลอกไปยง Flash Drive กได

ผใชอยากทำารนสวนตว

กรณทผใช ใชงานแลว อยากเพมเตมขอมลเขาไปหรออยากเกบขอมลทไดแสดงความเหนไว เกบไวเปน CD ในรนของตนเองกสามารถทำาได คอ คดลอกขอมลจากแผน CD ลงในโฟลเดอรทตองการบนฮารดดสกแลวทำาการคดลอกขอมลใน c:\MyS2GApp\Data\ ไปทบขอมลเดมใน \Server2go\dbdir\ แลวลบขอมลใน c:\MyS2GApp ออกใหหมด แลวเรยก Server2Go.exe จากโฟลเดอรในฮารดดสกแทน

ใครสนใจกลองทำาดครบ ผมเหนวามนทำาได (ลองมาแลว) กเลยลองนำามาเผยแพรกนดเผอจะมใครสนใจหรอเกดแนวคดอะไรด ๆ อยากจบ WordPress ลง CD บาง (หรอ Flash Drive) กจะไดมบทความเปนแนวทางในการทำา

Post RevisionsPost Revisions คอ ขอมลประวตการแกไขบทความ ซงใน WordPress มตงแต 2.6 ตามทไดเขยนไปแลวในบทความกอน ๆ นน โดยจะเปนคาเรมตนในการใช WordPress คอ มนจะเกบขอมลการแกไข

Page 135: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

135

บทความไปเรอยๆ ซงมผลทำาใหฐานขอมลใหญขนแนนอน การปดการใช Post Revisions ทำาดงน

define(‘WP_POST_REVISIONS’, false);

นำาโคดนไปใสไวใน wp-config.php มนกจะยกเลกการเกบขอมลการแกไขบทความแลวหละครบ (อนนกพดไปแลว)

การจะทำาให WordPress กลบมาใช Post Revisions ตามเดม กเปลยนจาก false เปน true หรอไม กลบโคดนนทง ทกอยางกจะกลบมาเหมอนเดมแลว แตมอกสงหนงทนาสนใจกคอ การกำาหนดไดวา จะใหมนเกบขอมลไวไดกครง คอเราสามารถควบคม WordPress ใหเกบขอมลการแกไขบทความ เปนจำานวนครงได ทำาดงน

define(‘WP_POST_REVISIONS’, จำานวนครง);

นำาโคดนไปใสไวใน wp-config.php โดยตรง จำานวนครง นนใหเปลยน“ ”เปนจำานวนตวเลขทคณตองการ เชน

define(‘WP_POST_REVISIONS’, 3);

Page 136: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

136

เปนการเกบประวตการแกไขไวเพยง 3 ครงเทานน การใสเลข “0″ (ศนย) จะเปนการปดการเกบขอมล (มคาเทากบ false) ซงการเปลยนแปลงนจะมผลกบขอมลปจจบน และขอมลเกาทมการแกไขเทานน หมายความวาอยางไร?

กลาวคอ ขอมลเดมทำาการแกไขมาแลว 10 แลวทำาการกำาหนดใหเกบประวตไวเพยง 3 ครง ดงนน บทความทจะเขยนใหมตอไป มนจะเกบประวตไวสงสดเพยง 3 ครงเทานน ขอมลเดม เกบไว 10 กยงอยครบทง 10 ครง แตเมอใดกตามทเรากลบไปแกไขบทความเดมทเกบประวตไว 10 ครงนน เมอคณบนทกการแกไขลงไป ประวตการแกไขนนกจะถกลบและเกบไวเพยงแค 3 ครงเทานน ตามคาการเกบประวตตามทไดกำาหนดไวในไฟล wp-config.php

สวนการจะลบขอมลประวตการแกไขบทความนน อานเพมเตมไดจาก ลด“ขนาดฐานขอมล“

ปด Trackbacks ในบลอกตนเอง

ปกตแลว การเขยนบทความแลวมการการอางองหรอทำาลงกไปยงบทความในบลอกอน ๆ ทรองรบ trackbacks, pingbacks จะมลงกไป

Page 137: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

137

ปรากฏอยในสวนของความเหนของบทความทถกอางอง เชน นางสาว A เขยนบทความแลวมการอางองถงบทความทนางสาว B เขยนไว ในบทความของนางสาว B กจะมลงกทโยงไปถงบทความของนางสาว A ทไดเขยนอางองเอาไวปรากฏอย โดยลงกนจะปรากฏอยในสวนของความเหนในบทความของนางสาว B นคอระบบ trackbacks เปนการสรางลงกโดยอตโนมต ทำาใหเราทราบไดวา ในบทความนน ๆ มใครเขยนถงหรออางองบทความของเราบาง (นยงไมรวมถงการอางองแบบ manual ทตองใสลงก trackbacs ในชองตวเลอกของการเขยนบทความ)

การสรางลงก trackbacks น มนสรางโดยอตโนมตไวเวนแมกระทงในบลอกของเราเอง คอ หากเราสรางลงกไปยงบทความในบลอกของเราเอง (เพอใหผชมไดอานบทความเพมเตม) มนกจะสราง trackbacks ใหดวย บางทเรากอยากใหมการ trackbacks ในบลอกของเราเอง

แตหากเราไมตองการใหมการสราง trackbacks ในบลอกของเราเอง เราจะทำาอยางไรด??? ทางออกกคอ สรางลงกโดยทไมตองใสชอโดเมนลงไปใน url ของบลอก เชน

http://xirbit.com/2008/12/25/180

ตวอยางนเปน url ทลงกไปยงบทความ “Post Revisions” ซงหากเราใส url นเพอลงกไปยงบทความ “Post Revisions” ตรง ๆ แบบเดม

Page 138: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

138

มนกจะสราง trackbacs ไปยงบทความ “Post Revisions” ดวย แตการไมใหม trackbacks ตองไมใสชอโดเมนเขาไป เปน

2008/12/25/180

คอใสเฉพาะสวนของ url ทไมรวม blog url (จากตวอยางทยกมาน blog url คอ http://xirbit.com )เขาไปดวย หรออกตวอยางคอ

http://localhost/wp/?p=39เรากใสเฉพาะ

?p=31 นเปนวธทปองกนการ trackbacks ในบลอกของเราเอง โดยทเราไมตองใชปลกอนใด ๆ ทงสน

ยายบลอก WordPress ขามโฮสต ตางโฟลเดอร

การยายบลอก WordPress นน บางทอาจจะดเหมอนกบเปนเรองไกลตว ไมมความจำาเปน แตการไดเรยนรเอาไวบาง เปนสงทดไมนอย วนนกเลยเขยนบทความการยายบลอก WordPress มาใหไดอานกน เปนกรณศกษา ดไวเปนแนวทาง สงทผมทำาน เปนการยายขอมลบลอกจาก XirBit.Com น ไปเกบไวอกโดเมนหนง ทอยคนละโฮสต ไปเกบไวในโฟลเดอร blog ของโดเมน กคอจะเปน http://newdomain.com/blog แบบนแหละครบ (ไมแนใจวาจะมใครทำาแบบนหรอเปลา) ขอมลเหลานสามารถไปประยกตใชในการยายบลอก

Page 139: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

139

WordPress ไปยงโฮสตใหมไดไมยาก เพยงแตขนตอนแตกตางกนเลกนอยเทานน

ขนตอนการยายบลอก WordPress ขามโฮสต ตางโฟลเดอร ทำามดงน

1.สำารองขอมลจากฐานขอมล MySQL โดยใช phpmyadmin

2.สำารองขอมลตดตง WordPress ทงหมด รวมทงไฟล .htaccess, robots.txt และไฟลตาง ๆ ทอพโหลดไปยงบลอก จากโฮสตเดม (หาก File Manager ใน Control Panel มฟงกชน Compress/Extract ทำาการยอไฟลเปน .zip จาก File Manager แลวดาวนโหลดเพยงไฟลเดยวจะเรวกวา)

3.สรางฐานขอมล ชอผใช รหสผาน บนโฮสตใหม

4.นำาเขาฐานขอมลทไดสำารองจากโฮสตเกา (ขอ 1) เขาไปยงโฮสตใหม ผานทาง phpmyadmin

5.แกไขไฟล wp-config.php ทไดจากการสำารองขอมลใน ขอ 2 โดยปอนขอมลชอฐานขอมล ชอผใชและรหสผาน ตามขอมลของโฮสตใหมทสรางจากขอ 3 (สวนชอโฮสตนนใช localhost เหมอนกน ไมตองเปลยน) เพมขอมล define(‘WP_SITEURL’, ‘http://newdomain.com/blog’); และ define(‘WP_HOME’, ‘http://newdomain.com/blog’); เขาไปในไฟล wp-config.php ดวย เปนการกำาหนด WordPress Url และ Blog Url ทเวบใหม โดยผานทางไฟล wp-config.php ซงการตงคาน จะมความสำาคญกวาการ

Page 140: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

140

แกไขในฐานขอมล และ WordPress จะใชคานเปนหลก และขอมลสวนนในเมน Settings->General นนจะไมสามารถแกไขได ซงการใชวธน ทำาใหไมตองไปแกไขในฐานขอมล

6.อพโหลดไฟลของ WordPress ทงหมดไปยงโฮสตใหมในโฟลเดอร blog (ถาในโฮสตใหม File Manager ใน Control Panel มฟงกชน Compress/Extract ใหอพโหลดขอมล .zip แลวไปขยายไฟลผาน File Manager จะเรวกวา)

7.ตดตงปลกอน Velvet Blues Update URLs โดยปลกอนตวนจะทำาการปรบปรง URLs ลงกตาง ๆ จากเวบเดมทงหมดใหเปน URLs ของเวบใหมโดยทเราไมตองไปแกไขในฐานขอมลโดยตรง จากนน activate ปลกอนแลวเขาไปทเมน Settings->Update Urls ในชอง Old URL ใหปอน WordPress URL เดม หรอ URL ทตดตง WordPress ของโฮสตเกา (http://xirbit.com/blog) สวนในชอง New URL ปอน WordPress URL บนโฮสตใหม (http://newdomain.com/blog) แลวคลกปม Update URLs

เทานเรากสามารถยายขอมลบลอก WordPress ไดแลวครบ ปลกอน Velvet Blues Update URLs ตวน เรายงสามารถนำามานำาประยกตใชในกรณอน ๆ ไดอกเชน ในกรณนำาขอมลจาก Blog online มาตดตงไวในเครองของเรา หรอการนำาขอมลบลอกจากเครองของเรานำาไปไวใน Blog online หรอแมกระทงการยายโฟลเดอรในการตดตง WordPress

Page 141: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

141

การยายบลอก WordPress สโฮสตใหม

การใช WordPress ไปนาน ๆ อาจจะตองการทจะเปลยนโฮสตใหม ดวยเหตผลตาง ๆ นา ๆ ทแตกตางกนออกไป เชน ใหบรการไมด, ชา, อยากไดพนทมากขน, อยากไดแบนดวดธมากขน, อยากไดฐานขอมลมากขน, อยากไดโฮสตราคาถก, ไปใชของฟร จะเหนวา ดวยสาเหตหลายประการจรง ๆ

การยาย WordPress ไปยงโฮสตใหมนน กไมไดยากอยางทหลาย ๆ คนคดไปลวงหนา บางทกลวเพราะไมเคยทำามากอน แตจรง ๆ แลวงายครบ เพราะจรง ๆ แลว WordPress จะม 2 สวน คอ สวนของไฟลตดตง (รวมทงขอมลตาง ๆ ทเราเพมเขาไป เชนปลกอน, ธม เปนตน) และอกสวนคอ สวนของขอมลตาง ๆ ทเราเขยนไป เชนบทความ ขอมลเพจ (page) และความเหนตาง ๆ ซงสวนนจะอยในฐานขอมล MySQL เรากสำารองขอมลทง 2 สวนนไป และปรบแตงสวนอน ๆ อกนดหนอยเทานนเอง ทกอยางกราบรนแลวหละครบ

การยายบลอกน ควรทจะเชาโฮสตใหมรอไวกอน กอนทจะยาย และมขนตอนในการยายบลอก WordPress ดงน

1.สำารองขอมลจากฐานขอมล MySQL โดยใช phpmyadmin

Page 142: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

142

2.สำารองขอมลตดตง WordPress ทงหมด รวมทงไฟล .htaccess, robots.txt และไฟลตาง ๆ ทอพโหลดไปยงบลอก จากโฮสตเดม (หาก File Manager ใน Control Panel มฟงกชน Compress/Extract ทำาการยอไฟลเปน .zip จาก File Manager แลวดาวนโหลดเพยงไฟลเดยวจะเรวกวา) มาไวทเครองของเรา

กอน

3.สรางฐานขอมล ชอผใช รหสผาน บนโฮสตใหม

4.นำาเขาฐานขอมลทไดสำารองจากโฮสตเกา (ขอ 1) เขาไปยงโฮสตใหม ผานทาง phpmyadmin

5.แกไขไฟล wp-config.php ทไดจากการสำารองขอมลใน ขอ 2 โดยปอนขอมลชอฐานขอมล ชอผใชและรหสผาน ตามขอมลของโฮสตใหมทสรางจากขอ 3 (สวนชอโฮสตนนหากใช localhost เหมอนกน ไมตองเปลยน)

6.อพโหลดไฟลของ WordPress ทงหมดไปยงโฮสตใหมในโฟลเดอร blog (ถาในโฮสตใหม File Manager ใน Control Panel มฟงกชน Compress/Extract ใหอพโหลดขอมล .zip แลวไปขยายไฟลผาน File Manger จะเรวกวา)

7.ไปยงสวนจดการโดเมนของผใหบรการจดโดเมนทเราไดจดโดเมนไว เปลยน NameServer ใหเปน NameServer ตามขอมลของโฮสตใหม

8.รอ NameServer อพเดท ไมเกน 24 ชม. กสามารถเขาถงขอมลตาง ๆ บนโฮสตใหมไดแลว

Page 143: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

143

ขนตอนตามทแสดงมา คงชวยใหผทตองการยายโฮสต ไดคลายกงวลและศกษาเปนแนวทางได หากมขอสงสยอะไร สอบถามเพมเตมกแสดงความเหนเขามาไดครบ

ปดการแสดงความเหน

การปดการแสดงความเหนหรอคอมเมนตนน ใน WordPress เราสามารถทำาไดดวยการปดเฉพาะบางบทความ โดยนำาเครองหมายถกออกจากหนารายการ Allow comments on this post ในบทความทเราไมตองการใหผชมแสดงความเหน

หรอเฉพาะบทความทจะเขยนในอนาคต กลาวคอ เราสามารถปดการแสดงความเหนไดโดยไปทเมน Settings->Discussion แลวนำาเครองหมายถกหนา Allow people to post comments on the article ออก จะเปนการปดการแสดงความเหนในบทความทเราจะเขยนในอนาคต คอหลงจากทเรากำาหนดคานแลว ตอไปหากเขยนบทความ ในสวนการกำาหนดการแสดงความเหนตรง Allow comments on this post หนารายการนจะไมมเครองหมายถกอกตอไป หากเราตองการใหแสดงความเหนได กเพยงทำาเครองหมายถกหนา Allow comments on this post ในบทความทเราเขยน ผชมกสามารถแสดงความเหนไดตามปกต ซงการกำาหนดคานจะมสทธเหนอกวาการกำาหนดคาใน Settings->Discussion

แตหากมความตองการทจะปดการแสดงความเหนทงหมดในคราวเดยวกนละ เชน ในกรณทมผแสดงความเหนทเปนขยะอยบอย ๆ อยากจะปดแสดง

Page 144: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

144

ความเหนสกระยะหนง หรอในกรณทเราตองการจะยายโฮสตไปยงทใหม หลงจากทเราสำารองขอมลไปแลว บลอกกยงแสดงขอมลในโฮสตเดมอย ผชมอาจจะแสดงความเหนเขามาได เมอระบบบลอกยายไปสโฮสตใหม จะทำาใหความเหนทผชมแสดงไวในโฮสตเกานนหายไป เราจงจำาเปนตองปดการแสดงความเหนไวเปนการชวคราว เปนตน

สำาหรบการปดแสดงความเหนทกบทความนน เราจะปดโดยการใชคำาสง SQL ในฐานขอมลโดยตรง กอนทจะใชคำาสงน ใหเขาไปท phpMyAdmin แลวคลกชอฐานขอมลทคณใชสำาหรบเกบขอมล WordPress ทดานซายมอของหนาตาง phpMyAdmin แลวคลกท SQL ปอนคำาสงทจะกลาวตอไปดานลาง ลงไปแลวคลก ลงมอ “ ”

UPDATE wp_posts SET comment_status = ‘closed’, ping_status = ‘closed’ WHERE comment_status = ‘open’;

คำาสงนเปนการปดการแสดงความเหนและปดการ ping ทงหมด ในสวนของขอมลหลง UPDATE นนคอชอตารางฐานขอมล ใหเปลยนไปตามคำานำาหนาตารางฐานขอมลทคณไดกำาหนดไวในไฟล wp-config.php

UPDATE wp_posts SET comment_status = ‘open’, ping_status = ‘open’ WHERE comment_status = ‘closed’;

Page 145: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

145

เปนการเปดการแสดงความเหนและ ping ทงหมดทถกปดเอาไว

แนะนำาสำาหรบผทตองการยายบลอก WordPress ไปยงโฮสตแหงใหมวา หลงจากททานไดทำาการสำารองขอมลจาก phpMyAdmin เสรจแลว ใหทำาการปดการแสดงความเหนและ ping ทงหมดทนท เพอปองกนผชมแสดงความเหนไวในโฮสตเกา โดยขอมลทไดสำารองไปแลวนน ไมไดมการปดการแสดงความเหน เมอระบบ Name Server ของโดเมนปรบปรงเสรจแลว และชโดเมนไปยงโฮสตแหงใหม ผชมกสามารถแสดงความเหนไดตามปกต โดยทไมมความเหนใหมใด ๆ หลงจากทไดสำารองขอมลมาแลว ตกคางไวทโฮสตเกา

การสำารองขอมลโดย phpMyAdmin

การสำารองขอมลของ WordPress จากฐานขอมลทำาไดหลายวธดวยกน เชน สำารองขอมลจาก Control Panel ของโฮสตทเราใชบรการอย, การสำารองขอมลดวยปลกอนของ WordPress, การสำารองขอมลโดยใช phpMyAdmin เปนตน

ในบทความนเราจะมาพดกนถงเรองการสำารองขอมลโดยใช phpMyAdmin โดยแสดงถงวธการสำารองขอมลจาก phpMyAdmin และการคนขอมลกลบไปยงฐานขอมล ซงการสำารองขอมลนนอกจากจะเปนการสำารองขอมลตามปกตแลว เรายงสามารถนำาไปประยกตใชในการ

Page 146: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

146

สำารองขอมลเพอนำาไปใชในกรณอน ๆ ไดอก เชน การสำารองขอมลเพอยายโฮสตของบลอก WordPress, การสำารองขอมลจากบลอกออนไลนเพอนำาขอมลมาใชกบ WordPress ทอยในเครอง Desktop เปนตน

การสำารองขอมล

เปดเบราเซอรไปท phpMyAdmin แลวเลอกชอฐานขอมลทเราตองการสำารองขอมลจากรายชอฐานขอมลดานซายมอ

คลกทรายการ สงออก ในสวน สงออก เลอกตารางขอมลทตองการ“ ” “ ”สำารองหรอเลอกทงหมด แลวคลกทรายการ “SQL” ในสวนของ “Options” เลอกตวเลอกในการสำารองขอมล ในสวน สงมาเปนไฟล “ ”เลอก ถกบบอดอย “ (zip)” คลกปม ลงมอ แลวดาวนโหลดไฟลเกบเอา“ ”ไว ไฟลทได .zip นเราสามารถนำาไปขยาย และสามารถเปดดหรอแกไขดวย Text Editor ตาง ๆ ได

การคนขอมล

การคนขอมลกลบไปยงฐานขอมลเดมทมขอมลอยแลว แนะนำาใหลบขอมลเดมออกเสยกอน แตในกรณทคนขอมลไปยงฐานขอมลเปลา ๆ กสามารถ

Page 147: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

147

คนขอมลไดทนท และในตวอยางตอไปน จะเปนการคนขอมลในฐานขอมลเปลา ๆ ทอยตางโฮสตกน

เปด phpMyAdmin แลวเลอกฐานขอมลทเราตองการคนขอมล (นำาขอมลทไดสำารองเอาไวมาใสไวในฐานขอมลน) แลวคลกรายการ “Import”

ในสวนของ file to import คลกปม เรยกด แลวเลอกไฟลขอมลทเรา“ ”ไดสำารองเอาไว แลวคลกปม ลงมอ“ ”

เมอนำาเขาขอมลเสรจแลว จะแสดงขอความ “Import has been successfully finished, xx queries executed.” และจะปรากฏรายชอของตารางขอมลตาง ๆ ทดานซายมอ ซงเปนการสนสดของขนตอนการคนขอมล

การคนขอมลดวย DirectAdmin

Page 148: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

148

การคนขอมลน เปนการคนขอมลทไดจากการสำารองขอมลกลบไปยงฐานขอมลอาจจะเปนการคนขอมลในกรณขอมลเดมเสยหายหรอการคนขอมลในกรณทมการยายโฮสต เปนตนโดยทวไปอาจจะใชวธการคนขอมลผานทาง phpMyAdmin ในบทความนเสนอการคนขอมลโดยผานทาง Control Panel คอ DirectAdmin ดวยวธการงายๆ

เปนภาพตวอยางจาก phpMyAdmin จะเหนวา ทฐานขอมลชอ freesamarn_wp จะมตารางเพยง 10 ตารางเทานน

ท Control Panel ของ DirectAdmin นน ใหเลอกรายการ MySQL Management

Page 149: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

149

ในสวน Upload a Database Backup (.gz) นน

1. เลอกฐานขอมลทเราตองการคนขอมลเขาไปจากชอง Select Database

2. คลกปม Browse เลอกไฟลขอมลทเราไดทำาการสำารองเอาไว ไฟลนไดทงไฟล .gz และ .zip

3. คลกปม Upload เพอทำาการอพโหลดขอมลเขาไปยงฐานขอมล

มขอความแจง เมอทำาการคนขอมลเสรจแลว

Page 150: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

150

ฐานขอมลกจะมตารางขอมลเพมขน สามารถนำาขอมลทคนมาไปใชไดแลว

การตงสทธเขาถงไฟลใน DirectAdmin

สทธการเขาถงไฟล (file permission) น เปนปญหาหนงทผใช WordPress มอใหมมกจะพบ การกำาหนดสทธการเขาถงไฟลน มกจะมการพดแบบงาย ๆ คอ chmod 777 เปนการกำาหนดให WordPress สรางไฟล/โฟลเดอร หรอทำาใหเราสามารถแกไขไฟลตางๆ ได หากไมกำาหนดแลวจะทำาใหเกดปญหาเชน ตดตง WordPress ไมได (การตดตงแบบให WordPress สรางไฟล wp-config.php) ไมสามารถอพโหลดภาพไดเปนตน

ในบทความนจะเสนอการกำาหนดสทธการเขาถงไฟลแบบงาย ๆ ผาน File Manager โดย Control Panel ทจะนำาเสนอนเปน DirectAdmin และโฟลเดอรตวอยางทจะนำามาเสนอนคอโฟลเดอร uploads ทอยใน /wp-content ซงโฟลเดอร uploads น จะตองกำาหนดสทธใหเปน 777 เพอจะสามารถอพโหลดรปภาพได

เขาส Control Panel แลวเลอกไปท File Manager การกำาหนดสทธนนใหเลอกไฟล/โฟลเดอรทตองการ ปอนตวเลขแลวคลกปม set Permission

Page 151: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

151

โฟลเดอร uploads และสทธเดม

ใหทำาเครองหมายถกในคอลมน Select ในแถวเดยวกบโฟลเดอร uploads เพอเปนการเลอกโฟลเดอร แลวปอนเลข 777 หลงปม set Permission แลวคลกปม set Permission

Page 152: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

152

หลงจากนนสทธของโฟลเดอร uploads กจะเปลยนเปน 777 เทานเองแหละครบสำาหรบการเปลยนสทธการเขาถงไฟล

ตดตงหลายบลอก แตผใชชดเดยวกน

การตดตงบลอกหลาย ๆ บลอก และตองการใชผใชชดเดยวกนทำาใหสะดวกยงขนคอผใชจากบลอกหลกบลอกเดยว แตสามารถเขาไปใชงานไดทก ๆบลอก โดยไมตองสมครอก ซงมนสามารถทำาในลกษณะนไดแตไมแนใจวาจะมผใชสนใจมากนอยแคไหน

เงอนไขในการตดตงหลายบลอกและใชผใชชดเดยวกนนคอจะตองใชฐานขอมลเดยวกน คอตางโดเมนได (โดเมนเดยวกน ตางโฟลเดอรไมมปญหาครบ) แตตองใชฐานขอมลเดยวกน (ปจจบนโฮสตหนงสามารถเพมไดหลายโดเมน) และควรศกษาขอมลหลายบลอก หนงฐานขอมลเพมเตม

ขนตอนการทำา

ตองมการแกไขไฟล wp-config.php ของบลอกท 2 เปนตนไปและมการแกไขไฟลระบบเลกนอยเทานน ดงตอไปน

เปดไฟล wp-config.php ของบลอกท 2 เปนตนไป โดยเพมบรรทดตอไปน

view sourceprint ?

define('CUSTOM_USER_TABLE', 'wp_users');

define('CUSTOM_USER_META_TABLE',

Page 153: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

153

'wp_usermeta');

define('CUSTOM_CAPABILITIES_PREFIX', 'wp_');

เพมกอนบรรทด /* That’s all, stop editing! Happy blogging. */ สวน table_prefix นน ใหปอนตาม table_prefix ของบลอกหลก ถาไมใช wp ตามคาเรมตนกเปลยนใหถกตอง

เปดไฟล /wp-includes/capabilities.php ของบลอกท 2 เปนตนไป (บลอกหลกไมตองแกไข) แลวคนหาบรรทด

view sourceprint ?

$this->cap_key = $wpdb->prefix . 'capabilities';

เมอพบแลวใหลบออก แลวนำาโคดดานลางไปแทนท

view sourceprint ?

if (defined ('CUSTOM_CAPABILITIES_PREFIX')) {

    $this->cap_key = CUSTOM_CAPABILITIES_PREFIX . 'capabilities';

    }

    else { $this->cap_key = $wpdb->prefix .

Page 154: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

154

'capabilities';

    }

อพโหลดไฟลทไดแกไขไปทบไฟลเดม เทาน กจะเขาสระบบของบลอกอน ๆโดยใชชอผใชและรหสผานจากบลอกหลกไดแลวหละครบ

ขอควรทราบ

1. ตองใชฐานขอมลเดยวกน2. ในบลอกท 2 เปนตนไป จะไมมตวเลอกผเขยนบทความ3. การเพมผใชจาก Dashboard ของบลอกท 2 (เปนตนไป)จะปรากฏ

ชอผใชนนใน 2 ตารางขอมลคอของบลอกหลกและบลอกทเพมผใชเขาไป

4. เมอผใชลงทะเบยนเอง ขอมลจะปรากฎในตารางขอมลของบลอกหลก

แบงบทความและเพจออกเปนหลาย ๆ หนา

ในการเขยนบทความและเพจนน เนอหาของบทความหรอเพจอาจจะยาวอยากจะแบงใหเนอหาแตละสวนออกเปนหนา ๆ เชน หนา 1 หนา 2 เปนตนในบทความเดยวกน เมอคลกทตวเลขหนา กจะไปยงสวนทกำาหนดหนาไวแตไมทราบจะทำาอยางไรด วนนเรามคำาตอบให ยงนกภาพไมออกใชไหมครบลองมาดภาพการแบงบทความออกเปนหนา ๆ แลวมนเปนอยางไร

Page 155: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

155

จากภาพตวอยาง เมอคลกไปยงตวเลข กจะเปนการเปดหนาบทความตาง ๆทไดแบงเอาไว แลวทำายากไหม?? ในการแบงหนาเนย ไมยากเลยครบ …งาย ๆเลยหละครบ การแบงหนาทำาดงน

view source

print ?

PGNvZGU+PCEtIC1uZXh0cGFnZS0gLT48L2NvZGU+

(หมายเหต : เครองหมาย จะตองอยตดกนนะครบ– )ใสโคดดานบนไวตรงจดทเราตองการจะแบงหนา เชนกอนขนหวขอเรองของแตละตอน หากใสโคดแลว ยงไมแสดงผลนนเปนเพราะธมนนไมสนบสนนการแบงหนา

view source

print ?

PGNvZGU+DQo8P3BocCB3cF9saW5rX3BhZ2VzKGFycmF5KCdiZWZvcmUnID0+ICc8cD48c3Ryb25nPlBhZ2VzIDo8L3N0cm9uZz4gJywgJ2FmdGVyJyA9PiAnPC9wPicsICduZXh0X29yX251bWJlcicgPT4gJ251bWJlcicpKTsgPz4NCjwvY29kZT4=

Page 156: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

156

ใหนำาโคดดานบนนไปใสไวในไฟล page.php (สำาหรบแบงหนาเพจ) และ single.php (สำาหรบแบงหนาบทความ) ของธมทคณใชอย โดยใหคนหาคำาวา the_content ในไฟลทคณจะแทรกโคด เมอพบแลว ใหแทรกโคดไวใตบรรทดทมคำาวา the_content

ในโคด คณอาจจะแกไขคำาวา “Pages :” เปน หนา “ :” ได เทคนคเลก ๆ นอย ๆเชนน คงชวยใหบทความของคณดด นาอานขนมาบางนะครบ

ปญหาทอาจจะเกดขนรวบรวมปญหาตาง ๆ ทอาจจะเกดขน เพอนำาไปใชเปนแนวทางในการแกปญหา

เขาส Dashboard ไมได

ปญหาทเกดขนคอ การตดตง WordPress ทดสอบบนเครองสวนตวบางครงมปญหาเกดขนกบธมบางธม ทำาใหไมสามารถเขาไปยง Dashbaord ไดหากไมเขาใจวธการแกปญหา อาจจะทำาใหตองทำาการตดตงใหมซงผมมวธแกปญหานงาย ๆ ออ! ขอบอกกอนนะครบวาปญหานไมไดเกดขนเสมอไป อาจจะเกดขนไดในบางกรณเทานนแต กไมยากทจะเรยนร…

การแกปญหาสำาหรบกรณนกคอการเปลยนธมใหมในฐานขอมล

Page 157: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

157

เขาสระบบไมได โดยจะแจงปญหา ใหเราสงเกตชอธมดวยวาธมทมปญหานนชออะไร

วธแกไขคอ เขาไปท phpmyadmin (http://localhost/phpmyadmin) แลวเลอกฐานขอมลทเกบขอมลบลอกของคณ คลกทไอคอนดานหนาตาราง wp_options

Page 158: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

158

คนหา option_name ทชอ templates แลวคลกทไอคอนดนสอเพอทำาการแกไข

เขาไปยงโฟลเดอร /wp-content/themes แลวดชอโฟลเดอรของธมอน ๆทไมใชธมทมปญหา แลวนำาชอธมนนมาปอน คลกปม ลงมอ“ ”

Page 159: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

159

คนหา option_name ทชอ stylesheet แลวคลกทไอคอนดนสอเพอทำาการแกไข

ปอนชอเดยวกบชอธมทเคยปอนไป แลวคลกปม ลงมอ“ ”

Page 160: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

160

ใหลองเขาสระบบอกครง หากหนาลอกอนไมปรากฏ ใหทำาการ Refresh เบราเซอรกจะเหนหนาตางลอกอนแลว (หากครงเดยวไมปรากฏ ลองทำาซำา 2-3 ครง)

หลงจากเขาไปยง Dashboard ไดแลว ใหไปทเมนสำาหรบเปลยนธม (2.3.x : Presentation, 2.5.x Design) จะเหนวาธมทกำาลงใชอยนน

Page 161: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

161

เปนชอธมเกาใหทำาการเลอกชอธมใหมหรอจะเลอกเปนชอธมเดยวกบทเราแกไขในฐานขอมลกไดคราวนกจะสามารถใชงานไดตามปกตแลวหละครบ

เกดปญหาหลงอพเกรด WordPressปญหา

หลงจากทไดทำาการอพเกรด WordPress จากรน 2.3 ขามมาเปนรน 2.5.1 นนไดเกดปญหาคอ หลงจากทเขยนบทความไปแลว เมอกดปม Publish เพอสงบทความเขาสบลอก กลบไมสามารถสงบทความได ปรากฏขอความวา

Your attempt to edit this post: “[ชอหวขอบทความ]” has failed.Please try again. เมอคลกไปท “Please try again.” จะยอนกลบไปทหนาเขยนบทความใหม ขอความตาง ๆ อนตรธานไปหมดสน เมอเขาไปทเมน Manage จะพบวาใน Draft มบทความเพมขนมา เมอไปเปดกจะพบทความทสงขนบลอกไมไดนนเอง

การแกปญหา

จากปญหาทเกดขนน ไดหาขอมลจากทตาง ๆ พบวา ปญหาเกดจาก Autosave นนเอง การแกไขคอ เปดไฟล /wp-admin/post-new.php ขนมาแลวใสเครองหมาย // หนา wp_enqueue_script(‘autosave’); เปน

Page 162: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

162

//wp_enqueue_script(‘autosave’); บนทกไฟลแลวอพโหลดไปทบไฟลเดม

ตวอยางโคด

view sourceprint?PGNvZGU+DQo8P3BocA0KcmVxdWlyZV9vbmNlKCdhZG1pbi5waHAnKTsNCiR0aXRsZSA9IF9fKCdDcmVhdGUgTmV3IFBvc3QnKTsNCiRwYXJlbnRfZmlsZSA9ICdwb3N0LW5ldy5waHAnOw0KJGVkaXRpbmcgPSB0cnVlOw0KLy93cF9lbnF1ZXVlX3NjcmlwdCgnYXV0b3NhdmUnKTsNCndwX2VucXVldWVfc2NyaXB0KCdwb3N0Jyk7DQppZiAoIHVzZXJfY2FuX3JpY2hlZGl0KCkgKQ0KPC9jb2RlPg

Blank Dashboard Screenหลงจากทเปดบลอกมาแลว กเหนวา บางจดยงมขอบกพรองอย นนคอใครทเคยใช WordPress มากจะทราบเสนทางในการเขาถงโฟลเดอรของธมและโฟลเดอรของปลกอน เมอเขาถงได กจะเหนโฟลเดอรของธมและปลกอนตาง ๆเตมไปหมด หากเปดเผยและไมใสใจกไมเปนไร แตหากทานใดไมอยากเปดเผยขอมลเหลานกจะหาวธทำาใหผใชไมสามารถเขาถงไดหรอเขาถงได กเหนแตหนาเปลา ๆ เทานนเอง

ปกตแลวผมจะใชแคไฟล index.html ทไมมขอมลใด ๆ ไปใสไวผใชกจะเปดโฟลเดอรนน ๆ เหนแตหนาเปลา ๆ ไมมขอมลใด ๆ แตในโฟลเดอร plugins นน ใสไฟล index.php เขาไป ในระยะแรก ๆ กไมมอะไรแปลก เขาหนา Admin Panel ไดตามปกต เพราะไมคอยไดเขาคลกทเมน Dashboard

Page 163: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

163

หลายวนผานไป เขาหนาตาง Admin Panel ไดตามปกต แตเวลาคลกทเมน Dashboard ทำาไมหนาจอ Dashboard มนวางเปลา ไมมขอความอะไรเหมอนแตกอนเลยมนมอะไรผดปกตตรงไหนหรอเปลา หรอปลกอนตวไหนมผลกระทบบาง ททำาใหหนาตาง Dashboard วางเปลา

จนมาเจอบทความใน myblogit ถงไดรวา มคนทประสบปญหาเดยวกบเราเหมอนกนแฮะแกไขปญหาตามบทความ โดยการลบไฟล index.php ในโฟลเดอร plugins ออกแลวอพโหลดไฟล index.html ทไมมขอมลใด ๆ เขาไปแทนท เวลาคลกเมน Dashboard ทกอยางกลบมาเหมอนเดมเลยครบ

ดงนน ไมควรนำาไฟล index.php ไปไวในโฟลเดอร plugins เพราะจะทำาใหเมอคลกเมน Dashboard แสดงแตหนาเปลา ๆ

ลมรหสผาน Admin

มความเปนไปไดทบางครง จะลมรหสผานของ Admin ทำาใหไมสามารถเขาไปดแลบลอกของตนเองได ผมมวธในการตงรหสผานใหมมานำาเสนอใน

Page 164: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

164

ความเปนจรงแลว มวธในการแกไขกรณทลมรหสผาน Admin อยหลายวธดวยกนแตครงนขอเสนอวธแรกกอน

วธนเปนการตงรหสผานใหมโดยผานตวจดการฐานขอมล MySQL นนคอ phpMyAdmin หากคณไมมสทธในการใช phpMyAdmin แนะนำาใหใชวธอน ซงจะกลาวในโอกาสตอไป

มาเรมตนลงมอแกไขรหสผาน Admin กนเลยครบ ขนตอนแรกใหเขาไปท phpMyAdmin กอน

คลกท "ฐานขอมล" เพอดรายชอฐานขอมลตาง ๆ กอนเพอเลอกฐานขอมลทใชสำาหรบทำาบลอก

เมอพบแลว คลกบนฐานขอมลทใชทำาบลอก (ในตวอยางน ผมใชฐานขอมลชอ "blog")

Page 165: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

165

หลงจากทคลกทชอฐานขอมลแลว phpMyAdmin จะแสดงตารางฐานขอมลตาง ๆทอยในฐานขอมล blog ออกมา ใหคลกทไอคอนหนาชอตาราง "wp_users"

หมายเหต : คำานำาหนาชอตารางฐานขอมลน โดยปกตแลวจะเปน wp_ แตหากใชฐานขอมลรวมกนในการทำาบลอกใหดคำานำาหนาชอตารางฐานขอมลตามทกำาหนดไวในตวแปร $table_prefix ในไฟล wp-config.php ทอยในโฟลเดอรทตดตง WordPress แลวเลอกคำานำาหนาชอตารางทถกตองและตอทายดวย users

phpMyAdmin จะแสดงขอมลของ Admin ขนมา ใหคลกทไอคอนรปดนสอเพอทำาการแกไขขอมลของ Admin

Page 166: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

166

ในแถว user_pass นน (1) ในชอง "คา" ใหลบขอมลเกาออกใหหมดแลวตงรหสผานใหมตามทตองการ พมพขอความปกตและตวอกษรเลกใหญถอวาเปนอกษรคนละตวกน (2) ในชองฟงกชน ในแถว user_pass นน ใหเลอกเปน "MD5" (3) คลกปม "ลงมอ" เพอบนทกขอมล

จากนนใหไปทหนาลอกอนเขาสระบบ โดยใชชอผใชเปน admin และรหสผานใชรหสผานทคณไดตงไปตามขนตอนทกลาวมากจะสามารถเขาสหนาตางควบคมของ WordPress ไดแลวครบ

Page 167: warunpong.files.wordpress.com€¦  · Web view2012. 1. 15. · รายงาน. วิชา คอมพิวเตอร์มัลติมีเดีย. เรื่อง

167

อางอง

http://en42chart.blogspot.com/2010/02/wordpress.html