วิธีการลงโปรแกรม Appserv และ Wordpress

จาก ครั้งที่แล้วที่เข้าอบรม Wordpress ได้ลองทำในเครื่องของตัวเอง ทำไป Capture หน้าจอไป
และเอามาเขียนไว้ในนี้ เพื่อเป็นประโยชน์ กับคนที่ต้องการข้อมูลในการลง wordpress กับ appserv
ได้รับและมีความรู้อะไร ก็ต้องถ่ายทอดต่อไปอย่างเต็มที่ ตามจิตวิญญาณของอาชีพ 555 ว่าไปนั่น

มาเริ่มกันเลยดีกว่า เราจะจำลองเครื่องคอมพิวเตอร์ของเราเป็น Web Server เพื่อสร้างเว็บ..
CMS ใช้ Wordpress(น่าจะใช้ง่ายที่สุดแล้ว) WAMP ที่ใช้สร้าง web server คือ Appserv
ก่อนอื่นต้องไป Download Wordpress กับ Download Appserv ก่อน

AppServ คือโปรแกรมที่รวบรวมเอา Open Source Software หลายๆ อย่างมารวมกัน
โดยมี Package หลักดังนี้
         - Apache
         - PHP
         - MySQL
         - phpMyAdmin
ผู้พัฒนาเป็นคนไทยชื่อ ภาณุพงศ์ ปัญญาดี (apples)

appserv เวอร์ชั่นล่าสุดที่ใช้กับ PHP5 คือ appserv 2.5.10 ไฟล์ที่ Download มาจะเป็นไฟล์ .exe

ดับเบิ้ลคลิกที่ไฟล์เพื่อ Install โปรแกรม แล้วคลิก Next

 คลิก I Agree

โฟลเดอร์ที่จะเก็บโปรแกรม โดยปกติจะเก็บไว้ที่ไดร์ฟ C: โฟลเดอร์ appserv จากนั้นคลิก Next

โปรแกรมที่อยู่ใน Package ที่จะลงเลือกทั้งหมด คลิก Next

พิมพ์ Server Name ตอนนี้เราทำในเครื่องใส่ localhost
พิมพ์ Email ของ Admin (ในที่นี้ไม่ได้ใช้จริง ใส่อะไรก็ได้ให้เป็นไปตามรูปแบบ Email)
Port 80 เป็นค่า Default อยู่แล้ว จากนั้นคลิก Next

พิมพ์ Password ของ root (ตั้งเอง) และใส่ซ้ำอีกรอบด้านล่าง
Character Sets and Collations เป็น UTF-8-Unicode จากนั้นคลิก Install

 รอจนกว่าจะลงโปรแกรมเสร็จ

จากนั้นเมื่อลงโปรแกรมเสร็จ จะ Start Apache กับ Start MySQL เมื่อคลิก Finish

Note ในการใช้งานครั้งต่อๆ ไปการ Start Apache กับ Start MySQL ทำได้โดยการไปที่
Start > All Programes > AppServ > Control Server by Service

จากนั้นเปิดหน้าต่าง Browser พิมพ์ Localhost แล้ว Enter จะเข้ามาหน้าดังภาพ
คลิกที่ลิ้งค์ phpMyAdmin Database Manager Version... เพื่อเข้าไปสร้าง Database

เมื่อคลิกตามลิ้งค์ด้านบน จะให้ใส่ User Name(ใส่ root) และ Password(ที่เราตั้งไว้) แล้วคลิก OK

เมื่อเข้ามาแล้วให้ ไปที่ Create new database

ใส่ชื่อ Database ที่ต้องการ(แล้วแต่เราจะตั้ง)
เลือก utf8_unicode_ci แล้วคลิก Create

Database จะถูกสร้างขึ้น

 จากนั้นไปเปิดโฟลเดอร์ AppServ ในไดร์ฟ C: 

 เข้าโฟลเดอร์ www

ในโฟลเดอร์จะมีไฟล์ index.php อยู่ ให้ rename เพื่อป้องกันการเขียนทับ เวลาเรา Copy ไฟล์มาจากโฟลเดอร์ Wordpress

wordpress เวอร์ชั่นล่าสุด คือ wordpress 2.7.1 ไฟล์ที่ Download มาจะเป็นไฟล์ .zip
Extract ไฟล์ zip จะได้โฟลเดอร์ wordpress

 เปิดโฟลเดอร์ wordpress และ Copy ทุกไฟล์ในโฟลเดอร์ไปใส่ในโฟลเดอร์ C:\AppServ\www

ไฟล์ทุกไฟล์ย้ายมาที่โฟลเดอร์ www

 ในโฟลเดอร์จะมีไฟล์ readme.html ให้อ่าน หากต้องการความช่วยเหลือ ในภาพเป็นวิธีการ Install

 ในโฟลเดอร์ www จะมีไฟล์ wp-config-sample.php เปิดไฟล์ขึ้นมาแก้ไข(อาจจะเปิดด้วย Notepad)

 ไฟล์ที่เปิดได้

 แก้ไข 4 จุดคือ
- ใส่ชื่อ Database ที่เข้าไปสร้างไว้
- ใส่ username เป็น root
- ใส่ password ที่ตั้งไว้
- ใส่ hostname เป็น localhost(ตามที่ได้ตั้งไว้ตั้งแต่ต้น)

 กรอกข้อมูลต่างๆ ให้ครบ

จากนั้น Save as ไฟล์เปลี่ยนชื่อเป็น wp-config.php

 จากนั้นเปิดหน้าต่าง Browser พิมพ์ Localhost แล้ว Enter จะเข้ามาหน้าดังภาพ

พิมพ์ชื่อ Blog ตามแต่จะตั้ง(แก้ไขได้ในภายหลัง)
พิมพ์ Email Address (อะไรก็ได้ตามรูปแบบอีเมล) แค่ทดลองไม่ต้องใช่เมลจริงก็ได้
จากนั้นคลิก Install Wordpress

เมื่อลงเสร็จ(มันจะเร็วมาก) จะขึ้นหน้า username password มา ให้ copy password ไว้ แล้วคลิก Log In

 เมื่อเข้ามาหน้านี้ กรอก username และ password ที่ copy มาแล้วคลิก Log in

จะเข้ามาในหน้าจัดการของ wordpress(//localhost/wp-admin) หรือเรียกง่ายๆ ว่าหลังบ้าน
หากต้องการเปลี่ยน Password ให้คลิกที่ Admin แล้วเลื่อนมาด้านล่าง

 พิมพ์ Password ใหม่ที่ต้องการ คลิก Update (ครั้งหน้าเข้า wordpress ใช้ password ใหม่)

 หากต้องการดูหน้าตาของ Blog ที่สร้างคลิกที่ Visit site

 หน้าตาของ Blog ที่เราสร้าง

 หากต้องการกลับไปหน้าจัดการคลิกที่ Site Admin ด้านข้าง(ขึ้นอยู่กับ Treme ที่ใช้)

ตอนต่อไปจะเป็นวิธีการเปลี่ยน theme ใน wordpress ติดตามตอนต่อไปนะคะ

ขอบคุณที่เข้ามาเยี่ยมชมค่ะ

50 comments on "วิธีการลงโปรแกรม Appserv และ Wordpress"

watin's picture
watin (visitor) said on Mon, 06/01/2009 - 09:24:

กำลังหาอยู่พอดีเลยครับ สำหรับวิธีการติดตั้ง, ขอบคุณบทความดีๆ แบบนี้ครับ

oom's picture
oom (visitor) said on Wed, 06/03/2009 - 08:47:

ขอบคุณค่ะ ลองลงตามขั้นตอนของคุณbombikแล้วใช้ได้เลยค่ะ

Jungle Gui's picture
Jungle Gui (visitor) said on Wed, 06/03/2009 - 01:29:

มาช่วยบอกเสริมให้อีกนิดนะครับ คือ Appserv 2.6 ใช้กับ wordpress 2.7.1 ยังไม่ได้นะครับ ใช้ 2.5 ไปก่อน ผมลองแล้ว เข้า wordpress ไม่ได้เลย หาตั้งนานพอลงเวอชั่น Appserv 2.5 ใช้ได้ครับ

bombik's picture
bombik said on Wed, 06/03/2009 - 22:37:

ขอบคุณค่ะ คุณ Jungle Gui ที่มาช่วยเสริม

ตอนนี้ appserv version ล่าสุดที่ใช้ได้กับ wordpress version ล่าสุด(2.7.1)
คือ 2.5.10 (เป็น php5) ส่วน appserv 2.6 จะเป็น PHP6 ค่ะ
จะยังใช้ไม่ได้กับ wordpress 2.7.1

nero007's picture
nero007 (visitor) said on Thu, 11/19/2009 - 02:47:

อ๋อ แบบนี้นี่เอง เราเอา wordpress-2.8.6 ลงไปค่ะ
เดี๋ยวจะลองใหม่ 2.5.1 น่าจะใช้ได้ใช้มั้ยคะ

Bigberry's picture
Bigberry (visitor) said on Fri, 06/05/2009 - 18:55:

ขอบคุณสำหรับวิธีนะครับ
ใช้ได้เลย

แต่ตอนสุดท้ายของผม กด Visit Site
มันดันกลับไปหน้าแรกของ PhpMyAdmin น่ะครับ
ไม่ได้เข้าหน้าแรกของบล็อก

ต้องทำยังไงครับ

ting's picture
ting (visitor) said on Sat, 06/06/2009 - 20:02:

ขอปรบมือให้เลยครับ สำหรับบทความนี้ นี่เป็นการเขียนที่ละเอียดที่สุดเท่าที่ผมอ่านบทความ ทำนองนี้มา
ของที่อื่น อ่านแล้ว งงไป งงมา เขียน กั๊กๆ ยังไงก้อไม่รู้

ชื่มชม จากใจจริงครับ

lookpom's picture
lookpom (visitor) said on Tue, 06/09/2009 - 17:09:

ทำได้ตามที่บอกเลยคะ ดีจังอ่ะ

maparng's picture
maparng (visitor) said on Wed, 07/01/2009 - 19:05:

ทำไมเวลาหนูลงโปรแกรมappserv-win32-2.5.7เพื่อใช้กับPHP5.0แล้วมันใช้ไม่ได้มันขึ้นหน้าของการค้นหาของavgค่ะมันเกี่ยวกันไหมที่ลงavgไว้ช่วยตอบกลับที่เมล์ด่วนด้วยนะค่ะหนูไม่มีความรู้เรื่องนี้และต้องการทดลองใช้งานค่ะขอบคุณล่วงหน้านะค่ะที่ตอบคำถามให้[email protected]

bombik's picture
bombik said on Thu, 07/02/2009 - 13:55:

ไม่เคยเจอแบบนี้เหมือนกันค่ะ ไม่รู้จะแนะนำยังไงเลย =.=

sathanch's picture
sathanch (visitor) said on Thu, 07/23/2009 - 11:27:

ขอบคุณมากๆเลย..กับข้อมูลดีๆแบบนี้
แนะวิธีเข้าใจง่ายมากๆ
เห็นเจ้าของไซต์..ไม่มาต่อเลยง่ะ
***********************
งันขอถามBombigเลยแล้วกันว่า
การเปลี่ยนชื่อเว็บให้เป็นชื่อของเราเองอย่าง //bombik.com
ทำยังไงครับ
[email protected]
ขอบคุณล่วงหน้าครับ

คนธรร's picture
คนธรร (visitor) said on Sat, 11/07/2009 - 00:24:

งามไส้ - -'

ขอบคุณครับสำหรับบทความที่เขียนมาให้ชม หาอ่านมาตั้งแต่2ทุ่มแล้วยังทำไม่ได้ซักที พอมาเจอบทความคุณแล้ว ทำได้เลย ละเอียดแล้วก็ไม่งง ต้องขอบคุณจริงๆครับ

ปล.เพิ่งจะรู้ว่าเป็นผู้หญิงตอนอ่านจบแล้ว - -'

bombik's picture
bombik said on Sun, 11/08/2009 - 22:43:

ดีใจค่ะ ที่ Post มีส่วนทำให้คุณทำได้ ^_^

คนธรรมดาคนนึง's picture
คนธรรมดาคนนึง (visitor) said on Sat, 11/07/2009 - 00:26:

ถ้าว่างๆ แวะมาคุยกันครับ ^^ [email protected]
พอดีเพิ่งจะสนใจเรื่องพวกนี้ เลยอยากให้ชี้แนะ^^

bombik's picture
bombik said on Sun, 11/08/2009 - 22:45:

ขอบคุณค่ะ จริงๆ ไม่ได้เชี่ยวชาญเรื่องนี้
แค่รู้ แล้วก็เขียนไว้เท่านั้นเองค่ะ

Anan's picture
Anan (visitor) said on Wed, 06/09/2010 - 18:34:

เข้าใจง่ายดีครับ เมื่อไหร่ จะมีบทความต่อไปอีกครับ จะรอ ผลงานต่อไปนะครับ

nero007's picture
nero007 (visitor) said on Thu, 11/19/2009 - 02:31:

พอจะเปิดหน้าต่าง localhost อีกที
("จากนั้นเปิดหน้าต่าง Browser พิมพ์ Localhost แล้ว Enter จะเข้ามาหน้าดังภาพ")
แทนที่จะขึ้นหน้า Wordpress มันขึ้นแบบนี้แทนค่ะ

Fatal error: Call to undefined function set_magic_quotes_runtime() in C:\AppServ\www\wp-settings.php on line 18

พอไปดูที่ file ดังกล่างตรง line ที่ 18 ก็เป็นแบบนี้

set_magic_quotes_runtime(0);

ไม่ทราบว่าทำผิดตรงไหน และต้องแก้ไขยังไขดีคะ รบกวนช่วยชี้แนะด้วยค่ะ ขอบคุณค่ะ

Tomokasu's picture
Tomokasu (visitor) said on Fri, 01/22/2010 - 04:25:

ตอนที่ผมลง Version 2.6.0 ก็ขึ้น error แบบนี้เหมือนกัน
พอเอาออกแล้วเปลี่ยนมาลง Version 2.5.10 ปรากฏว่าใช้ได้ครับ

ขอบคุณจากใจ's picture
ขอบคุณจากใจ (visitor) said on Sun, 12/06/2009 - 07:01:

สุดยอดเลยครับ

ในที่สุดผมก็ทำได้หลังจากงมโข่งจากไกด์อื่นๆมาหลายอัน

แต่ไกด์ของคุณทำให้ผมสามารถทำได้เลยในครั้งเดียว

ขอบคุณมากๆครับ

Anonymous's picture
Anonymous (visitor) said on Thu, 12/31/2009 - 06:39:

Note ในการใช้งานครั้งต่อๆ ไปการ Start Apache กับ Start MySQL ทำได้โดยการไปที่
Start > All Programes > AppServ > Control Server by Service..

แล้วอะไรต่ออะคับ

tapulom's picture
tapulom (visitor) said on Sun, 01/17/2010 - 17:22:

ขอบคุณมากมายครับ พูดได้คำเดียว ว่า ถ้าไม่มีคุณผมคงทำไม่ได้

ขอบคุณมากค่ะ's picture
ขอบคุณมากค่ะ (visitor) said on Sat, 01/23/2010 - 12:59:

ขอบคุณมากค่ะสำหรับสิ่งดี ๆ

Hdguy's picture
Hdguy (visitor) said on Sun, 01/24/2010 - 23:01:

ขอบคุณครับ อธิบายได้เข้าใจง่ายดีจัง

barboy55's picture
barboy55 (visitor) said on Sun, 02/28/2010 - 01:57:

ขอบคุณมากๆๆๆ ดีที่สุดเข้าใจง่ายที่สุดที่เคยอ่านมา ทำได้จรืง ขอบคุณอีกครั้ง

Anonymous's picture
Anonymous (visitor) said on Thu, 05/06/2010 - 15:41:

คือผมมี blog อยู่แล้วก่อนที่จะมาใช้วิธีนี้อ่ะครับ

ทำไงให้บล็อกเก่าของผมทำงานในวิธีนี้ได้ครับ

แทงบอลออนไลน์'s picture
แทงบอลออนไลน์ (visitor) said on Mon, 06/25/2012 - 15:00:

Excellent way of telling, and fastidious post to obtain information regarding my presentation topic, which i am
going to convey in college.

jun_taa's picture
jun_taa (visitor) said on Wed, 05/12/2010 - 09:35:

กำลังหัดทำ wordpress อยู่อ่ะค่ะ คือแบบว่าเริ่มต้นใหม่จริงๆ ค้นหาข้อมูลและทดลองทำแล้วไม่ได้ผล แต่พอได้เจอ bombik แล้วรู้สึกว่าเข้าใจและสามารถทำได้เลย ต้องขอบคุณมากๆเลยนะค่ะ ^____^
ปล. ตอนแรกติดปัญหา wordpress 2.9 ไม่รองรับกับ appserv 2.6 เพราะมี php6 มันไม่รองรับขึ้น error ตามนี้เลย
Fatal error: Call to undefined function set_magic_quotes_runtime() in C:\AppServ\www\wp-settings.php on line 18
ให้เปลี่ยนเป็น appserv 2.5 แทนค่ะ ถึงจะสามารถติดตั้ง wordpress ได้.

Anonymous's picture
Anonymous (visitor) said on Thu, 06/03/2010 - 14:20:

aa

bamboo's picture
bamboo (visitor) said on Sat, 07/17/2010 - 13:12:

ดีมาก ๆ ครับ

photosabai's picture
photosabai (visitor) said on Mon, 09/13/2010 - 12:10:

ถ้าผมจะเอา Folder WWW ขึ้น Host เลยได้ไหนครับ

Anonymous's picture
Anonymous (visitor) said on Fri, 10/15/2010 - 18:26:

ทำแล้วมันขึ้น Fatal error: Call to undefined function set_magic_quotes_runtime() in C:\AppServ\www\wp-settings.php on line 27 แปลว่ายังไงครับช่วยตอบกลับทีนะครับท่าน

พัต's picture
พัต (visitor) said on Sat, 12/18/2010 - 01:00:

ขอบคุณมาก ๆ ค่ะ อ่านแล้วเข้าใจง่าย ทำตามได้จริง..
ตอนนี้โพสต์บทความแล้ว แต่ติดที่ว่าจะ upload เว็บที่ทำใน local host กับเว็บจริง (แต่ฟรี) ได้ยังไงคะ รบกวนด้วยค่ะ
ขอบคุณค่ะ

mm's picture
mm (visitor) said on Wed, 12/29/2010 - 12:29:

thanks alot

Anonymous's picture
Anonymous (visitor) said on Tue, 01/04/2011 - 05:17:

วิธีการลงแบบนี้นี้ยังใช้ได้อยู่ไหมครับ เพราะว่าดูหลายที่แล้วไม่เหมือนกันครับ แต่ดูแล้วง่ายมาก ๆ แต่กลัวว่าลงแล้วเปิดไม่ได้
ที่ลงมาก่อนขึ้นแบบนี้ครับ Fatal error: Call to undefined function set_magic_quotes_runtime() in C:\AppServ\www\wp-settings.php on line 18 ไม่ทราบว่าจะแก้ไขยังงัย ขอบคุณมาก ๆๆๆ ครับ

boat_jc's picture
boat_jc (visitor) said on Sat, 01/22/2011 - 14:14:

ขอบคุณมากๆครับ ทำตามแล้วลงได้จริงๆครับ หลังจากที่งงมาจากหลาย Web

Anonymous's picture
Anonymous (visitor) said on Sat, 02/05/2011 - 09:31:

ขอบคุณมากครับ

toy's picture
toy (visitor) said on Sun, 02/20/2011 - 21:29:

ได้กระจ่างซะทีค่ะ

butter5's picture
butter5 (visitor) said on Tue, 03/01/2011 - 10:51:

ขอบคุณมากมายค่ะ อ่านง่าย ทำตามได้ไม่ยากเลยสำหรับคนที่ไม่เคยทำมาก่อน ^^

eyecycling's picture
eyecycling (visitor) said on Fri, 05/13/2011 - 13:51:

ขอบคุณมากค่ะ ชอบมาก ทำตามสำเร็จค่ะ

owermylife's picture
owermylife (visitor) said on Thu, 07/07/2011 - 08:59:

ผมเช็ต Permalink เป็น /%postname%/

ตอนเข้าดูหน้า โพส
http://localhost/uncategorized/hello-world

มันขึ้นหน้า 404 อ่ะครับ

อย่างนี้ต้องแก้ยังไงครับ

Raphat's picture
Raphat (visitor) said on Sat, 09/03/2011 - 05:01:

คือผมเพิ่งจะหัดใช้ WP ครับ เลยมีข้อสงสัยอยู่ว่า
1. วิธีการติดตั้งแบบนี้ สามารถใช้ได้จริงหรือเปล่าครับ หรือว่าเอาไว้ทดลองโค้ดต่าง ๆ เฉย ๆ
2. วิธีนี้ Search engine อย่าง Google สามารถค้นหาได้ไหมครับ
3. ถ้าไม่ได้ ... วิธีนี้สามารถนำไปประยุกตใช้กับโฮสจริงได้ไหมครับ
รบกวนไขข้อสงสัยให้ด้วยครับผม ถ้าจะกรุณาตอบทางอีเมลล์ยิ่งดีครับ
ขอบคุณมากครับ

bombik's picture
bombik said on Sat, 09/03/2011 - 19:50:

1.มันทำอยู่ในเครื่องเรา เพื่อเตรียมทำเว็บให้พร้อมก่อนการติดตั้งลงบน Host จริงค่ะ
2.การติดตั้งนี้อยู่บนเครื่องของเราที่เราจำลองเป็น server ไม่ได้ออนไลน์ google หาไม่ได้ค่ะ

 

Raphat's picture
Raphat (visitor) said on Sun, 09/04/2011 - 03:22:

ขอบคุณมากครับผม

NooMDoY's picture
NooMDoY (visitor) said on Fri, 10/21/2011 - 15:24:

ขอขอบคุณมากเลยครับผม เป็นประโยชน์อย่างมาครับ ผมกำลังศึกษาอยู่มาเจอแบบนี้เจ๋งไปเลยครับผม

bee's picture
bee (visitor) said on Mon, 11/28/2011 - 17:41:

ขอโทษนะคะ ถามแบบคนไม่รู้จริงๆ appserv 2.5.10 ใช้ได้กับ window ทุกรุ่นเลยหรอคะ??

Anonymous's picture
Anonymous (visitor) said on Fri, 12/02/2011 - 16:23:

ได้ทุกรุ่นนะครับ
อยากถามว่า ถ้าเราอยากลงเวบที่ 2 ใน appserv ต้องทำไงครับ

jj's picture
jj (visitor) said on Sat, 02/04/2012 - 22:45:

ขอบคุณมากๆครับ ทำตามขั้นตอนสำเร็จโดยสวัสดิภาพ

nichanan's picture
nichanan (visitor) said on Thu, 02/16/2012 - 11:49:

คือมีเรื่องกลุ้มใจมากนะค่ะ จะเข้าหลังร้าน ของ เวปที่สร้างขึ้นกับ word press ไม่ได้

ขอบอกรายละเอียดนะค่ะ พอดีได้ซื้อพื้นที่ กับ wordpress และทำทางหน้าร้าน แต่ตอนนี้อยากจะเข้าไปแก้ไขอะไร ทางหลังร้าน บ้าง แต่ไม่มี plugin หรือ แก้ไขอะไรไม่ได้เลย มันไม่โชว์หน้าเวปของเราขึ้นมาเลยค่ะ ต้องทำอย่างไรค่ะ หรือมีเบอร์มือถือ ให้โทรไปถามหรือเปล่าค่ะ ขอบคุณมากค่ะ

Anonymous's picture
Anonymous (visitor) said on Wed, 09/26/2012 - 12:27:

ขอบคุณมากๆครับ งมมาครึ่งวัน ทำได้เพราะเว็บนี้สอนแหล่ะครับ เยี่ยม

mabelle's picture
mabelle (visitor) said on Thu, 10/11/2012 - 18:16:

ขอบคุณมากๆเลยค่ะ จากใจเลย

Powered by Drupal, an open source content management system

Copyright © 2009 bombik - Theme ported to Drupal by kong
CSS Templates by Inf Design - Valid XHTML & CSS