บทเรียนนี้ สำหรับคนที่มีเวลา มีความสนใจอยากทำเว็บไซต์เอง บทเรียนนี้พยายามสอนอย่างละเอียด ตั้งแต่เริ่มต้น สั่งซื้อโฮสต์ ไปจนถึง WordPress พร้อมใช้ คุณทำตามขั้นตอนอย่าง ช้าๆ อย่าข้ามขั้นตอน ถ้าขาดจุดใดจุดหนึ่ง ภารกิจอาจไม่สำเร็จ
สอนทำเว็บไซต์ด้วย WordPress (บทที่ 1)
การสั่งซื้อโฮสต์ จดโดเมนเนม ลงโปรแกรม WordPress
ขั้นตอนที่ 1 จดโดเมนเนม สั่งซื้อโฮสต์
การทำเว็บไซต์ควรมีโดเมน ก่อนการจดโดเมนเนมควร คิดชื่อที่เหมาะสม ไม่ยาวเกินไป หรืออาจจะจดเป็นชื่อแบรนด์สินค้า หรือ คีย์เวิร์ดที่บริการ เมื่อคิดชื่อโดเมนเนมได้แล้ว สามารถสั่งซื้อโฮสต์ พร้อมและจดโดเมนเนม ส่วนจะเลือกแพคเกจไหน นั้นขึ้นอยู่กับข้อมูลของคุณ สำหรับมือใหม่หัดทำ แนะนำให้เลือกแพคเกจกลางๆ ตัดปัญหาข้อจำกัดบางอย่าง หรือก็แล้วแต่งบประมาณ แพคเกจโฮสต์ของ WebsiteGang ออกแบบมาแบบพรีเมียมอยู่แล้วลิ้งค์สำหรับสั่งจองแพคเกจโฮสต์ และโดเมนเนม https://www.websitegang.com/share-hosting/ ตกลงแพคเกจไหนก็ดำเนินการ >>>คลิกจอง<<<
เราสร้างปุ่มจองโฮสต์แต่ละแพคเกจไว้ที่นี่แล้ว
- จอง Hosting 10 GB คลิกจอง
- จอง Hosting 20 GB คลิกจอง
- จอง Hosting 30 GB คลิกจอง
- จอง Hosting 50 GB คลิกจอง
– เมื่อคลิกแล้วจะไปยังหน้าสั่งจอง เริ่มต้นด้วยการใส่ชื่อโดเมนเนมที่ต้องการจดทะเบียน
– ถ้าโดเมนเนมว่าง ระบบจะแจ้งสีเขียวแสดงความยินดี สามารถดำเนินการต่อได้เลย (แต่ถ้าโดเมนเนมไม่ว่าง ควรคิดชื่อใหม่) คลิก >>>ดำเนินการ<<<
– จะไปยังหน้าตรวจสอบข้อมูลสินค้า ว่าตรงกับความต้องการหรือไม่ แล้วคลิก >>>ดำเนินการต่อ<<<
เลือกรูปแบบการสั่งซื้อ
- แบบโอนผ่านธนาคาร ระบบจะแจ้งบัญชีการโอนต่างๆ ทางอีเมล์
- แบบ Mail in ก็ไม่ต่างจากการโอน เพราะระบบจะแจ้งข้อมูลธนาคารทางอีเมล์
- PayPal คุณสามสามารถชำระด้วย บัตรแครดิต หรือบัตรเดบิต ด้วยระบบ Papal ซึ่งมีความน่าเชื่อถือสูงสุด และไม่มีค่าธรรมเนียมเพิ่มเติม
เมื่อกรอกเรียบร้อยแล้วคลิก >> ดำเนินการสั่งซื้อ<<
– เมื่อคลิก >>>ดำเนินการสั่งซื้อ<<< แล้ว ระบบจะออกใบเรียกเก็บ พร้อมข้อมูลการชำระเงิน ให้ท่านชำระเงินตามที่ท่านถนัด ในขณะเดียวกัน ท่านจะได้รับอีเมล์รายละเอียดการชำระเงินทางอีเมล์ที่ท่านกรอกไว้ด้วย พร้อมคิวอาร์โค๊ตสำหรับท่านที่ถนัดการชำระเงินด้วยการสแกนคิวอาร์โค๊ต
เมื่อท่านได้ทำการชำระเงินเรียบร้อยแล้ว และ แจ้งชำระเงินตามรายละเอียด เจ้าหน้าที่จะทำการส่งข้อมูลระบบให้ท่านทางอีเมล์ หลังจากนั้น ภายใน 15 นาที (วัน-เวลาทำการ) ท่านก็สามารถใช้ข้อมูลระบบ และ จัดการนลง WordPress ได้
ขั้นตอนที่ 2 เข้าระบบ Direct Admin ผ่านทาง User Account
User Account มีประโยชน์มาก นอกจากคุณสามารถจัดการโดเมนเนม แล้ว คุณยังสามารถเข้าระบบ DirectAdmin หรือ control panel อื่นๆ ที่คุณสั่งซื้อ ได้ด้วยตัวคุณเอง ด้วยวิธีง่ายๆ ตามลิ้งค์ https://www.websitegang.asia/ กรอกที่อยู่อีเมล์ และรหัสผ่านที่ตั้งไว้ หรือ ล็อกอินด้วย Facebook หรือ Google
เข้า DirectAdmin ผ่านทาง user account เมื่อล็อกอินเข้าระบบได้แล้วจะเข้าไปยังหน้าแรกของระบบจัดการของผู้ใช้ คลิก >>ที่สินค้าและบริการ<<
เมื่อคลิกแล้วจะเป็นหน้าลิสต์รายการสินค้า ตามลูกศรด้านล่าง คลิกที่ >> ชื่อสินค้าของคุณ<<
เมื่อคลิกที่ >> ชื่อสินค้าของคุณ << จะเห็นข้อมูลโฮสต์ที่สั่งซื้อ เลื่อนลงมาด้านล่างสุดจะมองเห็นปุ่มสำหรับคลิก Login to DirectAdmin
เมื่อคลิกปุ่ม >> Login to DirectAdmin<< จะมองเห็นห้องควบคุมระบบ DirectAdmin หน้าตาแบบนี้
ขั้นตอนที่ 3 สร้างฐานข้อมูล Mysql
สร้างฐานข้อมูล Mysql เพื่อเตรียมลง WordPress โดยคลิกที่ >>MySQL Management<<
เมื่อคลิก >>MySQL Management<< จะไปที่ห้องสร้าง Database คลิก >>Create new Database<<
เมื่อคลิก >>Create new Database<< แล้วจะไปหน้า สร้าง Database ประกอบด้วย Database name, Database user name, Database Password ** สำคัญที่สุด เมื่อสร้าง Database แล้วควรจำค่าเหล่านี้ไว้ เพื่อการลงโปรแกรม WordPress และ การตั้งค่า ในขั้นตอนต่อไป 1 กรอกชื่อ Database 2 กรอก Database Username 3 ใสพาสเวิร์ตที่แข็งแรง หรือคลิก Random เพื่อให้ระบบสร้างพาสเวิร์ดให้ แล้วคลิก Create ดูตัวอย่างภาพถัดไป
หน้าตา Database ที่ Create ถูกต้อง จะขึ้นลักษณะนี้ ให้จำค่าที่สร้างไว้ สำหรับขั้นตอนต่อไป (ในภาพเป็นเพียงตัวอย่าง ทุก Database จะมีชื่อ พาสเวิร์ด ไม่เหมือนกัน)
ขั้นตอนที่ 4 ดาวน์โหลด WordPress
ลงมาไว้ในเครื่อง ดาวน์โหลด WordPress ไปที่เว็บไซต์ของ WordPress https://wordpress.org/ คลิก ดาวน์โหลด หรือ คลิกทีนี่ เพื่อดาวน์โหลด โดยตรง ควรเก็บ WordPress ไว้ใน folder ต่างหาก เพราะเมื่อทำการแตก file แล้ว จะได้จัดการง่ายขึ้น
เมื่อดาวน์โหลดเสร็จเรียบร้อยทำการแตกไฟล์ โดยคลิกขวาที่ไฟล์ที่ดาวน์โหลด แล้วคลิก Extract Here
ขั้นตอนที่ 5 สร้างไฟล์ config
สร้างไฟล์ config เพื่อเชื่อมโยงโปรแกรม กับ Database ส่วนนี้สำคัญมาก เพราะหากตั้งค่าผิดพลาด จะไม่สามารถลงโปรแกรมได้ – เปิดโฟล์เดอร์ ที่เก็บ WordPress คลิกขวาเปิดไฟล์ชื่อ wp-config-sample.php ด้วยโปแกรม notepad เหมือนภาพตัวอย่าง
– เมื่อเปิดแล้วให้ ตั้งค่า 3 จุด 1.Database name – 2.Database user name – 3. Database password จะต้องเป็นค่าเดียวกับ ค่า Database ที่ตั้งไว้ใน Direct Admin ภาพเปรียบเทียบด้านล่าง (ภาพด้านล่างเป็นเพียงตัวอย่าง : ค่าจริงต้องเป็นค่าที่คุณตั้งไว้ในตอนสร้าง Database) วิธีการใส่ ค่าต่างๆ ให้ใส่ในช่อง ระหว่างเครื่องหมาย ‘……………’ เท่านั้น ห้ามแก้ไขส่วนอื่น
– เมื่อตั้งค่าเสร็จเรียบร้อยแล้ว ให้บันทึกเป็น ไฟล์ใหม่ชื่อ config.php เก็บไว้ที่เดียวกับ ไฟล์รวมของ WordPress ดังนั้น file จะเพิ่มขึ้นอีก 1 ไฟล์ เป็น 17 ไฟล์ 3 โฟลเดอร์
ขั้นตอนที่ 6 อับโหลด WordPress ขึ้น เซิร์ฟเวอร์ ด้วยโปรแกรม Filezilla
อับโหลด WordPress ขึ้น เซิร์ฟเวอร์ ด้วยโปรแกรม Filezilla ถ้าไม่มีคุณสามารถดาวน์โหลด ได้ฟรี ในเว็บไซต์ของ Filezilla เปิดโปแกรม Filezilla โปรแกรม สำหรับเชื่อมต่อระหว่างคอมพิวเตอร์ของคุณ กับ เครื่องเซิร์ฟเวอร์ ถ้าไม่มีดาวน์โหลดและติดตั้งก่อน ตามลิ้งค์ https://filezilla-project.org/ ตรงนี้จะไม่แนะนำวิธีการติดตั้ง Filezilla (ให้ไปศึกษาวิธีการจากกูเกิลเอง)เปิดโปรแกรม Filezilla ขึ้นมา หน้าตาจะเป็นลักษณะนี้ ช่องฝั่งซ้าย จะเป็นส่งเครื่่องคอมพิวเตอร์ของคุณ ส่วนฝั่งขวามือจะเป็นฝั่งของเซิร์ฟเวอร์ ต่อจากนี้ คุณต้องการเชื่อมต่อระหว่าง เครื่องคอมพิวเตอร์ของคุณกับเซิร์ฟเวอร์ เพื่อทำการอับโหลดข้อมูล WordPress
เชื่อมต่อระหว่างคอมพิวเตอร์ กับ เซิร์ฟเวอร์ ด้วยโปรแกรม Filezilla ผ่าน Ftp แอคเคาท์ ที่ได้รับจากทีมงาน Websitegang เช็คอีเมล์ ที่ได้ลงทะเบียนไว้ ตัวอย่างอีเมล์ ที่ได้รับจากทีมงาน ตรวจสอบในส่วนของข้อมูล FTP
เปิดโปรแกรม Filezilla ขึ้นมา
มี 3 จุด สำคัญ ที่ต้องตั้งค่าใน FileZilla เพื่อเชื่อมต่อ – FTP Server : ftp.domain.com – Login : ftp user name – Password : ftp passwordใส่ให้ตรงกับ ค่าที่ได้รับ คลิก connect ถ้าระบบเชื่อมต่อได้ จะมองเห็น ข้อมูลทางฝั่งเซิร์ฟเวอร์ ดังภาพ เมื่อกรอกครบเรียบร้อยแล้วคลิกปุ่ม >>>connect<<< ด้านล่าง
ถ้าเชื่อมต่อได้จะมองเห็นดังภาพ
ทำการอับโหลด WordPress เข้าไปยัง folder ชื่อ public_html ดับเบิ้ลคลิกเพื่อเปิดโฟลเดอร์ชื่อ public_html >>> เลือก file และ folder จาก WordPress ด้านซ้ายทั้งหมด รวมถึง file ที่ตั้งใหม่ ชื่อ config.php ด้วยการเลือกทั้งหมดก่อน คลิกขวาอับโหลด หรือใช้วิธีลาก file และ folder ทั้งหมด มายังฝั่งขวา ซึ่งเป็นฝั่งเซิร์ฟเวอร์ แนะนำห้ามปิดโปรแกรมระหว่างการอัพโหลด ข้อควรระวัง ต้องอับโหลดให้ครบ การใช้อินเทอร์เน็ตสปีดต่ำ อาจมีผลต่อการอับโหลด
ขั้นตอนที่ 7 การติดตั้ง WordPress
การติดตั้ง WordPress ตั้งค่าเว็บไซต์ user name สำหรับแอดมิน Website Title, user name, password, Install
– หมดหน้าที่ของการทำงานโปรแกรม Filezilla
– ให้เปิด Browser ตัวใดตัวหนึ่งขึ้นมา
– ใส่ชื่อโดเมนเนมที่ช่อง Browser
เมื่อใส่ถูกต้อง WordPress จะเข้าสู่การติดตั้ง
>> เลือกภาษาไทย หรือภาษาอังกฤษ ตามถนัด >> คลิก ถัดไป
เข้าสู่กระบวนการติดตั้ง และตั้งค่า
– ใส่ชื่อเว็บไซต์ มีผลต่อการค้นหา
– ชื่อผู้ใช้ สำหรับล็อกอินเข้าครั้งต่อไป
– รหัสผ่าน ควรเป็นรหัสที่คาดเดายาก เพราะมีผลต่อความปลอดภัย
– อีเมล์ควรเป็นอีเมล์ที่ใช้งานบ่อยๆ เพราะมีความจำเป็นสำหรับการใช้งานเว็บไซต์
– ถ้าคุณต้องการให้มีการค้นพบข้อมูล ไม่ต้องเลือกค่า ปิดกั้นโปรแกรม
การติดตั้งสำเร็จ คลิก >> เข้าสู่ระบบ<<
หน้าตา เว็บไซต์ WordPress ที่พึ่งลงเสร็จใหม่ๆ ซึ่งจะต้องการมีการปรับแต่ง หน้าตา เมนู และ ระบบต่างๆ ให้ใช้งานได้ตามความต้องการ
Login เข้าใช้งาน WordPress – ใส่ URL : yourdomainname.com/wp-login.php
– user name: ที่ตั้งไว้
– password: ที่ตั้งไว้
คลิก >>>เข้าสู่ระบบ<<<
เมื่อล็อกอินเข้าได้แล้ว หน้าตาภายในระบบจัดการจะเป็นเหมือภาพ
ผู้อ่านต้องการให้แนะนำเกี่ยวกับอะไร สามารถแสดงความคิดเห็นมาได้