สามวิธีง่ายๆ ในการสร้างเว็บไซต์: คู่มือเริ่มต้นทีละขั้นตอน

บทความที่เขียนโดย:
  • คู่มือการโฮสต์
  • อัปเดตแล้ว: พฤษภาคม 10, 2019

การสร้างเว็บไซต์ในปี 2019 นั้นง่ายมาก

คุณไม่จำเป็นต้องมีความรู้ด้านเทคนิคหรือโปรแกรมเมอร์

การทำตามวิธีที่ถูกต้อง เลือกแพลตฟอร์มที่เหมาะสม ใช้เครื่องมือที่เหมาะสม คุณจะทำมันได้สำเร็จ 100%

ฉันไม่มีความรู้ในการพัฒนาเว็บเมื่อฉันเริ่มต้นธุรกิจออนไลน์ครั้งแรกในปี 2004 ฉันไม่ได้จ้างนักพัฒนาเว็บไซต์จนกระทั่ง XNUMX ปีต่อมา และฉันก็ยังโอเค

วันนี้เรามีเครื่องมือในการพัฒนาที่เป็นนวัตกรรมและแพลตฟอร์มการเผยแพร่เว็บที่ดีกว่า

สามวิธีง่ายๆ ในการสร้างเว็บไซต์:

ลิงค์ด่วน:

  1. สร้างตั้งแต่เริ่มต้น
  2. การใช้ระบบจัดการเนื้อหา (CMS)
  3. การใช้เครื่องมือสร้างเว็บไซต์

คุณจะมีความยืดหยุ่นมากขึ้นในการออกแบบและฟังก์ชั่นเว็บไซต์ด้วยวิธีที่ 1 แต่จำเป็นต้องมีความรู้เกี่ยวกับภาษาเว็บที่ดี

กระบวนการสร้างและจัดการเว็บไซต์นั้นง่ายมากยิ่งขึ้นด้วยวิธีที่ 2 และ 3 คุณควรเลือกหนึ่งในวิธีการเหล่านี้ตามความสามารถของคุณ

เราจะมาดูแต่ละวิธีในสามวิธีนี้ในลำดับถัดไป

แต่ก่อนที่คุณจะเริ่ม…

ก่อนที่เราจะเริ่มต้นกัน เราต้องการสองสิ่งสำหรับเว็บไซต์ของคุณ: 1-ชื่อโดเมนและ 2- เว็บโฮสติ้ง

1- ลงทะเบียนโดเมน

โดเมน คือชื่อเว็บไซต์ของคุณ มันจะต้องไม่ซ้ำใครและถ่ายทอดแบรนด์ของธุรกิจของคุณได้

วิธีที่ง่ายที่สุดในการค้นหาและลงทะเบียนโดเมนคือ ติดต่อผู้รับจดทะเบียนโดเมน

ผู้รับจดทะเบียนโดเมนจะให้คุณลงทะเบียนชื่อโดเมนของคุณผ่านสัญญารายปีหรือสัญญาระยะยาว

ค้นหาและจดทะเบียนชื่อโดเมนของคุณที่ NameCheap
ค้นหาและจดทะเบียนชื่อโดเมนที่ Name Cheap .

นี่คือผู้รับจดทะเบียนโดเมนที่น่าเชื่อถือและควรจะพิจารณา

ผู้รับจดทะเบียน ราคาเริ่มต้น
.com .net
123 Reg£ 11.99£ 11 .99
Domain.com$ 9.99 / ปี$ 10.99 / ปี
GANDI€ 12.54 / ปี€ 16.50 / ปี
GoDaddy$ 12.17 / ปี$ 12.17 / ปี
Name Cheap $ 10.69 / ปี$ 12.88 / ปี
Network Solutions$ 34.99 / ปี$ 32.99 / ปี

อ่านเพิ่มเติม - Domain name for dummies..

2- ซื้อเว็บโฮสติ้ง

A เว็บโฮสต์ เป็นคอมพิวเตอร์ขนาดใหญ่ (aka, เซิร์ฟเวอร์) ที่จัดเก็บเว็บไซต์ของคุณ บริษัทยักษ์ใหญ่บางแห่ง เช่น Amazon IBM และ FB เป็นเจ้าของและจัดการเว็บเซิร์ฟเวอร์ ธุรกิจอื่นๆ เพียงแค่เช่าเซิร์ฟเวอร์จากผู้ให้บริการโฮสต์ (ซึ่งมีราคาถูกกว่าและง่ายกว่ามาก)

หมายเหตุ: ข้ามขั้นตอนนี้หากคุณเลือกตัวสร้างเว็บไซต์เพื่อสร้างเว็บไซต์ของคุณ (ดูขั้นตอนที่ 3)).

เว็บโฮสติ้ง

ลองดูบริการโฮสติ้งที่เป็นมิตรกับมือใหม่

เว็บโฮสต์การลงทะเบียนหมายเหตุ
A2 Hosting$ 4.90 / เดือนรวดเร็ว เป็นมิตรกับมือใหม่
BlueHost$ 3.95 / เดือนราคาลงทะเบียนถูก เป็นมิตรกับมือใหม่
Hostgator Cloud$ 8.95 / เดือนราคาสมเหตุสมผล เซิร์ฟเวอร์ที่น่าเชื่อถือ
HostPapa$ 3.36 / เดือนเป็นมิตรกับสิ่งแวดล้อม พร้อมส่วนลดพิเศษ
InMotion Hosting$ 3.49 / เดือนราคาลงทะเบียนถูก เซิร์ฟเวอร์ที่น่าเชื่อถือ
SiteGround$ 5.95 / เดือนสนับสนุนการแชทสดอันดับ 1 ของอุตสาหกรรมโฮสต์เว็บที่มั่นคง

จนถึงวันนี้เราได้ลงทะเบียน ทดสอบ และตรวจสอบบริษัทโฮสติ้งกว่า 60 แห่ง ดู ตัวเลือกโฮสติ้ง 10 อันดับแรกของเรา or รายการความคิดเห็นโฮสติ้งทั้งหมด .

อ่านเพิ่มเติม - การสร้างเว็บไซต์มีค่าใช้จ่ายเท่าไหร่.


การเปิดเผยข้อมูล FTC

WHSR ได้รับค่าธรรมเนียมการอ้างอิงจากบางบริษัทที่กล่าวถึงในบทความนี้ โดยมีความพยายามและการใช้เงินในการสร้างเนื้อหาที่มีประโยชน์ - ซึ่งทางเราขอขอบคุณในการสนับสนุนของคุณเป็นอย่างมาก


เมื่อคุณมีชื่อโดเมนและเว็บโฮสติ้งแล้วก็ถึงเวลาม้วนแขนเสื้อแล้วเริ่มสร้าง!

วิธีที่ 1: การสร้างเว็บไซต์ตั้งแต่เริ่มต้น

ทักษะและเครื่องมือที่จำเป็น

คุณสามารถสร้างเว็บไซต์ที่ไม่เหมือนใครและโดดเด่นได้ด้วยตัวเอง หากคุณรู้ภาษาเว็บหลักและพื้นฐานของเว็บไซต์

มิฉะนั้นแนะนำให้คุณข้ามไปที่วิธีที่ 2 หรือ 3 หรือติดต่อกับนักพัฒนาเว็บ

ภาษา / เครื่องมือพื้นฐานเกี่ยวกับเว็บที่คุณควรรู้:

  • • HTML (Hyper Text Markup Language)
    HTML เป็นโครงสร้างพื้นฐานของหน้าเว็บและเว็บแอปพลิเคชัน ซึ่งทำให้เนื้อหามีความหมายต่อเว็บเบราว์เซอร์ มันประกอบด้วย แท็กตามลำดับที่มีการเปิดปิด และโครงสร้างคำหลักที่ล้อมรอบด้วยวงเล็บมุม ตัวอย่าง:
  • CSS (Cascading Style Sheets)
    CSS เป็นภาษาที่ใช้ในการตกแต่งมาร์กอัป HTML ของหน้าเว็บ หากไม่มี CSS หน้าเว็บจะไม่มีอะไรนอกจากหน้าขาวขนาดใหญ่ที่มีข้อความและรูปภาพที่ไม่มีการเรียงลำดับ CSS เป็นสิ่งที่ทำให้หน้าเว็บเป็นไปตามที่เราต้องการ
  • ภาษาสคริปต์
    HTML และ CSS นั้นไม่มีอะไรหากไม่มีภาษาสคริปต์ เพราะมันไม่ได้เป็นแบบโต้ตอบ ในการสร้างหน้าเว็บแบบไดนามิกนี้มันจะตอบสนองต่อผู้ใช้ คุณต้องรู้ภาษาต่างๆ เช่น JavaScript และ jQuery ภาษาฝั่งเซิร์ฟเวอร์ เช่น PHP, Python และ Ruby อาจจำเป็นเมื่อเวลาผ่านไป
  • การจัดการฐานข้อมูล
    ในการจัดเก็บ จัดการและเข้าถึงข้อมูลที่ผู้ใช้ป้อนเข้าสู่เว็บไซต์จะมีการพิจารณาตารางข้อมูลจำนวนมากซึ่งเรียกว่าฐานข้อมูล ระบบการจัดการฐานข้อมูล เช่น MySQL MongoDB และ PostgreSQL ใช้ในฝั่งเซิร์ฟเวอร์เพื่อให้ทำงานนี้ได้อย่างมีประสิทธิภาพ
  • FTP (File Transfer Protocol)
    FTP ใช้เพื่อถ่ายโอนไฟล์ต้นฉบับของเว็บไซต์ไปยังเซิร์ฟเวอร์ที่โฮสต์ได้ง่ายขึ้น มีไคลแอนต์ FTP บนเว็บรวมถึงซอฟต์แวร์คอมพิวเตอร์ที่สามารถใช้ในการอัพโหลดไฟล์หนึ่งไฟล์ไปยังคอมพิวเตอร์เซิร์ฟเวอร์

กระบวนการสร้างเว็บไซต์แบบทีละขั้นตอนโดยใช้ IDE

นี่คือภาพรวมของกระบวนการที่คุณสามารถสร้างเว็บไซต์ใหม่ขึ้นได้ โดยสมมติว่า คุณรู้ภาษาเว็บพื้นฐานและข้อมูลสำคัญเกี่ยวกับเว็บไซต์ที่กล่าวถึงข้างต้น

ขั้นตอนที่ 1: ตั้งค่าสภาพแวดล้อมการทำงานในท้องถิ่น

ทำเว็บไซต์ด้วยข้อความย่อย
ภาพแคปหน้าจอของสภาพแวดล้อมการทำงานของ Subline Text

ในการสร้างและจัดระเบียบไฟล์ต้นฉบับของเว็บไซต์ สภาพแวดล้อมการทำงานในท้องถิ่นที่ดีเป็นสิ่งสำคัญ คุณสามารถสร้างสภาพแวดล้อมการพัฒนาเว็บบนอุปกรณ์คอมพิวเตอร์ของคุณโดยการติดตั้ง IDE (Integrated Development Environment) ซึ่งประกอบด้วย Text Editor, Build Automation และ Debugger

Sublime Text และ Atom เป็น IDE พื้นฐานบางอย่างสำหรับการพัฒนาเว็บที่รองรับ HTML CSS JS PHP Python และภาษาบนเว็บที่คล้ายกัน

ในทางตรงกันข้ามมี IDE แบบขยาย เช่น Adobe Dreamweaver ซึ่งมีคุณสมบัติอื่นๆ จำนวนหนึ่ง (เช่นการเชื่อมต่อเซิร์ฟเวอร์ FTP)

ขั้นตอนที่ 2: วางแผนและออกแบบเว็บไซต์ของคุณโดยใช้ Adobe Photoshop

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

แนวทางปฏิบัติที่ดีที่สุดคือ การเปิด Adobe Photoshop และสร้างหน้าเว็บของคุณคร่าวๆ คุณอาจจำเป็นต้องทำหน้าเพจมันขึ้นมาอย่างคร่าวๆ ในรูปแบบแตกต่างกัน เช่น หน้าแรก หน้าเกี่ยวกับ หน้าติดต่อ หน้าบริการ ฯลฯ

ออกแบบจำลองที่เราใช้เมื่อสร้างเว็บไซต์นี้
ตัวอย่าง – การออกแบบจำลองที่เราทำ เมื่ออยู่ในระหว่างการปรับปรุงไซต์ในเดือนธันวาคม 2016

ขั้นตอนที่ 3: แปลงการออกแบบโดยใช้ HTML และ CSS

หลังจากเสร็จสิ้นการออกแบบคร่าวๆ สำหรับหน้าเว็บของคุณใน Adobe Photoshop คุณสามารถเริ่มเขียนซอร์สโค้ดได้

นี่คือส่วนที่ง่ายที่สุด สร้างมาร์กอัพ HTML สำหรับองค์ประกอบเว็บที่คุณต้องการรวมและใช้ CSS เพื่อตกแต่งตามการออกแบบของคุณ

ขั้นตอนที่ 4: ทำให้เป็นแบบไดนามิกโดยใช้ JavaScript และ jQuery

เฉพาะเว็บไซต์ที่ใช้ HTML และ CSS เท่านั้นที่ไม่มีอยู่ในยุคปัจจุบันเนื่องจากการติดต่อกับผู้ใช้ส่วนหน้าไม่สามารถควบคุมผ่าน HTML หรือ CSS

คุณสามารถใช้ภาษาสคริปต์ เช่น JavaScript และห้องสมุดที่ปรับปรุงแล้ว jQuery เพื่อควบคุมกิจกรรมของผู้ใช้สำหรับฟอร์มการเข้าสู่ระบบตัวเลื่อนเมนูหรือทุกที่ที่คุณต้องการ

ขั้นตอนที่ 5: อัพโหลดไฟล์ท้องถิ่นไปยังเซิร์ฟเวอร์โดยใช้ลูกค้า FTP

ซอฟต์แวร์ FTP สำหรับการสร้างเว็บไซต์

ขั้นตอนสุดท้ายคือการอัพโหลดไฟล์ต้นฉบับทั้งหมดของคุณไปยังเว็บเซิร์ฟเวอร์ วิธีการที่ดีที่สุดและง่ายที่สุดในการจัดการคือ ผ่านทางลูกค้า FTP

ก่อนอื่นให้ดาวน์โหลดลูกค้า FTP บนอุปกรณ์คอมพิวเตอร์ของคุณและเชื่อมต่อกับเว็บเซิร์ฟเวอร์ของคุณโดยใช้บัญชี FTP หลังจากคุณเชื่อมต่อกับบัญชี FTP เรียบร้อยแล้ว ให้คัดลอกไฟล์ทั้งหมดของคุณไปยังรูทของไดเรคทอรี่บนเว็บ ไคลเทนต์ FTP ที่ดี ได้แก่ FileZilla, WinSCP และ Cyber​​duck.


วิธีที่ 2: การสร้างเว็บไซต์ด้วย CMS

ทักษะและเครื่องมือที่จำเป็น

  • ความรู้: การทำงานพื้นฐานของคอมพิวเตอร์และอินเทอร์เน็ต; HTML, CSS และ PHP (ไม่บังคับ แต่มันจะดีกว่าถ้าคุณรู้พื้นฐาน)
  • เครื่องมือ: WordPress, Joomla,และ Drupal

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

มันเป็นแอปพลิเคชั่นซอฟต์แวร์ที่ช่วยให้สร้างและจัดการเนื้อหาออนไลน์ได้ง่าย ส่วนใหญ่เป็นข้อมูลเปิดเผยและใช้งานได้ฟรี

หากคุณมีพื้นฐานใน HTML CSS หรือ PHP มันจะเป็นประโยชน์สำหรับคุณ มันไม่ใช่ปัญหาใหญ่หากคุณไม่รู้ เพราะแพลตฟอร์มเหล่านี้ใช้งานง่ายมาก นี่คือตัวเลือก CMS ฟรีสามอันดับแรกที่คุณสามารถเลือกใช้ได้ตามความต้องการของคุณ

การเปรียบเทียบแบบคร่าวๆ

WordPressJoomlaDrupal
ค่าใช้จ่ายฟรีฟรีฟรี
ผู้ใช้311,682 ล้าน26,474 ล้าน31,216 ล้าน
ธีมฟรี4,000 +1,000 +2,000 +
ฟรีปลั๊กอิน45,000 +7,000 +34,000 +

อ่านเพิ่มเติม - CMS ยอดนิยม (2018) - WordPress vs Joomla และ Drupal

WordPress

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

แพลตฟอร์มนี้เป็นแพลตฟอร์มที่เหมาะสมกับผู้เริ่มต้น เช่นเดียวกับการพัฒนาขั้นสูงของนักพัฒนาเว็บที่แตกต่างกัน รวมถึงมีปลั๊กอินและธีมฟรีมากมายในที่เก็บของพวกเขาเอง เนื่องจากมันเป็นตัวเลือกอันดับ 1 CMS จึงมีทรัพยากรส่วนประกอบเพิ่มเติมอื่นๆ มากมายอยู่ด้วย

ธีม
ตัวเลือกธีม WordPress

ข้อดี

  • มีความยืดหยุ่นสูงและปรับแต่งได้
  • ง่ายต่อการใช้งาน
  • ทรัพยากรการเรียนรู้มากมาย
  • ชุมชนและการสนับสนุนที่ยอดเยี่ยม

ข้อเสีย

  • ต้องมีรหัสสำหรับการปรับแต่งภาพที่สำคัญ
  • การอัพเดตอาจทำให้เกิดปัญหากับปลั๊กอิน

เรียนรู้เพิ่มเติม

Joomla

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

อย่างไรก็ตามผู้เริ่มต้นอาจจะกลัวในการสำรวจ Joomla เนื่องจากมีตัวเลือกจำนวนมาก นอกจากเมนูด้านซ้ายแล้วยังมีเมนูบนแถบด้านบนขวาเหนือโลโก้ “แผงควบคุม” เพื่อหลีกเลี่ยงความสับสน โปรดจำไว้ว่า บางรายการบนแถบเมนูด้านซ้าย และด้านบนมีความคล้ายคลึงกัน เช่น "เนื้อหา" "ผู้ใช้" และ "ส่วนขยาย"

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

สาด
ภายในระบบ Joomla

ข้อดี

  • มีเทคนิคขั้นสูงเพิ่มเติม
  • เว็บไซต์โดยทั่วไปทำงานได้ดีขึ้น
  • ความปลอดภัยระดับองค์กร

ข้อเสีย

  • โมดูลบำรุงรักษายาก
  • CMS กลาง - ไม่ง่ายเหมือน WordPress ไม่ใช่ขั้นสูงเหมือนกับ Drupal

ข้อมูลเพิ่มเติม

Drupal

นักพัฒนาเว็บที่มีประสบการณ์ยืนยันว่า Drupal เป็น CMS ที่ทรงพลังที่สุด

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

Drupal
การติดตั้ง Drupal ใหม่ - แม้จะมีฟังก์ชั่นการใช้งานที่ซับซ้อนใน Drupal แต่ CMS ก็มีอินเตอร์เฟสที่เรียบง่ายและไม่ซับซ้อน

ข้อดี

  • ง่ายต่อการเรียนรู้
  • พอร์ทัลช่วยเหลือที่ยอดเยี่ยม
  • การอัพเดทผสานรวมอย่างลงตัว
  • ตัวเลือกเพิ่มเติมในตัว

ข้อเสีย

  • ต้องเรียนรู้มากในระยะเริ่มต้น - แนะนำสำหรับผู้ใช้ขั้นสูง

ข้อมูลเพิ่มเติม

ขั้นตอนการสร้างเว็บไซต์ทีละขั้นตอนโดยใช้ WordPress

สำหรับวิธีนี้เราจะใช้ WordPress เป็นตัวอย่างของเรา ตอนนี้คุณควรมี บัญชีเว็บโฮสติ้ง และชื่อโดเมนที่ลงทะเบียนแล้ว

ขั้นตอนที่ 1: ค้นหาตัวติดตั้ง WordPress ในแผงเว็บโฮสติ้งของคุณ

บริการเว็บโฮสติ้งมักจะมีเครื่องมือติดตั้งอย่างรวดเร็ว สำหรับการติดตั้ง WordPress และแพลตฟอร์มทั่วไปอื่นๆ

ดังนั้นลงชื่อเข้าใช้บัญชีเว็บโฮสติ้งของคุณและค้นหาว่าคุณมีโปรแกรมติดตั้งตัวใด ชื่อยอดนิยมที่คุณควรค้นหาคือ Softaculous, QuickInstall หรือ Fantastico

ผู้ให้บริการโฮสต์บางราย (ตัวอย่าง: SiteGround) ใช้ตัวติดตั้งรวมในแผงควบคุมผู้ใช้ (หน้าจอที่คุณเห็นหลังจากเข้าสู่ cPanel) ในกรณีนี้เพียงลองค้นหาชื่อที่มี 'WordPress'

ตัวอย่าง: SiteGround cPanel dashboard

ขั้นตอนที่ 2: ติดตั้ง WordPress ผ่านตัวติดตั้ง

Softaculous เป็นโปรแกรมติดตั้งอัตโนมัติที่ได้รับความนิยมมากที่สุดและให้ความสำคัญกับ cPanel ฉันจะแนะนำคุณตลอดการติดตั้งผ่าน Softculous โปรแกรมติดตั้งอื่นนั้นเหมือนกันมาก

คลิก Softaculous จากนั้นคลิกที่ "ติดตั้ง" บน WordPress เพื่อเริ่มการติดตั้ง

การติดตั้ง WordPress เพื่อสร้างเว็บไซต์ของคุณ

นี่คือส่วนสำคัญ

การกำหนดค่าไซต์

กำหนดค่าตัวเลือก ดังต่อไปนี้ปล่อยให้ฟิลด์อื่นๆ เป็นค่าเริ่มต้น (เรียงลำดับในภายหลัง) และคลิกติดตั้ง

  • โปรโตคอล: คุณต้องตัดสินใจว่าคุณต้องการติดตั้ง http:// หรือ http://www รุ่นของ URL สิ่งที่คุณเลือก คุณจะไม่เห็นความแตกต่างมากนัก จากมุมมองทางเทคนิค http://www ดีกว่าในแง่ของความยืดหยุ่นและการจัดการคุกกี้ โปรดทราบว่าหากคุณมีใบรับรอง SSL ที่ถูกต้องและต้องการติดตั้ง WordPress ให้เลือก https แทน http
  • โดเมน: เลือกโดเมนที่คุณต้องการติดตั้งเว็บไซต์
  • ไดเรกทอรี: ระบุตำแหน่งที่คุณต้องการติดตั้งเว็บไซต์ WordPress หากคุณต้องการติดตั้งลงในรูท URL ของคุณ (เช่น: http://www.yourwebsite.com/) ให้เว้นว่างไว้ หากคุณต้องการใน URL ย่อย (เช่น: http://www.yourwebsite.com/myblog/) ให้ระบุไดเรกทอรีในฟิลด์
  • บัญชีผู้ดูแลระบบ: ตั้งชื่อผู้ใช้รหัสผ่านและอีเมลที่คุณจะใช้เข้าสู่เว็บไซต์ WordPress ของคุณ

หากคุณประสบความสำเร็จในขั้นตอนสุดท้าย คุณทำได้ดีมาก เว็บไซต์ของคุณถูกเผยแพร่แล้ว!

ตอนนี้เข้าสู่เว็บไซต์ WordPress ของคุณ หน้าเข้าสู่ระบบของเว็บไซต์ของคุณจะมีลักษณะเหมือน wp-login.php ต่อท้าย URL เว็บไซต์ที่คุณตั้งไว้

ขั้นตอนที่ 3: ติดตั้งชุดรูปแบบและปลั๊กอินที่สำคัญ

ถัดไปคุณจะต้องติดตั้งธีมและปลั๊กอินที่ต้องมี ดูที่แถบด้านข้างซ้ายของ WordPress Dashboard ของคุณ

มีธีมสำเร็จรูปฟรีมากมายมีอยู่ในไดเรกทอรี WordPress

ในการเรียกดูธีมฟรีเหล่านี้ให้ไปที่ ‘ลักษณะ> ธีม> เพิ่มใหม่’ ค้นหาธีมที่ตรงกับความต้องการของคุณแล้วคลิกปุ่มติดตั้ง

ไดเรกทอรีธีม WordPress
ไดเรกทอรีธีม WordPress

คุณสามารถติดตั้งธีมของบุคคลที่สามได้จากส่วน "อัพโหลดธีม" สำหรับธีม WordPress ที่ได้รับค่าตอบแทนระดับมืออาชีพ ฉันแนะนำ Elegant Themes (สำหรับโค้ดที่มีประสิทธิภาพและการออกแบบส่วนหน้าที่สวยงาม)

สำหรับปลั๊กอินให้เรียกดู ‘ปลั๊กอิน> เพิ่มใหม่’

ค้นหาและติดตั้งปลั๊กอินที่คุณต้องการเท่านั้น นอกจากนี้ยังสามารถติดตั้งปลั๊กอินของส่วนเพิ่มขยายอื่นๆ ได้จากส่วน "อัพโหลดปลั๊กอิน"rd ปลั๊กอินของบุคคลสามารถติดตั้งได้จากส่วน 'อัปโหลดปลั๊กอิน'

ไดเรกทอรีปลั๊กอิน WordPress
ไดเรกทอรีปลั๊กอิน WordPress

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

  • สำหรับ SEO: Yoast SEO ชุด All in One SEO
  • สำหรับความปลอดภัย: iThemes Security, Wordfence Security
  • สำหรับสถิติเว็บไซต์: Jetpack โดย WordPress.com, Google Analytics สำหรับ WordPress โดยข้อมูลเชิงลึกของมอนสเตอร์
  • สำหรับการสร้างแบบฟอร์ม: แบบฟอร์มการติดต่อ 7
  • สำหรับประสิทธิภาพการทำงาน: W3 Total Cache, WP Super Cache

อ่านเพิ่มเติม - 9 Essential WordPress Plugins for new WP Sites

ขั้นตอนที่ 4: คุณพร้อมแล้ว!

ไซต์ของคุณควรเริ่มใช้งานได้ในขั้นตอนสุดท้าย แต่มีอีกสองสามสิ่งที่ควรดู

  • ภายใต้ 'การตั้งค่า> ทั่วไป': ตั้งชื่อไซต์ของคุณและสโลแกน
  • ภายใต้ ‘การตั้งค่า> การอ่าน’: หน้าแรกของคุณควรแสดงผลอย่างไรและมีกี่โพสต์บล็อกที่คุณต้องการแสดงในหน้าเดียว
  • ภายใต้ ‘การตั้งค่า> Permalinks’: ตั้งค่าสิ่งที่จะเป็นโครงสร้าง URL ของโพสต์บล็อกของคุณ

การตั้งค่าพื้นฐานสำหรับไซต์ WP ใหม่
การตั้งค่าพื้นฐานสำหรับไซต์ WordPress ใหม่


วิธีที่ 3: การสร้างเว็บไซต์ด้วยผู้สร้างไซต์

ทักษะและเครื่องมือที่จำเป็น

  • ความรู้: การทำงานพื้นฐานของคอมพิวเตอร์และอินเทอร์เน็ต
  • เครื่องมือ: wix และ weebly

ผู้สร้างเว็บไซต์ทำให้การติดตั้งเว็บไซต์ทำได้อย่างง่ายดายและรวดเร็ว หากไม่มีความรู้ภาษาทางเว็บก็สามารถเปิดเว็บไซต์ที่มีคุณสมบัติครบถ้วนได้ในเวลาไม่กี่นาที พวกเขามีตัวสร้างเว็บไซต์ลากและวางซึ่งต้องการความรู้ในการเขียนโค้ดที่ไม่มีศูนย์

มีผู้สร้างเว็บไซต์จำนวนมากกระจายอยู่ทั่วอินเทอร์เน็ต Disha ผู้สร้างเว็บไซต์ฟรี 26 คนในบล็อกนี้ แต่ไม่ใช่ทั้งหมดที่จะสามารถตอบสนองความต้องการ

สามสิ่งต่อไปนี้ที่ตัวสร้างเว็บไซต์ที่ได้รับการพูดถึงมากที่สุดและมีศักยภาพที่คุณสามารถใช้งานได้

wix

ใช้ Wix เพื่อสร้างเว็บไซต์

Wix เป็นหนึ่งในผู้สร้างไซต์ที่ใช้งานง่ายที่สุดในตลาด ซึ่งมีเทมเพลตที่สามารถปรับแต่งได้ทั้งหมดมากกว่า 500 ประเภท ภายใต้หมวดหมู่ต่างๆ ดังนั้นค่อนข้างแน่ใจได้ว่าคุณจะพบสิ่งที่เหมาะกับคุณ

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

ข้อเสียเปรียบเพียงอย่างเดียวคือ มีพื้นที่โฆษณาในเว็ปไซต์สำหรับแผนการใช้งานฟรี Wix คุณสามารถกำจัดมันได้โดยการอัพเกรดเป็นแผนคอมโบซึ่งมีค่าใช้จ่ายเริ่มต้นที่ $ 12 ต่อเดือน

อ่านเพิ่มเติม - รีวิว Wix เชิงลึกของเรา.

weebly

ใช้ Weebly เพื่อสร้างเว็บไซต์

Weebly นั้นง่ายขึ้นในหลายๆ อย่าง เช่น การนำทางใช้งานง่าย พวกเขามีเทมเพลตนับร้อยให้เลือก แต่ตัวเลือกการตั้งค่าส่วนบุคคลอาจรู้สึกจำกัด

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

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

อ่านเพิ่มเติม - การตรวจสอบ Weebly เชิงลึกของเรา.

กระบวนการสร้างเว็บไซต์แบบทีละขั้นตอนโดยใช้ Wix

ขั้นตอนที่ 1: สมัครใช้งาน Wix

สร้างบัญชีบน Wix.com

มีแผนพรีเมียม 5 แผนและแผนฟรี 1 แผน (ราคาอยู่ระหว่าง $0 - $24.50 / เดือน) คุณจะเห็นตัวเลือกการอัพเกรดหลังจากสร้างเว็บไซต์สำเร็จ

ดูแผนและราคาของ Wix ได้ที่นี่

การลงทะเบียน Wix
หน้าลงทะเบียน Wix

ฉันแนะนำ Wix แผนชำระพื้นฐาน - Combo แผน Wix Combo ($ 8.50 / mo) มีชื่อโดเมนฟรี ทรัพยากร CPU เพิ่มเติมและไม่มีโฆษณา Wix

ขั้นตอนที่ 2: เลือกเทมเพลต

Wix จะถามคุณว่า คุณต้องการสร้างเว็บไซต์อย่างไร วิธีที่เร็วที่สุดที่พวกเขาจะแนะนำก็คือ Wix ADI (Artificial Design Intelligence) ซึ่งไม่ได้มีผลมากในตอนท้าย

ดังนั้นฉันจะแนะนำให้คุณอีกหน่อย แต่วิธีการที่ดีกว่าคือ เครื่องมือสร้างเว็บไซต์!

คุณจะเห็นว่ามีแม่แบบแบ่งตามป้ายกำกับที่แตกต่างกัน เรียกดูหมวดหมู่ที่คาดหวังของคุณและเลือกหมวดหมู่ที่เหมาะสมกับคุณ

หลังจากค้นหาธีม Wix ที่คุณชอบแล้วคลิก ‘แก้ไข’ เพื่อดำเนินการต่อ

การแก้ไขหน้าเว็บที่ Wix
ปุ่ม "แก้ไข" จะปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปยังธีม

ขั้นตอนที่ 3: ออกแบบเว็บไซต์ของคุณโดยใช้ Wix Website Builder

หลังจากนั้นครู่หนึ่งคุณจะไปถึงผู้สร้างเว็บไซต์ที่ใช้งานง่ายของพวกเขา

ออกแบบเว็บไซต์นั้นง่าย คุณจะเห็นเครื่องมือต่างๆ ทางด้านซ้ายและด้านขวาของหน้าจอ นอกจากนี้คลิกที่ใดก็ได้บนเว็บไซต์เพื่อแก้ไขบล็อกหรือย้ายไปยังที่อื่น

องค์ประกอบ Wix
สร้างองค์ประกอบหน้าเว็บของคุณโดยใช้ Wix ตัวแก้ไขลากและวาง

ขั้นตอนที่ 4: เผยแพร่เว็บไซต์

เมื่อคุณจะกดปุ่มเผยแพร่ คุณจะถูกถามว่า คุณต้องการโดเมนย่อยฟรีหรือโดเมนเต็มรูปแบบ มันคือการร้องขอของคุณ

แนะนำให้ปรับแต่งเพิ่มเติมอีกสองสามข้อ

ไปที่ 'แผงควบคุม Wix ของคุณ> จัดการและแก้ไขไซต์' และกำหนดค่า SEO, Favicon, โซเชียลและการอัปเกรดตามต้องการ

การกำหนดค่าเว็บไซต์ Wix
กำหนดค่าเว็บไซต์ Wix ของคุณ คลิกเพื่อขยายภาพ

และเมื่อคุณเสร็จสิ้นการตั้งค่าพื้นฐานเหล่านี้แล้ว - เว็บไซต์ของคุณพร้อมแล้ว

เกี่ยวกับ Jerry Low

ผู้ก่อตั้ง WebHostingSecretRevealed.net (WHSR) - การตรวจสอบโฮสต์ที่เชื่อถือได้และใช้งานโดยผู้ใช้ของ 100,000 ประสบการณ์มากกว่า 15 ปีในเว็บโฮสติ้งการตลาดพันธมิตรและ SEO ผู้ร่วมให้ข้อมูลแก่ ProBlogger.net, Business.com, SocialMediaToday.com และอีกมากมาย