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

creat website

แนะนำ

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

ข้อดีของ WordPress

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

wordpress themes

ตัวอย่างเว็บไซต์ที่ทำจาก 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 เท่านั้น ซึ่งหลังทำเสร็จ มันก็จะออกมาเป็นเว็บไซต์หน้าตาแบบนี้

primer theme

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

1. เช่า Hosting

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

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

เช่า Hosting

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

hosting 277 baht choose domain

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

hosting 277 baht pay

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

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

hosting 277 baht login

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

hosting 277 baht directadmin

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

hosting 277 baht install wordpress 2

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

hosting 277 baht install wordpress 3 1

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

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

Optimized hosting 277 baht install wordpress 4

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

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

hosting 277 baht install wordpres login

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

hosting 277 baht install wordpres theme 1

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

wordpress theme 1

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

wordpress theme 2

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

wordpress theme 3

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

wordpress theme 4

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

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