KruMontree.com : เพื่อนครูไทยหัวใจดอทคอม

ป้ายโฆษณา

Moral Principle

"  . . . คนเราเมื่อมีความรู้ความสามารถที่ดีเป็นทุนรอนอยู่จะไม่มีวันอับจน ย่อมหาทางสร้างตัวสร้างฐานะให้ก้าวหน้าได้เสมอ ข้อสำคัญ ในการสร้างตัวสร้างฐานะนั้นจะต้องถือหลักค่อยเป็นค่อยไป ด้วยความรอบคอบ ระมัดระวังและความพอเหมาะพอดี ไม่ทำเกินฐานะและกำลัง หรือทำด้วยความเร่งรีบ . . . "

พระบรมราโชวาท
๑๘ ธันวาคม ๒๕๔๐

Home ไขปัญหาคาใจ เทคนิคการติดตั้ง Wordpress
เทคนิคการติดตั้ง Wordpress PDF พิมพ์ อีเมล
เขียนโดย ครูมนตรี   
วันจันทร์ที่ 27 มิถุนายน 2011 เวลา 22:12 น.

wordpress_header

chuaichartวันนี้ได้รับโทรศัพท์เบอร์แปลกๆ ที่ผมเมมโมรี่ไว้ชื่อ Blocked อันเนื่องมาจากรำคาญพวกหลอกลวงข้ามชาติ ที่โทรเข้ามาหาว่าผมเป็นหนี้บัตรเครดิตจิ๊บจ๊อยแค่สองหมื่นห้า หรือไม่ก็มีหน่วยงานรัฐบาลไทยใจดีจะคืนเงินสารพัดมาให้ (ซึ่งในความจริงไม่เคยเกิดขึ้นที่หน่วยงานของไทยจะมาใจดีกันง่ายๆ แม้เพียงฝัน) เลยไม่อยากรับ แต่ก็นึกสนุกจะได้ฟังดูท่าทีเขาหน่อย พอกดรับสายก็ตั้งใจฟังแต่ไม่พูด เสียงในโทรศัพท์ถามมาว่าใช่เบอร์คุณครูมนตรีไหมค่ะ อ้าว... เกือบกดทิ้งไปแล้ว

เป็นโทรทางไกลข้ามประเทศมาจากซิดนีย์ ออสเตรเลีย เป็นเสียงสุภาพสตรีชาวไทยที่ขอให้ช่วยสอนวิธีการติดตั้ง Wordpress ซึ่งเป็นระบบจัดการเว็บไซต์อีกแบบหนึ่ง ในรูปของบล็อกเขียนข่าวอัพเดทได้ง่ายๆ และสามารถพัฒนาต่อยอดไปได้อีกมากมาย ให้มีความสามารถและแตกต่างจากบล็อกทั่วๆ ไป ถ้ายกตัวอย่างเว็บไซต์ที่ใช้ Wordpress และพัฒนาต่อยอดไปได้ไกลก็เช่น หนังสือพิมพ์ไทยรัฐออนไลน์ เว็บช่วยชาติ.com (ปิดตัวไปเสียแล้ว) เป็นต้น

การแนะนำเทคนิคการติดตั้งนี้ เน้นไปที่การติดตั้งแบบจำลองบนเครื่องแม็คนะครับ เพราะน้องเขาใช้แม็คบุ๊ค ใช้เซิร์ฟเวอร์จำลองคือ MAMP ส่วนท่านใดจะเอาวิธีการไปใช้บนเครื่องที่เป็นลินุกซ์จำลองเครื่องด้วย Xampp หรือบนวินโดว์ที่ใช้ Appserv ก็ได้เช่นกัน

การแนะนำทางโทรศัพท์มันไม่เห็นภาพ จินตนาการตามยาก เลยต้องเอามาเขียนในเว็บเสียเลย เผื่อแผ่ไปยังคนอื่นๆ ที่คิดจะทดสอบ ทดลองในเครื่องตนเอง สามารถทำตามได้ เริ่มกันเลย...

อันดับแรกเครื่องคอมพิวเตอร์ของท่าน จะต้องทำการติดตั้งซอฟท์แวร์จำลองเครื่องให้เป็นเครื่องแม่ข่ายที่สามารถรัน Apache, PHP, MySQL, phpMyAdmin ได้เสียก่อน ด้วยการใช้ซอฟท์แวร์ที่กล่าวถึงในย่อหน้าก่อนนี้ (กรุณาย้อนกลับไปอ่านได้ครับ) หลังจากนั้นเราก็จะต้องเตรียมการติดตั้ง Wordpress ด้วยการไปดาวน์โหลดตัวติดตั้งมาจาก Wordpress.org กัน ดังภาพข้างล่างเพื่อเอาเวอร์ชั่นล่าสุดมาใช้งาน

wordpress_01

เมื่อคลิกที่ปุ่ม Download Wordpress ก็จะเปลี่ยนหน้าไปยังแหล่งดาวน์โหลดจริงดังภาพถัดไป และสังเกตได้ว่าจะมีบริการเวอร์ชั่นภาษาไทยด้วยที่ด้านบน (แตกต่างที่เมนูจะเป็นภาษาไทยครับ)

wordpress_02

wordpress_03ในระหว่างที่เรารอการดาวน์โหลด เราจะทำการสร้างฐานข้อมูลรอกันไว้ก่อน สำหรับท่านที่ใช้แม็คให้เปิด Widget ของ Mamp ให้ทำงานกันก่อนนะครับ (ส่วนท่านที่ใช้ลินุกส์ก็รัน Xampp ที่ใช้วินโดว์ก็รัน Appserv ด้วย) เพื่อให้ Localhost ของเราทำงานในการสร้างฐานข้อมูลและติดตั้ง Wordpress ในขั้นต่อไป

จากนั้นเปิดบราวเซอร์เรียก http://localhost/phpmyadmin เพื่อสร้างฐานข้อมูลกันก่อนเลย ในที่นี้จะตั้งชื่อฐานข้อมูลว่า wordpress การเข้ารหัสอักขระเลือกเป็น utf-8 ด้วยนะครับจะได้สนับสนุนภาษาไทยให้คนทั้งโลกอ่านกันได้ไม่ว่าจะอยู่ที่ประเทศใดๆ

wordpress_04

เมื่อคลิกที่ปุ่มสร้าง จะปรากฏชื่อฐานข้อมูลเปล่าๆ เตรียมไว้ให้เรา ขั้นตอนต่อไปควรจะทำคือการกำหนดสิทธิให้ฐานข้อมูลนี้กับบุคคลใดบุคคลหนึ่งที่ไม่ใช่ root ก็เพียงคลิกที่เมนู สิทธิ ด้านบน สร้างผู้ใช้ใหม่ ในที่นี้ผมตั้งชื่อว่า wordpress และมีรหัสผ่านเป็น wordpress! มอบสิทธิให้กระทำการกับฐานข้อมูลนี้ได้ทุกอย่าง (ควรจะกำหนดสิทธิให้กับฐานข้อมูลทุกฐานเป็นบุคคลอื่น ที่ไม่ใช่ root เสมอนะครับ เพื่อความสะดวกในการจัดการติดตั้งและใช้งานจริงบนโฮสท์ในภายหลัง)

wordpress_05

wordpress_06เมื่อการดาวน์โหลดตัวติดตั้งสำเร็จ ชื่อไฟล์ wordpress-3.1.3.zip ก็ให้ทำการแตกไฟล์ออกมา จะได้โฟลเดอร์ชื่อ wordpress นำโฟลเดอร์นี้ไปวางในโฟลเดอร์ /UserName/Sites/wordpress สำหรับผู้ใช้แม็ค

หรือเอาไปวางใน /opt/lampp/htdocs/wordpress สำหรับผู้ใช้ลินุกซ์ และวางใน C:\Appserv\www\wordpress สำหรับผู้ใช้วินโดว์ (เทคนิคแตกต่างกันไปตามระบบปฏิบัติการนะครับ)

wordpress_07

จากนั้นต้องทำการกำหนดสิทธิให้โฟลเดอร์ wordpress สามารถอ่านและเขียนได้ทั้งเจ้าของโฟลเดอร์ กลุ่มผู้ใช้งานเครื่องและทุกๆ คน ถ้าไม่กำหนดสิทธิเช่นนี้จะไม่สามารถติดตั้งได้สำเร็จ และใช้งานได้ไม่เต็มประสิทธิภาพ สำหรับลินุกซ์ใช้สิทธิ root ทำการสั่ง chmod โฟลเดอร์นี้ให้เป็น 777 ส่วนวินโดว์แค่กำหนดให้เขียนทับได้สำหรับทุกคน ในส่วนผู้ใช้แม็คให้ทำตามขั้นตอนดังนี้

wordpress_08

wordpress_09วิธีการสำหรับเครื่องแม็ค ให้คลิกเมาส์ขวาที่โฟลเดอร์ wordpress เลือก Get info ด้านล่างของหน้าต่าง wordpress info จะมีรูปกุญแจล็อก ให้ปลดล็อกด้วยการใส่รหัสผ่านของเจ้าของเครื่อง คลิก OK เพื่อกำหนดให้เจ้าของไฟล์ (ตัวอย่างคือ krumontree) สามารถ Read & Write ได้ staff และ everyone ปกติจะเป็น Read only ต้องคลิกเข้าไปเปลี่ยนเป็น Read & Write ได้เช่นกัน จากนั้นจึงล็อกกุญแจอีกครั้งหนึ่ง เป็นอันเสร็จสิ้นการให้สิทธิจัดการไฟล์

การติดตั้ง wordpress นั้นง่ายดายกว่า CMS เจ้าอื่นๆ แค่แก้ไขไฟล์ config เพียง 3 บรรทัดเท่านั้นก็ติดตั้งได้แล้ว ขั้นตอนนี้เราจะทำการแก้ไขไฟล์ชื่อ wp-config-sample.php ในโฟลเดอร์ wordpress กันเลยดังภาพข้างล่าง (ซ้ายมือคือต้นฉบับ ขวามือที่แก้ไขแล้ว เฉพาะในกรอบสีแดง)

wordpress_10

จะใช้ Dreamweaver หรือ Text Editor ตัวใดตามถนัดเถอะครับ ดูในกรอบจะมีแค่ 3 บรรทัดที่ต้องแก้ไข

  • database_name_here  ให้แทนที่ด้วยชื่อฐานข้อมูลของเราในตัวอย่างคือ wordpress
  • username_here ให้ใส่ชื่อผู้มีสิทธิจัดการฐานข้อมูลนี้ ตัวอย่างคือนาย wordpress
  • password_here ใส่รหัสผ่านของผู้มีสิทธิใช้ฐานข้อมูล ตัวอย่างคือ wordpress!

ท่านสร้างฐานข้อมูลไว้ชื่ออะไรก็ใส่ให้ตรงตามที่ตั้งไว้นะครับ ผู้ใช้งานถ้าไม่มีการเปลี่ยนก็คือ root รหัสผ่านตามที่ท่านกำหนดไว้ จากนั้นทำการเซฟไฟล์ wp-config-sample.php เป็นชื่อใหม่คือ wp-config.php เป็นอันเสร็จสิ้น

wordpress_11

ต่อไปเราก็จะทำการติดตั้ง WordPress ผ่านหน้าเว็บไซต์ได้แล้ว เปิดบราวเซอร์เรียกไปที่เครื่องจำลองและตามด้วยโฟลเดอร์ wordpress คือ http://localhost/wordpress จะพบหน้าต่างติดตั้งดังภาพล่างนี้

wordpress_12

ใส่ชื่อเว็บไซต์สุดแสนเท่ห์ หรือเก๋ไก๋ตามใจชอบลงไป ระบุ Username ของผู้ดูแลระบบ ค่าปกติคือ admin ไม่ชอบใจจะเปลี่ยนเป็นอย่างอื่นก็ได้ แม้แต่ชื่อของเราเอง ถัดลงมาใส่รหัสผ่านของผู้ดูแล ทั้งสองช่องต้องเหมือนกันนะ ถ้ารหัสผ่านยาวตั้งแต่ 8 ตัวอักขระจะถือว่าดี ถ้ามีตัวอักษรตัวเล็กตัวใหญ่ด้วย หรือผสมเข้ากับตัวเลขจะยิ่งดีใหญ่ อย่างไรก็ตามโปรดจำให้ได้อย่าลืมเชียว สุดท้ายใส่อีเมล์ของเราลงไป แล้วคลิก Install WordPress ได้เลย

wordpress_13

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

wordpress_14

มีทางเลือก ถ้าเลือกมุมซ้ายบน Back to Wordpress Site ก็จะเจอหน้าเว็บของเรา อย่าพึ่งเลย... เข้าไปดูระบบจัดการเว็บกันก่อน ใส่ Username ตามที่ตั้งไว้ พร้อมรหัสผ่าน (อย่าลืมคลิกเลือกในช่อง Remember Me ด้วยนะ กันลืมรหัสผ่าน) แล้วคลิกปุ่ม Log In ได้เลย

wordpress_15

จัดการแก้ไขหน้าเว็บไซต์ได้เลย หรือจะเลือก Themes สวยๆ จัดแต่งให้งดงามตามใจ ส่วนหน้าตาเว็บไซต์ตามรูปแบบ Theme มาตรฐานก็เป็นดังภาพล่างนี้

wordpress_16

ไม่ใช่เรื่องยากแล้วพัฒนาต่อไปนะครับ ขอให้สำเร็จมีปัญหาติดขัดก็สอบถามกันได้นะ พอดีมีเว็บตัวอย่างที่ใช้ Wordpress มาแนะนำให้ไปเยี่ยมชมกันหน่อย

แก้ไขล่าสุด ใน วันพฤหัสบดีที่ 03 พฤษภาคม 2012 เวลา 12:18 น.
 

Comments  

 
0 #1 Andy in Sydney 2011-06-28 18:08
ครูมนตรีขา ขอบพระคุณมากสำห รับคำแนะนำนะคะ ง่ายมากเพราะครู บอกละเอียดทุกขั ้นตอน ไว้ทำเสร็จสวยงา มเมื่อไรจะแจ้งข ่าวไปให้เข้ามาเ ยี่ยมชมนะคะ ถ้าไปอุบลปีหน้า จะเลี้ยงส้มตำนะ เจ้าคะ

แอนดี้
Quote
 
 
0 #2 ผลบอล 2011-11-14 14:43
วิธีการละเอียด เข้าใจง่ายมากเล ยครับ ขอบคุณครับ
Quote
 
 
0 #3 ครูจี 2012-04-03 12:47
ขอบคุณมากครับ ละเอียด ชัดเจน และ ทำได้แน่นอน
Quote
 

Add comment

แสดงความคิดเห็นอย่างสร้างสรรค์


Security code
Refresh


Our Sponsor 1

245x100

Our Sponsor 2

245x100_isangate

Our Sponsor 3

245x100_isangate

Our Sponsor 4

245x100_2

Top of Page