Wednesday, March 13, 2013

Download Wordpress และเตรียม File Config

ก่อนใช้งาน wordpress เราต้องไปทำการดาวน์โหลด wordpress มาก่อน (ดาวน์โหลด Wordpress version ล่าสุด) หลังจากนั้นให้เรา Unzip files ที่ดาวน์โหลดมาเก็บไว้ใน folder ที่เครื่องคอมพิวเตอร์ของเราเอง (ผมแนะนำให้สร้าง files ใน drive C แยกต่างหาก) หลังจากนั้นเราจะเห็น Folder แรกชื่อ wordpress ในนั้นเราจะเห็น folder อีกสาม folder กับ files จำนวนหนึ่งซึ่งส่วนใหญ่เป็น file .php ครับ ยังไม่ต้องสนใจ file อื่นให้มองหา files "wp-config-sample.php" ให้ทำการเปิดมันขึ้นมาด้วยโปรแกรม text edit (ซึ่งส่วนใหญ่เค๊าก็ใช้ Notepad กันน่ะนะ) ให้มองหา code ข้างล่าง
/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');
/** MySQL database username */
define('DB_USER', 'username_here');
/** MySQL database password */
define('DB_PASSWORD', 'password_here');
/** MySQL hostname */
define('DB_HOST', 'localhost');
จากนั้นให้ทำการแก้ไขสี่รายการคือ ชื่อฐานข้อมูล, ชื่อผู้ใช้ฐานข้อมูล, รหัสผ่านของฐานข้อมูล ตรงบริเวณที่ผมทำการระบายสีเทาไว้ โดยนำข้อมลต่างๆเหล่านี้ซึ่งปกติเราจะได้มาจากผู้ให้บริการ host ที่เราเช่า หรือผู้บริการบางรายจะให้เราเข้าไปทำการกำหนดค่าใช้งานฐานข้อมูล (Database) เอง
ส่วน DB_HOST ส่วนใหญ่จะถูกกำหนดเป็น localhost อยู่แล้ว ถ้า localhost ใช้ไม่ได้ให้เราโทรไปถามที่ ผู้ให้บริการ Host เลยครับจะได้ไม่เสียเวลา แล้วก็นำมาแทนค่าตรง localhost ที่ผมระบายสีเทาไว้นั่นแหล่ะ
หลังจาก config ค่าต่างๆ ใน files "wp-config-sample.php" ให้เราทำการบันทึกเป็น save as เป็นชื่อใหม่คือ "wp-config.php" โดยบันทึกไว้ใน folder เดิมแล้วลบ files "wp-config-sample.php" ทิ้งครับ ถึงตอนนี้เราจะมี แค่ file wp-config.php ใน folder แล้วก็พร้อมเริ่มต้นติดตั้ง wordpress ใน sever ได้แล้วล่ะครับ

สร้างหน้า Home ใน Wordpress

ในความรู้สึกส่วนตัวของผมความแตกต่างที่เห็นชัดๆของ website และ web blog ก็คือการแสดงหน้าแรกของ web blog นี่แหล่ะ เพราะปกติการแสดงหน้าแรกของ web blog CMS จะดึงเอาบทความหลังสุดมาแสดงทำให้หน้า ซึ่งสองสามปีให้หลังมีการพัฒนาทั้ง blogspot และ wordpress เพื่อแก้ไขปัญหานี้ โดยเริ่มจากการให้ผู้ใช้ทำการสร้าง page ซึ่งแตกต่างจาก post โดย page นี้มีชื่อเรียกต่างๆ กัน เช่น Standalone page, static page เป็นต้น
Wordpress ได้พัฒนาเรื่องนี้เหมือนกัน และเราสามารถใช้งานได้ง่ายมาก

  • เริ่มจากเข้าไปทำสร้าง page ก่อนซึ่งเราต้องการสอง pages เพื่อใช้งานโดย page แรกเราจะนำมาทำเป็นหน้าแรกของ web blog เรา ซึ่งอาจจะตั้งชื่อเป็น Home หรือ About us เป็นต้น อีก page หนึ่งเราจะใช้เป็น link ไปยังหน้า post แรกของเรา ซึ่งอาจจะตั้งชื่อว่า New post, New update เป็นต้น
  • เข้าไปที่ Setting==> Reading ที่ Dashboard จะเห็นหน้าต่างดังรูปเพื่อให้เราปรับแต่ง ทำการคลิกที่ A Static Page แล้วคลิก Dropdown ของ Front page เพื่อเลือก page ที่เราสร้างไว้ในขั้นตอนแรก และคลิก Dropdown ของ Posts page เพื่อเลือก link ที่จะแสดง link คลิกไปยังหน้า post ของ web blog
  • คลิก Save Change.
จากนั้น CMS จะนำหน้า Home หรือ About Us ที่เรา Set ไว้ที่ Front page ไปแสดงหน้า web blog ทุกครั้งที่มีคนเยี่ยมชม web blog จนกว่าผู้ชมจะคลิก link New post หรือ New update ที่เรา Set ไว้ที่ Posts page ซึ่งทั้งสองจะถูกแสดงไว้ที่ Menu Bar อัตโนมัติ

ตั้งค่าฐานข้อมูล (Database) ใน host

ถ้าหากเราเช่า host เพื่อ upload เวปบล็อกของเรา โดยปกติผู้ให้บริการ host จะให้ user name และ password เรามาเพื่อเข้าใช้งาน Admin Control Panel ในนี้เองถ้าหากฐานข้อมูลเรายังไม่ได้ถูกสร้างหรือตั้งค่าเราก็สามารถทำได้โดย;- 
เข้าไปที่ MySQL Management ดังรูปข้างล่าง

จากนั้นก็เลือก Create My Database.

ให้เราทำการตั้งค่าต่างๆ ดังรูป ไม่ว่าจะเป็น Database Name, Database Username และ User Password ดังรูปข้างล่าง

จากนั้นให้เราคลิก Create เพื่สร้างฐานข้อมูล
เมื่อได้ค่าฐานข้อมูลเรียบร้อยแล้วให้เราไปทำการกำหนดค่า config ฐานข้อมูล ใน file "wp-config-sample.php".

เลือก Theme ที่จะใช้สำหรับเว็บบล็อก

นอกจากอะไรต่อมิอะไรมากมายที่ผมได้พูดถึงในบทความว่า ทำไมต้อง wordpress นอกนั้นยังไม่พอเนื่องจาก wordpress เป็น open source จึงมีคนเข้ามาปรับปรุงพัฒนากันเยอะแยะ รวมทั้ง Theme ดัวย
Theme หรือก็คือรูปร่างหน้าตาที่เวบบล็อกเราจะแสดงให้ผู้เข้าชมได้เห็น ซึ่งถ้าเปรียบก็เหมือนหน้ากาก โทรศัพท์นั่นแหล่ะ แต่มีบางอย่างที่ Theme ของ wordpress ต่างกับหน้ากากโทรศัพท์คือ Theme ของ Theme ของ wordpress เปลี่ยนได้ง่ายกว่า มีให้เลือกเยอะกว่า และฟรีด้วย ไม่ต้องนั่งรถไปซื้อถึงห้างสรรพสินค้า ไม่ต้องสั่งซื้อทาง internet (แค่ download) มาแล้ว upload ไปที่ .yoursite.com/wp-content/themes แค่นี้ theme ที่เลือกก็จะไปปรากฎที่ dashboard ของ wordpress ให้เราเลือกคลิกเพื่อเปลี่ยนได้อย่างง่ายๆ แล้ว


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

Credit to : http://smthemes.com

ทำไมต้อง Wordpress?

ทำไมต้อง Wordpress? คำตอบสำหรับผมคืออิสระคับเพราะ Wordpress เป็น open source (อ้าวแล้วทำไมบล็อกนี้จึงใช้ blogspot ล่ะ คำตอบคือผมมีตังจดโดเมนและเช่า host สำหรับ webblog เดียวครับ งบน้อยได้มาจาก google แค่สามพันเอง) นอกจากอิสระแล้ว Wordpress ยังสามารถหาข้อมูลเกี่ยวกับการแก้ไขปัญหาต่างๆได้มากตาม Internet เพราะ Wordpress เป็น CMS (content management system) ที่มีผู้ใช้งานเยอะมากและมีการแบ่งปันข้อมูลต่างๆตามโลก online เยอะมาก นอกจากนั้นแล้ว Wordpress ยังมีลูกเล่น (plug in) มากมายให้ใช้งาน (ฟรีๆ)

ข้อมูลสนับสนุน Wordpress.


  1. Support :    http://codex.wordpress.org
  2. Plugin : http://wordpress.org/extend/plugins
  3. Theme : http://codex.wordpress.org/Theme_Development
  4. Theme : http://smthemes.com

ปัญหาเริ่มต้นใช้งาน Wordpress

โพสต์แรกอย่างเป็นทางการของ tiptopblogs บล็อกซึ่งรวบรมประสบการณ์และปัญหาในการเขียน บล็อก
ความจริงแล้วผมเริ่มเขียนบล็อกได้สองสามปี แล้วล่ะแต่ไม่ได้จริงจังอะไร ประมาณว่าเป็นงานอดิเรก ไม่ได้ตั้งใจจริงจังหารายได้จากงาน online ซึ่งปัญจุบันมีคนไทยที่ประกอบอาชีพหลักทางนี้มากขึ้นเรื่องๆ (รวยๆ ก็เยอะ) แต่เรามันยังมีความรู้ไม่พอและ ยังตัดใจจากเงินเดือนที่เคยได้ประจำไม่ได้ซักที
ตอนเริ่มเขียนบล็อกใหม่ (จนถึงตอนนี้) ผมเลือกใช้ blogspot เพราะว่ายังไม่มีความรู้เรื่งเขียนบล็อก และการติดตั้งบล็อกบน host และไม่มีเงินเช่า host ด้วยฮุๆ แต่เมื่อสิ้นเดือนที่แล้ว google ส่งเช็คมาให้สามพัน บาทหลังจากที่โพสต์บทความทิ้งไว้ในบล็อกส่วนตัวมาปีกว่า เลยตัดสินใจอดขนมเอาเงินไปจดโดเมนเกี่ยวกับ Thai Product และเช่า host ดีกว่า และผมตัดสินใจเลือกใช้ wordpress ในการทำบล็อกใหม่ของผม
หลังจากดาวน์โหลดแล้วผมก็เริ่มติดตั้ง Wordpress บนพื้นที่ host ที่เช่าไว้ (วิธีติดตั้ง Wordpres) set up database เรียบร้อย ล็อกอิน ลงทะเบียน ลองโพสต์ บทความแรกปรากฏว่า หน้าเว็บแสดงข้อความว่าเว็บนี้กำลังทำการติดตั้ง แก้แล้วแก้อีก ก็ไม่หาย นึกว่าตัวเอง upload ไปผิด directory ก็ไม่ใช่ โทรหาเจ้าของ Host เพื่อให้แน่ใจว่าเราปฏิบัติถูกขั้นตอนในการ upload ก็ไม่มีอะไรผิด ก็เลยถามผู้ให้บริการ
ผม                    :  พี่ผมจะต้องแก้ปัญหายังไงครับ ผม upload Wordpress ไป  host แล้วมันไม่แสดงผลครับ มันขึ้นว่า Under Construction ครับ
ผู้ให้บริการ host :  น้อง upload ไปที่ directory public_hmtl ใช่ไหม๊
ผม                    :  ครับ
ผู้ให้บริการ host :  งั้นไม่น่าจะมีปัญหาอะไร น้องลอง upload file อะไรก็ได้ง่าย (รูปก็ได้) แล้วลองไปเปิดดูที่ browser ดูถ้าดูปัญหาน่าจะอยู่ที่ Wordpress น้องแล้วล่ะ
ผม                    :  ครับๆๆๆ งั้นผมลองดูก่อนนะพี่
แล้วผมก็ลอง upload รูปดูไปเปิดใน browser ก็เจอครับ อ้าวเวรละซิทำไงดีวะ ตู
เลยลองหาข้อมูลตามเวปต่างๆ ดูมีอยู่ข้อมูลนึงน่าสนใจครับ เค้าบอกว่า default ของ root directory ต้องตั้งเป็น index.php เพราะ Wordpress ใช้ php file เลยลองเช็คกับผู้ให้บริการใหม่
ผม                     : พี่ๆ default ของ sever เป็น file อะไรครับ
ผู้ให้บริการ host : index.html ครับ
ผม                     : ตั้งเป็น index.php ให้ผมได้ไหม๊ครับ
ผู้ให้บริการ host : อ๋อน้อง มันไม่เจอ index.html มันก็จะเรียก index.php มาเองแหล่ะ น้องไปดู Wordpress น้องอีกรอบนะ
ผม                     : ??? ครับๆ พี่??
วางสาย แล้วผมก็เลยนั่งดูอย่างละเอียดอีกรอบ ไอ้ยะ ใน root directory มันมี index.html ที่ทางผู้ให้บริการติดไว้ กับ index.php ที่ผม upload ไปใน Wordpress แล้วผมก็แก้ปัญหานี้แค่คลิกเดียวโดยการลบ index.html ออกจาก rootdirectory..
happy ending.........

Monday, March 11, 2013

Upload/Download บล็อกเราด้วย WS_FTP Pro

เนื่องจากเวปบล็อกเราใช้งาน hosting ที่เราเช่าเอง (ไม่ได้ใช้งานใน wordpress.com หรือ blogger.com ) ดังนั้นก่อนที่เราจะทำการจัดการกับบล็อก รวมถึงเนื้อหาของบล็อกเราจะต้องทำการ upload wordpress ที่เราทำการ download และเตรียม File config ไว้แล้วในคอมพิวเตอร์ส่วนตัว ในบล็อกนี้เราใช้ WS_FTP Pro ในการติดต่อระหว่าง server กับเครื่องคอมพิวเตอร์ของเรา (ดาวน์โหลดและติดตั้ง WS_FTP Pro) ซึ่งข้างล่างคือหน้าตา WS_FTP Pro ที่เราทำการติดตั้งเรียบร้อยพร้อมใช้งาน.

 รูปภาพอธิบายไว้ค่อนข้างชัดเจนว่าส่วนประกอบของไอ้เจ้า WS_FTP Pro นี้มีอะไรบ้าง ส่วนที่สำคัญที่ต้องตระหนักคือ directory ของทั้งฝั่ง client และ server เพราะถ้าเรามีบันทึก file ชื่อเดียวกันไว้คนละ folder และ folder ใกล้เคียงกันระวัง upload ผิดไว้ ถ้าร้ายแรงก็อาจจะทำให้เวบบล็อกเราแสดงหน้าเวบเพี้ยน หรือ script code ไม่ทำงาน