ทำเว็บไซต์เองง่ายๆ ให้ได้ระบบเดียวกับจ้างทำ

แนะนำ

ปัจจุบันนี้เว็บไซต์ที่ดูทันสมัยๆหลายๆเว็บไซต์ คนทำเว็บจะใช้ระบบตัวนึงที่เรียกว่า WordPress มาเป็นระบบหลักคอยจัดการข้อมูลให้เว็บไซต์ ซึ่งระบบนี้สามารถช่วยประหยัดเวลา ประหยัดค่าใช้จ่ายให้คนทำเว็บได้มาก เนื่องจากไม่ต้องมาเขียนระบบใหม่เองทั้งหมด และดีกับลูกค้าด้วยเพราะว่ามันใช้ง่ายมาก ปล.มันเป็นคนละตัวกับ wordpress.com นะ ถึงจะเป็นชื่อเดียวกัน แต่ก็พัฒนามากจากที่เดียวกัน

ข้อดีของ WordPress

  • ใช้ระบบฟรี เป็น open source software
  • มีความปลอดภัยสูง
  • SEO ดี ติดกูเกิลง่าย
  • ระบบใช้งานง่าย เพิ่มหน้าเว็บ เพิ่มบทความได้แบบไม่ต้องมีความรู้ในการเขียนโปรแกรม
  • ด้วยความที่เป็นเว็บของตัวเอง ก็เพิ่มหน้า เพิ่มรูป ตกแต่งนู่นนี่ได้ไม่จำกัด
  • มีธีมฟรี สำหรับปรับแต่งหน้าตาเว็บไซต์ให้เลือกใช้เยอะมาก
  • พัฒนาต่อยอด เพิ่มระบบ ฟังก์ชั่นการใช้งานได้
  • มีคนใช้เยอะ ก็มีแหล่งข้อมูลให้เรียนรู้เยอะ ถ้ามีปัญหาก็สามารถเสริชหาคำตอบได้ไม่ยาก

ตัวอย่างเว็บไซต์ที่ทำจาก WordPress

  • webday.co : ผู้ให้บริการจัดทำเว็บไซต์
  • readthecloud.co : The cloud ข่าว นิตยาสารออนไลน์
  • chula.ac.th : จุฬาลงกรณ์มหาวิทยาลัย
  • tdri.or.th : สถาบันวิจัยเพื่อการพัฒนาประเทศไทย (ทีดีอาร์ไอ)
  • enconcept.com : ติวเตอร์ภาษาอังกฤษ Enconcept

จะเห็นว่ามีการใช้งานหลากหลายทั้งหน่วยงานรัฐและเอกชน

เหมือนแต่แตกต่าง

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

เริ่มทำเว็บไซต์เอง

สิ่งที่ต้องเตรียมสำหรับทำเว็บไซต์

  • พื้นที่โฮสติ้ง : เป็นที่เก็บข้อมูลเว็บไซต์ของเราแบบออนไลน์ ถ้าไม่มีโฮสติ้งเราจะเก็บไฟล์เว็บไซต์ไว้ที่คอมพิวเตอร์ของเราก็ได้ แต่จะไม่มีใครเห็นเว็บของเรา นอกจากตัวเราเอง สำหรับการทดลองทำเว็บแรก เราสามารถหาโฮสติ้งฟรีใช้ก่อนก็ได้ โดยเฉพาะถ้าเป็นนักศึกษามีผู้ให้บริการหลายเจ้าที่มีโฮสให้ใช้ฟรี (PAT HOSTING มีโฮสสำหรับเรียน ผู้เขียนก็เคยได้ลองใช้งานฟรีสมัยเป็นนศ.)
  • โดเมน : ชื่อเว็บ เช่น name.com ให้คนเข้าเว็บของเราได้ง่ายๆ ถ้าเปรียบกับการนั่งแท็กซี่ไปห้างสรรพสินค้า ถ้าเราบอกคนขับว่าไป สยามพารากอน จะง่ายกว่าการบอกว่าไปที่ 991 ถนนพระราม 1 แขวงปทุมวัน เขตปทุมวัน กทม 10330 ซึ่งโดเมนนี่มีทั้งแบบฟรีและเสียเงิน แบบฟรีมันก็จะมีข้อเสียและเสี่ยงโดนยึดคืนไปได้ดื้อๆ
  • ไฟล์ติดตั้ง WordPress : เป็นไฟล์ติดตั้งตัวระบบ WordPress

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

เพื่อให้ง่ายที่สุด ในการติดตั้งเว็บไซต์ เราจะมีต้นทุนในการทำเว็บครั้งนี้ 250 บาท เพื่อนำไปเช่าโฮสติ้งเล็กๆอันนึงมาใช้ เอาล่ะ มาเริ่มกันเลย

1. เช่า Hosting

สำหรับเว็บแรกเราจะเช่าโฮสติ้งของ Hostsevenplus เพราะว่าราคาถูกแล้วก็มีการ Support ดีระดับนึงเพียงพอกับการใช้ทดลองทำเว็บแรกของเรา แล้วก็ถ้าอยากใช้เป็นเว็บไซต์ของเราจริงจัง ก็แค่จ่ายเงินอัพเกรดแพ็กเกจขึ้นมา

1.1 ไปที่ หน้าเว็บ https://www.hostsevenplus.com แล้วเลือกแพ็กเกจ 277 บาท

เช่า Hosting

1.2 เจอกับหน้าที่ให้เลือกโดเมน ถ้าเราอยากจดโดเมนไปเลย ก็เลือกหัวข้อ “จดทะเบียนโดเมนใหม่กับเรา” แล้วกรอกโดเมนที่ต้องการได้เลย ถ้าไม่อยากจดโดเมนเสียเงินก็ให้เราไปหาโดเมนฟรีมาใช้ไปก่อนได้ – หลังจากกรอกข้อมูลเสร็จเรียบร้อยก็คลิกปุ่ม Continue สีส้ม

1.3 ทำตามขั้นตอนของเว็บไซต์ไปเรื่อยๆ ในหน้าตรวจสอบชำระเงิน จะมีช่องให้กรอกคูปองส่วนลด ให้กรอก 10PERCENT ค่าบริการจะลดเหลือ 249.3 บาท แล้วทำการชำระเงินและแจ้งชำระเงินให้เรียบร้อย

2. เข้าระบบจัดการ Hosting และติดตั้ง WordPress

2.1 หลังทำการชำระเงินเรียบร้อย หลังจากนั้นทาง Hostsevenplus จะส่งข้อมูลการเข้าใช้งานโฮสติ้งมาที่อีเมลที่เราได้กรอกไว้ ข้อมูลที่จำเป็นในการเข้าไปจัดการโฮสติ้งคือ หัวข้อ Direct Admin Control Panel ให้เราคลิกไปที่ลิงก์ที่ได้มา เช่น http://103.58.148.196:2222/ แล้วล็อกอินด้วยรหัสผ่านที่แจ้งมาในอีเมลให้เรียบร้อย

2.2 หลังจากล็อกอินแล้ว พบกับหน้า Direct Admin เลื่อนลงมาด้านล่างสุดแล้วคลิกตามกรอบสีแดงได้เลย

2.3 กรอกข้อมูลตามรูปภาพด้านล่างนี้ โดยข้อ 2.จะเป็นชื่อเว็บของเราเอง

2.4 ติดตั้งเสร็จแล้ว เย้ หน้านี้จะโชว์ลิงก์ 2 ลิงก์ขึ้นมาตามภาพ

3. ลองเข้าเว็บไซต์

ให้เราเข้าเว็บไซต์ตามลิงก์ข้างบน ก็จะพบกับหน้าเว็บแรกของเราแบบนี้เลย เย้

4. ปรับแต่งเว็บไซต์

4.1 เราจะเข้าไปแก้ข้อมูลเว็บไซต์ที่ระบบหลังบ้าน วิธีเข้าก็คือ http://เว็บของเรา.com/wp-admin

4.2 เมื่อล็อกอินเรียบร้อย จะเจอหน้า Dashboard เราจะไปแต่งหน้าเว็บไซต์กัน ให้เลือกที่ “ธีม” ตามภาพประกอบ

4.3 คลิก “ธีมใหม่”

4.4 ก็จะเจอธีมให้เลือกมากมาย ให้เราเลือกธีมที่ชอบได้เลย แต่ถ้าต้องการธีมที่หน้าตาเหมือนตอนต้นบทความ ให้ค้นหาธีมที่ชื่อว่า “Primer”  แล้วกดติดตั้ง+ใช้งานได้เลย (ถ้าใครยังรู้สึกว่าธีมฟรีสวยไม่พอ ก็จะสามารถหาซื้อธีมพรีเมียมมาติดตั้งเองได้ โดยค่าธีมพรีเมียมจะอยู่ที่ประมาณ 2000 บาท)

4.5 ลองเข้าหน้าเว็บดูอีกที ก็จะเห็นว่าหน้าเว็บเปลี่ยนไปตามธีมที่เราเลือกแล้ว

4.6 เราจะเห็นว่าหน้าตาเว็บไม่ได้เหมือนตัวอย่างตอนต้นเว็บเลยซะทีเดียว เหมือนเฉพาะเค้าโครง นั่นเพราะเราต้องไปปรับแต่ง และเพิ่มเนื้อหากันเพิ่มเติม ซึ่งเราเข้าไปแต่งเพิ่มได้ที่เมนู “ปรับแต่ง” ตามภาพประกอบด้านล่างเลย

สำหรับบทความนี้ก็ต้องขอจบเพียงแค่นี้ เพราะมาถึงขั้นนี้ ด้วยความที่ระบบใช้งานไม่ยาก เราก็สามารถลองผิดลองถูก ปรับแต่งนู่นนี่กันได้เองแล้ว ถ้าหากติดขัดตรงไหนสามารถค้นหาได้ใน Google จะมีวิธีสอนไว้มากมายเลย

สุดท้ายขอฝากบริการ รับทำเว็บไซต์ราคาถูก จาก Webday ที่รับทำเว็บไซต์ราคาเริ่มต้นเพียง 3,850 บาท หรือถ้าใครรู้สึกว่าติดตั้งเองตามบทความนี้ยากไป เราก็มีบริการ “ติดตั้งระบบ WordPress พร้อมธีมพรีเมียมฟรี 1 ธีม” สามารถดูรายละเอียดเพิ่มเติมได้ที่ บริการอื่นๆของ Webday คลิก