โครงการ ขายเสื้อผ้า ออนไลน์

สร้างเว็บไซตข์ ายเส้ือผ้าออนไลน์ โดยใช้ โปรแกรม word press
Create websites selling clothes online with Word press.

นางสาวกัญญาณัฐ วงษ์ไพศาล รหัสนักศึกษา 6232040022
นางสาวณัฐรกิ า สวา่ งฉาย รหสั นกั ศึกษา 6232040034

โครงการน้ีเปน็ ส่วนหนึง่ ของรายวิชาโครงการ รหัสวิชา (3204-8501)
ภาคเรียนท่ี 1 ปกี ารศกึ ษา 2563
สาขาวชิ าเทคโนโลยธี รุ กจิ ดจิ ิทัล
วทิ ยาลยั เทคนิคระยอง

สร้างเวบ็ ไซตข์ ายเสื้อผา้ ออนไลน์ โดยใช้ โปรแกรม word press
Create websites selling clothes online with Word press.

นางสาวกญั ญาณฐั วงษไ์ พศาล รหสั นักศกึ ษา 6232040022
นางสาวณัฐรกิ า สวา่ งฉาย รหัสนกั ศกึ ษา 6232040034

โครงการนเ้ี ป็นส่วนหนึ่งของรายวชิ าโครงการ รหสั วิชา (3204-8501)
ภาคเรยี นท่ี 1 ปกี ารศึกษา 2563
สาขาวิชาเทคโนโลยีธุรกิจดิจทิ ลั
วทิ ยาลัยเทคนิคระยอง

ข

บทคัดยอ่

การจัดทาโครงการคร้ังนี้ มีวัตถุประสงค์เพื่อ (1) เพ่ือสร้างเว็บไซต์ขายเส้ือผ้าออนไลน์โดยการ
ใช้โปรแกรม Word press (2) เพื่อศึกษาความพึงพอใจของนักเรียน นักศึกษา สาขาวิชาเทคโนโลยี
ธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อการสร้างเว็บไซต์ขายเสื้อผ้าออนไลน์โดยใช้โปรแกรม
Word press (3) เพือ่ เผยแพร่เวบ็ ไซต์ขายเสือ้ ผ้าออนไลน์โดยใช้โปรแกรม Word press ผ่านโครงการ
ประกวดโครงการวชิ าชพี ชมรมวิชาชพี คอมพิวเตอรธ์ รุ กิจ วทิ ยาลยั เทคนคิ ระยอง

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

ผลของโครงการในการประเมินความพึงพอใจจากการเข้ารว่ มโครงการสร้างเว็บไซต์ขายเสื้อผ้า
ออนไลน์โดยใช้โปรแกรม Word press ตอนที่ 1 ข้อมูลท่ัวไป ผลคะแนนที่ได้คือจานวนร้อยละของ
ผตู้ อบแบบประเมินจาแนกตามเพศ เพศชายจานวน 57 คน คิดเป็นรอ้ ยละ 25.8 เพศหญิงจานวน 164
คน คิดเป็นร้อยละ 75.6 ของประชากรทั้งหมด จานวนร้อยละของผู้ตอบแบบประเมิน จาแนกตาม
ระดับช้ัน ปวช.จานวน 174 คน คิดเป็นร้อยละ 79.1 ระดับชั้น ปวส.จานวน 46 คน คิดเป็นร้อยละ
20.9 ของจานวนร้อยละของผู้ตอบแบบประเมิน จาแนกตามอายุ 15-19 ปีจานวน 167 คน คิดเป็น
ร้อยละ75.9 อายุ 20 ปีข้ึนไป 53 คน คิดเป็นร้อยละ 24.1 ของประชากรทั้งหมด จานวนร้อยละของ
ผู้ตอบแบบประเมนิ ตอนที่ 2 ความพึงพอใจในดา้ นตา่ งๆของโครงการ โดยด้านรปู แบบในภาพรวมอย่ใู น
ระดบั มาก ( =4.00) ดา้ นเนอ้ื หาในภาพรวมอยใู่ นระดับมาก ( =4.25) และดา้ นการออกบบเว็บไซต์ใน
ภาพรวมอยู่ในระดับมาก ( = 4.38) ด้านผลประโยชน์และการใช้งานภาพรวมความพึงพอใจอยู่ในระดับมาก ( =
4.46)

ค

ค

กติ ติกรรมประกาศ

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

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

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

ท้ายนี้ผู้จัดทาหวงั เป็นอย่างยิง่ วา่ โครงงานน้จี ะเปน็ ประโยชน์ต่อการศกึ ษาเว็บไซต์ขายเสื้อผา้
ออนไลนโ์ ดยใช้โปรแกรม Word Press

คณะผจู้ ัดทาโครงการ

สารบญั ง

บทคัดย่อ หน้า
กิตติกรรมประกาศ ข
สารบญั ค
สารบัญ(ตอ่ ) ง
สารบญั ตาราง จ
สารบัญรูป ฉ
สารบัญรูป(ตอ่ ) ช
บทท่ี 1 บทนา ซ

1.1 ความเป็นมาและความสาคัญของโครงการ 1
1.2 วตั ถปุ ระสงค์ของโครงการ 1
1.3 ขอบเขตของโครงการ 1
1.4 ผลท่ีคาดวา่ จะได้รบั 2
1.5 คาจากดั ความ 2
บทที่ 2 เอกสารและทฤษฎีทเี่ กีย่ วข้อง
2.1 เวบ็ ไซต์ (Website) 3
2.2 การขายเส้ือผา้ ออนไลน์ 6
2.3 โปรแกรม Word press 9
บทท่ี 3 การดาเนินโครงการ
3.1 การศกึ ษาขอ้ มูลเบ้ืองตน้ 28
3.2 ประชากรและกลุ่มตัวอย่าง 28
3.3 ขน้ั ตอนการดาเนินงาน 28
3.4 เครื่องมอื ทใ่ี ช้ในการเกบ็ รวบรวมข้อมูล 31
3.5 ขน้ั ตอนการดาเนนิ การและเก็บรวบรวมข้อมลู 32
3.6 พิจารณาจากคะแนนตามเกณฑ์ 32
3.7 สถติ ิทใ่ี ชใ้ นการวเิ คราะหข์ ้อมูล 33

สารบญั (ตอ่ ) จ

บทที่ 4 ผลการดาเนนิ โครงการ หนา้
4.1 ผลการดาเนนิ งาน 35
43
บทที่ 5 สรุปผล การอภิปรายผลและข้อเสนอแนะ 43
5.1 สรุปผลการดาเนินโครงการ 44
5.2 อภปิ รายผลการประเมนิ
5.3 ขอ้ เสนอแนะ

บรรณานุกรม
ภาคผนวก

ภาคผนวก ก แบบเสนอขออนมุ ัตโิ ครงการ
ภาคผนวก ข ข้นั ตอนการดาเนินงาน
ภาคผนวก ค คมู่ อื การใช้งาน
ภาคผนวก ง แบบสอบถามความพึงพอใจ
ประวตั ผิ ู้จดั ทา

สารบญั ตาราง ฉ

ตารางที่ หน้า
4.1 การวิเคราะหข์ ้อมูลการแสดงเพศของผตู้ อบแบบสอบถาม 37
4.2 การวเิ คราะหข์ ้อมลู การแสดงระดบั ช้ันของผ้ตู อบแบบสอบถาม 38
4.3 การวเิ คราะห์ข้อมูลการแสดงอายุของผตู้ อบแบบสอบถาม 39
4.4 การวิเคราะห์ข้อมูลการแสดงสถานะของผ้ตู อบแบบสอบถาม 40
4.5 ระดบั ความพงึ พอใจของผู้ตอบแบบสอบถามดา้ นรูปแบบ 41
4.6 ระดบั ความพึงพอใจของผตู้ อบแบบสอบถามด้านเนอ้ื หาสาระ 42
4.7 ระดับความพงึ พอใจของผตู้ อบแบบสอบถามดา้ นประโยชนท์ ไ่ี ดร้ บั 43
4.8 สรุประดบั ความพึงพอใจของผตู้ อบแบบสอบถาม 44

สารบญั รูป ช

รูปที่ หน้า
2.1 แสดงเทคโนโลยธี รุ กจิ ดจิ ทิ ลั 9
2.2 แสดงการเร่ิมเขา้ สู่โปรแกรม Adobe Flash CS6 11
2.3 แสดงเขา้ โปรแกรม Adobe Flash CS6 11
2.4 แสดงหนา้ ต่าง Adobe Flash CS6 12
2.5 แสดงหน้าจอการทางานของโปรแกรม Adobe Flash CS6 12
2.6 แสดงเมนูบาร์ Adobe Flash CS6 12
2.7 แสดงสเตจ Adobe Flash CS6 13
2.8 แสดงพรอ็ พเพอรต์ ้ี Adobe Flash CS6 13
2.9 แสดงไทม์ไลน์ Adobe Flash CS6 14
2.10 แสดงทลู บอ๊ กซ์ Adobe Flash CS6 15
2.11 ภาพเคลื่อนไหวแบบ 2 มติ ิ 21
2.12 ภาพเคล่ือนไหวแบบ 3 มิติ 21
3.1 แสดงการตดิ ต้ังโปรแกรม Adobe Flash CS6 23
3.2 แสดงการสรา้ ง Storyboard 23
3.3 แสดงการเตรยี มองค์ประกอบ 24
3.4 แสดงการนาไฟลร์ ปู มาประกอบเป็นช้นิ งาน 24
3.5 แสดงชน้ิ งานในรปู แบบนามสกลุ swf. 25
3.6 แสดงการติดตงั้ โปรแกรม Quick Time 25
3.7 แสดงหนา้ ตา่ งการเข้าสโู่ ปรแกรม Quick Time 26
3.8 แสดงการแปลงไฟล์ใหเ้ ปน็ วิดโี อ 26
3.9 แสดงหน้าต่างการบนั ทึกไฟล์ 27
3.10 แสดงหน้าตา่ งการตั้งค่า Quick Time 27
3.11 แสดงหนา้ ตา่ งการต้ังค่า Movie Setting 28
3.12 แสดงการ Export ชนิ้ งาน 28
3.13 แสดงไฟล์ทส่ี มบูรณ์ 29

ซ

3.14 แสดงการเข้าใชง้ านGoogle drive 29
3.15 แสดงการบนั ทกึ ไฟลช์ นิ้ งานลงใน Google drive 30
3.16 แสดงการการอปั โหลดไฟล์ชิน้ งาน 30
3.17 แสดงการไฟล์ท่ีอยใู่ น Google drive 31
3.18 แสดงตัวเลือกคาสง่ั 31

สารบัญรปู (ตอ่ ) หน้า
32
รูปท่ี 32
3.19 แสดงล้งิ คU์ RLของชน้ิ งาน 33
3.20 แสดงการค้นหาเว็บไซต์ 33
3.21 แสดงการหนา้ เวบ็ ไซต์ 34
3.22 แสดงการคัดลอกลง้ิ ค์ 37
3.23 แสดงการดาวนโ์ หลดควิ อาร์โคด้ 38
4.1 แผนภูมิแสดงระดบั เพศของผตู้ อบแบบสอบถาม 39
4.2 แผนภมู ิแสดงระดับชน้ั ของผ้ตู อบแบบสอบถาม 40
4.3 แผนภูมิแสดงอายขุ องผูต้ อบแบบสอบถาม 41
4.4 แผนภูมิแสดงสถานะของผู้ตอบแบบสอบถาม 42
4.5 แผนภูมิความพึงพอใจด้านรูปแบบ 44
4.6 แผนภูมคิ วามพงึ พอใจด้านเน้ือหาสาระ 46
4.7 แผนภูมคิ วามพึงพอใจด้านประโยชนท์ ี่ไดร้ บั
4.8 แผนภมู ิแท่งแสดงสถิตกิ ารชมสรา้ งอนเิ มชัน่ แนะนาสาขาวชิ าเทคโนโลยธี ุรกิจดิจทิ ลั

สารบัญตาราง ฉ

ตารางท่ี หน้า
4.1 การวเิ คราะห์ข้อมลู การแสดงเพศของผู้ตอบแบบสอบถาม 35
4.2 การวเิ คราะหข์ ้อมูลการแสดงระดับชัน้ ของผู้ตอบแบบสอบถาม 36
4.3 การวเิ คราะห์ข้อมูลการแสดงอายุของผูต้ อบแบบสอบถาม 36
4.4 การวเิ คราะห์ข้อมลู การแสดงระดบั ความพึงพอใจของผ้ตู อบแบบสอบถาม 37
ดา้ นรูปแบบ
4.5 การวเิ คราะหข์ ้อมูลการแสดงระดับความพงึ พอใจของผู้ตอบแบบสอบถาม 38
ดา้ นเนอื้ หา
4.6 การวเิ คราะห์ข้อมลู แสดงระดบั ความพึงพอใจของผตู้ อบแบบสอบถาม 40
ด้านประโยชนท์ ่ีไดร้ บั
4.7 แสดงผลสรุประดับความพงึ พอใจของผ้ตู อบแบบสอบถาม 41

สารบัญรปู ช

รูปที่ หนา้
2.1 เวบ็ ไซต์ (Website) 3
2.2 การขายเส้ือผา้ ออนไลน์ 7
2.3 โปรแกรม Word press 10
2.4 ปล๊ักอนิ Word press 11
2.5 เพิม่ บทความ 12
2.6 ปรับเปลีย่ นขนาดรปู ภาพ 12
2.7 ปรบั แต่งเมนู 12
2.8 ตกแตง่ โครงสรา้ งเวบ็ ไซต์ 13
2.9 ขน้ั ตอนการตดิ ตั้ง 13
2.10 แตง่ ภายในโฟลเดอร์ 13
2.11 ย้ายไฟล์ 14
2.12 ยา้ ยโฟลเดอร์ 14
2.13 Word press บน localhost 15
2.14 Start apache และ My SQL 15
2.15 สร้าง Database 16
2.16 สรา้ ง Database 16
2.17 ใส่ชือ่ Database 17
2.18 ตง้ั ค่าไฟล์ 17
2.19 การใส่ค่า 18
2.20 การตงั้ คา่ 19
2.21 Save as 19
2.22 เรยี กหน้า Install Word press 20
2.23 เขา้ สู่ Word press 20
2.24 Log in 21
2.25 Log in เขา้ Word press 21

สารบัญรูป (ต่อ) ซ

รูปท่ี หนา้
2.26 เข้ามาท่ีหน้า Dashboard 22
2.27 การเข้าโฮสต์ 23
2.28 เลือกแพค็ เกจโฮสตงิ้ 23
2.29 เลอื กซื้อสินค้า 23
2.30 เลอื กจดโมเดล 24
2.31 กดสงั่ ซอ้ื 24
2.32 Log in เข้าไปท่โี ฮสต์ 24
2.33 เลอื กไอคอน 25
2.34 เลือกสนิ ค้าและบริการ 25
2.35 เขา้ สู่ Direct Admin 25
2.36 เลือกตัวสญั ลักษณ์ 26
2.37 กดป่มุ Install now 26
2.38 การตั้งค่า 27
2.39 รอตดิ ตง้ั 27
3.1 แสดงโปรแกรม Word press 29
3.2 แสดงรปู แบบเว็บธมี 29
3.3 แสดงการเพ่ิมธีม 29
3.4 แสดงการค้นหาธมี ท่ตี อ้ งการ 30
3.5 แสดงการติดตง้ั ธีม 30
3.6 แสดงการเลือกใช้งาน 30
3.7 แสดงการตดิ ตัง้ ปล๊ักอนิ 31
3.8 แสดงเลอื กปรับแตง่ 31
4.1 แผนภมู ิแสดงเพศของผู้ตอบแบบสอบถาม 35
4.2 แผนภมู ิแสดงระดบั ช้นั ของผูต้ อบแบบสอบถาม 36
4.3 แผนภมู แิ สดงอายุของผ้ตู อบแบบสอบถาม 37

4.4 แผนภมู คิ วามพงึ พอใจด้านเน้อื หา 38
4.5 แผนภมู คิ วามพงึ พอใจด้านเน้อื หาสาระ 39
4.6 แผนภูมแิ สดงความพึงพอใจดา้ นผลสมั ฤทธิ์ 40
4.7 แผนภมู แิ ท่งแสดงการเข้าชมเวบ็ ไซต์ขายเส้ือผ้าออนไลน์ 42
โดยใช้โปรแกรม Word press

บทที่ 1
บทนำ

1

บทที่ 1

บทนำ

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

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

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

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

1.2.1 เพ่ือสรา้ งเวบ็ ไซต์ขายเสอื้ ผ้าออนไลน์ โดยใชโ้ ปรแกรม word press
1.2.2 เพื่อเผยแพรเ่ วบ็ ไซต์เสือ้ ผา้ ออนไลน์โดยใชโ้ ปรแกรม word press
1.2.3 เพื่อศึกษาความพึงพอใจของผ้ใู ช้เวบ็ ไซต์ขายเส้ือผา้ ออนไลนโ์ ดยใชโ้ ปรแกรม
word press
1.3 ขอบเขตของโครงกำร
1.3.1 ประชากรและกลมุ่ ตัวอยา่ ง

1.3.1.1 ประชากร คอื นกั ศึกษาสาขาวชิ าคอมพวิ เตอรธ์ ุรกิจ จานวน 504 คน

2

1.3.1.2 กล่มุ ตัวอยา่ ง คือ นักเรียนและนกั ศกึ ษาสาขาคอมพวิ เตอรจ์ านวน 217 คน
1.3.2 ขอบเขตชนิ้ งาน

1.3.2.1 ดา้ นฮาร์ดแวร์
1.3.2.1.1 คอมพิวเตอรพ์ กพา
1.3.2.1.2 โทรศพั ท์มือถือ

1.3.2.2 ด้านซอฟตแ์ วร์
1.3.2.2.1 ใชโ้ ปรแกรม Word Press ในการสร้างเวบ็ ไซต์
1.3.2.2.2 ใช้ระบบปฏบิ ัติการ Windows 10

1.3.3 เคร่ืองมือในการใชป้ ระเมนิ ผล
1.3.3.1 แบบประเมนิ ออนไลน์ Google from

1.4 ผลทีค่ ำดวำ่ จะได้รับ
1.4.1 ไดเ้ ว็บไซตแ์ ผนกเทคโนโลยธี นุ กจิ ดจิ ทิ ัล โดยใชโ้ ปรแกรม word press
1.4.2 ไดเ้ ผยแพร่ข้อมลู ให้นกั เรียนนักศึกษาในแผนก โดยใช้โปรแกรม word press
1.4.3 ได้ศกึ ษาความพงึ พอใจเว็บไซตแ์ ผนกวชิ าธรุ กิจดิจทิ ลั โดยใชโ้ ปรแกรม word press

1.5 คำจำกดั ควำม
1.5.1 Word press หมายถึง โปรแกรมท่ีชว่ ยในการสร้างและบรหิ ารเวบ็ ไซตแ์ บบสาเร็จรูป ที่เรา

สามารถติดตั้งบนเว็บ serverเพ่ือสร้างเว็บไซต์, blog หรือ community ซึ่งจะมีระบบจัดการ
บทความ (Content Management System : CMS ) หรือมีระบบหลังบ้านไว้ช่วยในการจัดการ
ข้อมูลทาให้ง่ายต่อการใช้งานยิ่งขึ้นถือเป็นอีกทางเลือกท่ีน่าสนใจมากสาหรับคนที่ต้องการสร้าง
เว็บไซต์ไม่ว่าจะเป็นกลุ่มธุรกิจขนาดเล็กจนถึงกลุ่มธุรกิจขนาดใหญ่เพราะ WordPressมีฟังก์ช่ัน
มากมายทส่ี ามารถตอบโจทยค์ วามตอ้ งการต่างๆของเราได้

1.5.2 เว็บไซต์ หมายถงึ หมายถึง หนา้ เวบ็ เพจหลายหน้า ซ่งึ เช่ือมโยงกันผา่ นทางไฮเปอร์ลิงก์ ส่วน
ใหญ่จดั ทาข้นึ เพ่ือนาเสนอขอ้ มูลผ่านคอมพิวเตอร์ โดยถกู จัดเกบ็ ไวใ้ นเวลิ ด์ไวด์เว็บ

1.5.3 Windows 10 หมายถงึ ระบบปฏิบัติการของไมโครซอฟท์ ใช้สถาปตั ยกรรม Windows NT
โดยประกาศการพฒั นาเม่ือ 30 กนั ยายน 2557 และกาหนดวางจาหน่ายในวนั ที่ 29 กรกฎาคม 2558
โดยจะทาการอัปเดตระบบให้ผู้ใช้ Windows 8.1 และ Windows 7 โดยไม่คิดมูลค่า ภายในในปีแรก
ของการจัดจาหน่ายWindows 10 มีแนวทางการออกแบบที่สืบทอดจาก Windows 8 โดยมีหน้าต่าง
แบบจอสัมผัสและแบบด้ังเดิมที่ใช้เมาส์และคีย์บอร์ดสถาปัตยกรรมของระบบเอ้ือให้สามารถใช้ได้ท้ัง

3

คอมพิวเตอร์ แท็บเล็ต และโทรศัพท์มือถือ โดยเพ่ิมแอปจากร้านค้าวินโดวส์ (Windows Store) เพื่อ
การรองรับโปรแกรมเพิ่มเตมิ

บทที่ 2
เอกสารและทฤษฎที ี่เก่ยี วขอ้ ง

1

บทที่ 2
เอกสารและทฤษฎีท่ีเกีย่ วข้อง
ในการจัดทาโครงคร้ังน้ีผู้จัดทาได้ศึกษาเอกสารและทฤษฎีที่เกี่ยวข้องในการจัดทาโครงการ
ครั้งน้ีและได้ศึกษาหาข้อมูลและความรู้เกี่ยวกับการทาโครงการสร้างเว็บไซต์ขายเส้ือผ้าออนไลน์ด้วย
โปรแกรม Word perss
2.1 เวบ็ ไซต์ (Website)
เว็บไซต์ (Website) หมายถงึ หนา้ เว็บเพจท่ีจัดทาขึ้น เพอ่ื นาเสนอขอ้ มูลตา่ งๆ ผ่านทาง
คอมพิวเตอร์และอินเทอร์เน็ต โดยจะมีหน้าเว็บเพจหลายๆ หน้าท่ีเช่ือมโยงเข้ากับไฮเปอร์ลงิ้ ค์ เพ่ือให้
สามารถเปิดไปยังหน้าเพจต่างๆ ได้อย่างง่ายดายและถูกจัดเก็บไว้ใน www. (เวิลด์ไวด์เว็บ) โดย
เว็บไซต์ส่วนใหญ่น้ันก็มีทั้งเว็บไซต์ท่ีเปิดให้เข้าชมได้ฟรี และเว็บไซต์ที่ต้องสมัครสมาชิกและเสีย
ค่าบริการ จึงจะเข้าใช้งานเว็บได้ ซึ่งข้อมูลในเว็บก็จะมีหลากหลายแบบ ข้ึนอยู่กับความต้องการ
นาเสนอของเจ้าของเว็บไซต์ การเรียกดูเว็บไซต์จะเรียกดูผ่านทางซอฟต์แวร์ ในลักษณะของ
เบราวเ์ ซอร์

ภาพท่ี 2.1 เวบ็ ไซต์ (Website)
2.1.1 ความเป็นมาของเวบ็ ไซต์

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

4

เว็บจะไม่มีวันสิ้นสุดทั้งน้ีเนื่องจากเราสามารถเปลี่ยนแปลงและเพ่ิมสารสนเทศบนเว็บไซต์ได้
ตลอดเวลาและแต่ละเว็บเพจจะมีการเชื่อมโยงกันภายในเว็บไซต์หรือไปยังเว็บไซต์อ่ืนๆ เพ่ือให้ผู้อ่าน
สามารถอ่านได้ในเวลาอันรวดเร็ว(กิดานันท์ มลิทอง,2542)นิรุธ อานวยศิลป์ (2542) กล่าวถึงเว็บไซต์
ว่า เป็นช่ือเรียก Host หรือ Server ที่ได้จดทะเบียนอยู่ในเวิลด์ไวด์เว็บ ซึ่งก็คือชื่อชื่อ Host ที่ถูก
กาหนดใหม้ ชี ่ือในเวิลด์ไวด์เว็บ และข้นึ ตน้ ด้วย http และมโี ดเมนหรือนามสกลุ เป็น .com, .net, .org
หรืออ่นื ๆ

2.1.2 เว็บเบราวเ์ ซอร์ (Web browser)
คือโปรแกรมคอมพิวเตอร์ท่ีใช้ในการท่องเว็บ และมีการจัดเก็บข้อมูลสารสนเทศต่างๆ

ด้วยภาษาเฉพาะ เช่น ภาษา HTML ซ่งึ ก็เปรียบเสมือนกับเปน็ เคร่ืองมือท่ีใช้ในการติดต่อกับเครือข่าย
คอมพิวเตอร์ขนาดใหญ่ท่ีเรียกว่าเวิลด์ไวด์เว็บ นอกจากนี้ยังสามารถดูเอกสารในเว็บเซิร์ฟเวอร์ได้ ไม่
ว่าเว็บเหล่าน้ันจะแสดงข้อมูลในลักษณะของภาพ ระบบมัลติมีเดีย รูปภาพหรือข้อความ ในปัจจุบัน
เว็บเบราว์เซอร์ที่รองรับระบบ HTML 5 สามารถอ่าน CSS 3 ได้อย่างสวยงาม และกาลังได้รับความ
นยิ มมากท่สี ดุ มี 4 ประเภทดงั นี้

2.1.2.1 Internet Explorer
Internet Explorer มีช่ือย่อว่า ไออี (IE) เป็นเวบ็ เบราเซอรจ์ ากไมโครซอฟท์

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

2.1.2.2 Mozilla Firefox
Mozilla Firefoxคอื โปรแกรมเวบ็ เบราเซอร์ (Web Browser) ทใ่ี ช้สาหรับ

เปิดเว็บไซต์โดยมีทีม Mozilla เป็นผู้พัฒนา และยังเป็น (Open source browser) ที่สามารถให้
โปรแกรมเมอร์ทั่วโลกพัฒนาโปรแกรมเสริมเพ่ือใช้ร่วมกับ Mozilla Firefox ได้อีกด้วย ปัจจุบันเป็นท่ี
นิยมของผู้ใช้งาน Internet เป็นอย่างมาก ความนิยมของผู้ใช้ทั่วโลกใกล้เคียงกันกับ Google
Chrome เพราะมีความปลอดภัยสูง การเปดิ หน้าเว็บเพจทาได้อย่างรวดเร็ว มีโปรแกรมเสรมิ มากมาย
เช่นเดียวกันกับ Google Chrome

2.1.2.3 Google Chrome
Google Chromeเป็นซอฟตแ์ วร์เวบ็ เบราวเ์ ซอร์ พัฒนาโดยกเู กิล เปิดตวั ครง้ั

แรกในปี2008โดยยังรองรับระบบปฏิบัติการ ไมโครซอฟท์วินโดวส์ก่อนจะออกโปรแกรมให้กับลิ
นุกซ์, แมคโอเอส, ไอโอเอสและแอนดรอยด์ในภายหลังกูเกิลโครมยังเป็นองค์ประกอบหลักของ โครม
โอเอส ซึ่งจะทาหน้าท่ีเป็นหน้าจอหลักสาหรับการเรียกใช้เว็บแอปกูเกิลโครมเป็นตัวพัฒนาจากโค้ด

5

โครงการซอฟต์แวร์ โครเมียมซึ่งใช้สัญลักษณ์เดียวกันแต่คนละสีโดยจะมีองค์ประกอบหรือคุณสมบัติ
บางอย่างท่ีถูกเพ่ิมเข้าไปเช่นการฝังอะโดบี แฟลชเพลเยอร์ลงไปในโครม (ซึ่งปัจจุบันนั้นกูเกิลโครมได้
ปิดก้ันองค์ประกอบนี้แลว้ ) ปจั จบุ นั กูเกลิ โครมพฒั นาโดยใช้ Blink เป็นเรนเดอริงเอนจินหลักสาหรับ
วาดหนา้ จอ ยกเวน้ เพยี ง ไอโอเอสที่ยงั ใช้เว็บคติ เป็นเรนเดอริงเอนจนิ หลกั

2.1.2.4 Safari
ซาฟารี (Safari) คือเว็บเบราว์เซอร์ท่ีพัฒนาโดยบริษัท แอปเป้ิล คอมพิวเตอร์

สาหรับเครื่องแมคอินทอชโดยมาพร้อมกับระบบปฏิบัติการ Mac OS X รุ่น10.3 เป็นต้นไปและ ได้
ประกาศในวันที่ 11 มิถุนายน พ.ศ. 2550เปิดตัวซาฟารีสาหรับวินโดวส์แต่ปัจจุบันซาฟารีสาหรับ
วินโดวส์ได้ถูกยกเลิกการพัฒนาไปแล้วหน้าตาของซาฟารีมีลักษณะสีเงินวาว (brush metal)
เหมอื นกับลกั ษณะของ ซอฟตแ์ วร์เล่นเพลง ไอทูนส์ซาฟารีรนุ่ ที่สองเรยี กว่า Safari RSS ใชไ้ ดก้ บั Mac
OS X รุ่น 10.4 ขึ้นไปซาฟารี ใช้ตัววาดหน้าเว็บชื่อ Web Core ซึ่งพัฒนามาจากตัววาดหน้าเว็บชื่อ
เวบ็ คิตทพี่ ฒั นาตอ่ มาจาก KHTML ซ่ึงเป็นส่วนหนงึ่ ของโครงการซอฟตแ์ วร์เสรที ่ดี ีมาก

2.1.3 ประโยชนข์ องการทาเวบ็ ไซต์
ประโยชน์ของการทาเว็บไซต์ ไมเ่ พียงแต่มปี ระโยชน์ในการนาเสนอขอ้ มูล ให้กบั

ผู้ใช้งานได้ทราบเทา่ น้ัน แตย่ งั มปี ระโยชนอ์ ่ืน ๆ อีกมากมาย
2.1.3.1 ขยายชอ่ งทางในการขายสนิ คา้ และบริการ ซง่ึ สามารถเขา้ ถงึ กลุ่มลูกคา้ ที่

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

เปน็ ของตัวเองซ่งึ ก็คอื โฮมเพจและเป็นการเปิดตัวสินค้าสู่ตลาดโลก

2.1.3.3 เป็นการเสริมสร้างภาพลักษณะขององค์กร ร้านค้าและบริษัท ให้มีความ
นา่ เชื่อถือและทันสมยั มากยิ่งขึน้

2.1.3.4 มีความเป็นสากล ด้วยช่องทางการติดต่อลูกค้าท่ีหลากหลาย ท้ังอีเมลล์
Facebook Line และอ่นื ๆ

2.1.3.5 เพม่ิ ความสะดวกใหก้ บั กลุ่มผูบ้ ริโภค โดยสามารถซ้ือสนิ ค้าหรอื บรกิ ารผ่าน

ทางเวบ็ ไซต์ได้ตลอดเวลา

2.1.3.6 ช่วยโฆษณาบริษัท องค์กรและสินค้าให้เป็นท่ีรู้จักอย่างแพร่หลาย ท้ังในประเทศ
และต่างประเทศ

2.1.3.7 ทาหนา้ ทใ่ี นการสง่ เสริมการขาย และบรกิ ารของบรษิ ัท

6

2.1.3.8 ชว่ ยยกระดับมาตรฐานในการซ้ือขายระหว่างประเทศ สามารถเสรมิ สร้างธรุ กจิ
ใหม้ คี วามแขง็ แรงไดด้ ี

2.1.4 ขนั้ ตอนในการพัฒนาเวบ็ ไซต์

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

2.1.4.1 กาหนดวตั ถุประสง ค์ว่าตอ้ งการพฒั นาเว็บไซตอ์ ยา่ งไรบา้ ง เนน้ เน้อื หา
เว็บไซต์เก่ยี วกบั อะไร และพัฒนาในสว่ นไหนอยา่ งไร

2.1.4.2 กาหนดกลุ่มเปา้ หมาย ทตี่ อ้ งการให้เข้าชมเวบ็ มากทส่ี ุด เพ่ือจะไดเ้ ลอื ก
วธิ กี ารนาเสนอ การใช้กราฟกิ รูปภาพและโทนสไี ดอ้ ย่างเหมาะสม

2.1.4.3 เตรยี มแหล่งขอ้ มลู ที่จะนาเนื้อหาสาระมานาเสนอ ซึ่งแหล่งขอ้ มลู เหลา่ น้ี
จะตอ้ งมคี วามนา่ เช่ือถือและครบถว้ นสมบูรณ์

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

2.1.4.5 เตรยี มทรพั ยากร ที่จาเป็นตอ้ งใชส้ าหรับการพัฒนาเวบ็ ไซต์ เชน่ โปรแกรม
ต่างๆ มัลติมีเดยี เป็นตน้

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

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

อยากขายเส้ือผ้าออนไลน์เริ่มยังไง? คาถามยอดฮิตของแม่ค้ามือใหม่ที่อยากเปิดร้านขาย
เสื้อผ้าออนไลน์ของตัวเอง วันนี้รวมมาให้แล้วกับ 6 วิธีเร่ิมต้นขายเส้ือผ้าออนไลน์

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

2.2.2 หาแหล่งขายส่งเส้ือผ้า : ส่วนสาคัญในการเริ่มต้นเปิดร้าน ร้านขายส่งเส้ือผ้ามีให้เลือก
เยอะแยะมากมายทั้งมีหน้าร้านให้หยิบจับเสื้อผ้าหรือขายแบบไม่มีหน้าร้านเหมาย กกระสอบส่ิง
สาคัญคือต้องคานึงถึงรูปแบบคุณภาพของเสื้อผ้าเหมาะสมกับราคาขายส่งมากแค่ไหน?และตรง
กับท่ีเราต้องการหรือไม่

7

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

2.2.4 หากลุ่มลูกค้าที่จะซื้อเสื้อผ้า : เสื้อผ้าที่เราเลือกมาขาย เราจะขายให้กลุ่มลูกค้าไหน
เป็นหลัก อย่างเช่น เสื้อผ้ากลุ่มวัยทางาน เสื้อผ้าเด็กเล็ก เสื้อเชิ้ตสาหรับผู้ชายวัยทางาน เป็นต้น
ย่ิงเรากาหนดกลุ่มเป้าหมายได้ย่ิงจะช่วยให้เราขายเสื้อผ้าได้ดีมากย่ิงข้ึน

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

2.2.6 หาราคาที่ต้องการขาย : ตั้งราคาขายให้เหมาะสมกับเสื้อผ้าที่เราจะขาย ราคาขาย
อาจจะคานวณมาจาก ต้นทุนซื้อเสื้อผ้า + ค่าใช้จ่ายอื่น ๆ + กาไรที่ต้องการ และที่สาคัญราคา
ต้องสอดคล้องกับคุณภาพสินค้าด้วย

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

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

8

ไดล้ กู ค้าใหมไ่ ปอีกคน จดจาง่าย ค้นุ หู ช่อื รา้ นท่ีดีควรทาให้ลูกคา้ จดจาได้ง่าย เห็นปบุ๊ จาป๊ับย่งิ ดี ขอ้ นี้ก็
แลว้ แตค่ วามครเี อทของแตล่ ะคนเลยค่ะว่าจะใช้ไม้ไหน ไมว่ า่ ต้ังชอื่ รา้ นใหส้ ัมพันธ์กับสนิ ค้าท่ีขาย เชน่
ถ้าคุณขายนาฬิกาและต้ังชื่อให้มีคาว่า Time หรือ Watch ลูกค้าก็จะสามารถจดจาและหาร้านของ
คุณเจอไดง้ ่ายยิ่งข้ึน หรือใช้เทคนคิ ใชศ้ ัพท์ทเ่ี รียกความสนใจ คน้ หาเจอง่าย

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

2.2.7.3 เงินทุน ต้นทุนการขายของออนไลน์ ไม่ได้มีแค่ค่าสินค้าเพียงอย่างเดียว เงินท่ี
คุณจะนามาลงทุนในการเริ่มร้านออนไลน์ไม่ควรจะครอบคลุมแค่ค่าสินค้าท่ีคุณจะส่ังมาขาย แต่ควร
รวมค่าใช้จ่ายอ่ืนๆ ท่ีคุณอาจต้องเสีย เช่น ค่าจัดส่ง ค่าแพ็กสินค้า ค่าโฆษณา ฯลฯ ดังนั้น คุณควร
วางแผนให้ดี ว่าเงินทุนของคุณน้ีจะสามารถทาให้คุณดาเนินการได้แบบไม่ต้องไปขอยืมคนอ่ืนทีหลัง
ย่ิงถา้ คณุ คดิ จะลาออกจากงานประจามาขายของออนไลน์ดว้ ยแลว้ คุณยง่ิ ต้องคดิ ใหร้ อบคอบ

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

2.2.7.5 ช่องทางขายสินค้า ขายที่ไหนบ้าง FACEBOOK, INSTAGRAM หรือ [email protected]
ช่องทางการขายว่าเราจะเปิดร้านออนไลน์และขายสินค้าของเราบนไหน ก็เป็นอีกปัจจัยท่ีมีต่อผลต่อ
ความสาเรจ็ ของร้าน เพราะแตล่ ะชอ่ งทางเขา้ ถึงกลุ่มเป้าหมายไดแ้ ตกต่างกนั ขายบน Instagram เป็น
อีกชอ่ งทางท่เี ริ่มนิยมเปน็ อันดับถดั มา โดยจะเน้นการขายผา่ นรูปภาพลงรายละเอียดได้ไม่มากเหมือน
Facebook

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

9

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

2.2.7.7 ช่องทางการชาระเงิน ย่ิงเยอะยิ่งดี ถ้าขายของแพงรับบัตรเครดิตได้ยิ่งเร่ิด การ
ชาระเงนิ ควรเปน็ เร่ืองง่ายสาหรบั ลูกคา้ คณุ ควรเปิดบัญชสี าหรับรา้ นของคุณกบั ธนาคารที่คนสว่ นใหญ่
ใช้บริการ แทนที่จะเลือกธนาคารที่ไม่เป็นที่นิยมแต่ให้ดอกเบี้ยดี นอกจากน้ีถ้าคุณวางแผนจะขาย
สินค้าให้กับลูกค้าท่ีอยู่ต่างประเทศ คุณก็ควรมีบัญชีที่รองรับการโอนเงินจากต่างประเทศ (และมีแผน
สาหรบั การจดั ส่งสนิ คา้ ไปต่างประเทศแบบที่คุณไม่ขาดทุน) บัญชี Paypal นบั วา่ เปน็ ทางเลือกที่ดีและ
สามารถสมัครใช้งานง่าย

2.2.7.8 ความอดทนและมุ่งม่ัน คิดไว้เราต้องทาได้ หลายคนเร่ิมธุรกิจด้วยความรู้สึก
อยากรวยเรว็ เราหวงั ให้การลงทนุ ของเราผลิดอกออกผลเปน็ กาไรตั้งแต่วินาทีที่เราเร่ิมเปิดร้าน แต่น่นั
แทบจะเรียกได้ว่าเป็นความเพ้อฝัน เพราะเม่ือคุณเริ่มเปิดร้าน เป็นไปได้ว่าคุณจะไม่มีลูกค้าเลยใน
อาทิตยแ์ รกๆ (ไม่นับเพื่อน ญาติ และคนรู้จกั ) อาจมลี กู คา้ หลายคนมาให้ความสนใจสินค้าของคุณแต่ก็
จากไป คุณจะเร่ิมสงสัยว่าคุณทาอะไรผิด บางคร้ังอาจถึงข้ันอยากลดราคาแล้วขายทุกอย่างเพ่ือใหค้ ืน
ทุน อย่าทาแบบนั้น คุณต้องมั่นใจและหมั่นตรวจสอบแผนการตลาดของคุณว่าได้ผลตามคาดหรือไม่
และหัดปรับเปลย่ี น ทาอะไรใหม่ๆ เพ่อื เรยี กลูกค้า และอยา่ ท้อแท้

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

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

แบบ CMS (Content Management System) ที่ได้รับความนิยมและมีช่ือเสียงมากในปัจจุบัน

สาเหตุเป็นเพราะโปรแกรม WordPress ช่วยให้ผู้ใช้งานไม่จาเป็นท่ีจะต้องเรียนรู้ถึงภาษาหรือวิธีการ

เขียนโค้ดในการทาเว็บไซต์ เน่ืองจากระบบของ WordPress ได้ทาการสนับสนุนการทางานทั้งหน้า

บ้านและหลังบ้านของเว็บไซต์อยู่แล้ว ทาให้ผู้ใช้สามารถสร้างเว็บไซต์ของตัวเองได้ง่าย มีหน้าตา

สวยงามตามทต่ี อ้ งการ และมคี วามรวดเรว็ ขน้ึ

10

2.3.1 ประเภทของ WordPress
WordPress มี 2 ประเภทหลกั ๆ ไดแ้ ก่ WordPress.com และ WordPress.org โดย

ความแตกต่างกันนั้นจะอยู่ตรงที่ WordPress.com จะเป็นลักษณะการให้บริการแบบ Host Service
โดยบริการจะมีทั้งแบบฟรีและเสียเงิน แบบฟรีน้ันจะเป็นลักษณะเป็นการใช้งานแบบ Subdomain
และพื้นที่การใช้งานจากัดในกรณีท่ีเราต้องการใชง้ านแบบเป็นโดเมนของเราโดยเฉพาะจะต้องทาการ
เสียค่าบริการรายเดือนให้กับWordPress.comหรือหากเราต้องการขยายพ้ืนที่การจัดเก็บข้อมูลเพิ่ม
จากแพ็คเกจที่ทางWordPress.comให้ก็จะต้องเสียค่าบริการเพ่ิมเติมเช่นเดียวกัน ท้ังน้ีในส่วนของ
โดเมนและโฮสติ้ง (Domain and Hosting) นั้นเป็นสว่ นหนงึ่ ในการบริการของ WordPress.com แต่
ในกรณีท่ีเป็นWordPress.orgน้ันจะเป็นการใช้งานในกรณีผู้ใช้ท่ีต้องการใช้โดเมนและพ้ืนที่เก็บข้อมูล
(host) ของตนเองผ่านบริษัทโฮสต้งิ ต่างๆท้ังในประเทศหรือนอกประเทศ เราสามารถท่ีจะดาวนโ์ หลด
ไฟล์ WordPress มาลงไวบ้ นเครือ่ งเซิฟเวอรท์ เ่ี ราทาการเช่าพน้ื ที่อยู่ทาการปรบั แต่งในส่วนของเนื้อหา
ภาพลักษณ์หรือ คุณสมบัติได้ตามความต้องการโดยจะเสียเพียงค่าเช่าโดเมนและโฮสติ้งเพื่อทาการ
เก็บข้อมูลเทา่ น้ัน ไม่ได้เสียคา่ โปรแกรม WordPress

ภาพท่ี 2.3 โปรแกรม WordPress
2.3.2 องค์ประกอบของ WordPress

ระบบWord Pressทั้งสองระบบจะมีองค์ประกอบและลักษณะการทางานท่ี
เหมือนกันคนื จะมีสว่ นของระบบหลัก (Core System) ทท่ี าหนา้ ทใี่ นการจัดการและประมวลผลข้อมูล
ท่ีได้รับจากผู้ใช้งาน ผ่านพ้ืนที่การทางานหลังบ้านที่แบ่งโครงสร้างเมนู ได้แก่ เมนูเรื่อง (Posts) หน้า
(Pages) การปรับแตง่ (Customize) การตั้งคา่ (Settings) การเพิ่มธีม ปล๊กั อนิ และอ่ืนๆ ซึง่ เมื่อเราทา
การใส่ข้อมูลที่หลังบ้านของเราแล้วผลที่ได้ก็จะแสดงผลมายังหน้าเว็บไซต์ที่อยู่ทางด้านหน้าแสดงให้ผู้
เข้าชมเว็บไซต์เห็นหน้าตาของเว็บไซต์น้ัน ระบบ WordPress มีการสนับสนุนระบบธีม (Themes) ท่ี
ให้ผู้ใช้งานสามารถเลอื กธีมไดต้ ามใจชอบ เป็นลักษณะของการนาหน้ากากมาครอบระบบหลักเพื่อทา
ให้หน้าตาของเว็บไซต์มีความสวยงาม และในขณะท่ีขีดความสามารถของเว็บไซต์ก็สามารถเพิ่มได้

11

เชน่ เดียวกัน เชน่ ระบบการขายของออนไลน์ ระบบการสอนคอร์สออนไลนซ์ ึ่งจะทาให้ตัวเว็บไซต์ของ
เรามีประสิทธภิ าพในการใชง้ านไดม้ ากยง่ิ ข้นึ

2.3.3 ปลก๊ั อนิ WordPress
ในส่วนของปล๊ักอินที่เป็นเหมือนอุปกรณ์เสริมเพิ่มขีดความสามารถให้ WordPress

น้ันมีหลายกลุ่มและหมวดหมู่ ข้ึนอยู่กับว่า เราต้องการเพ่ิมศักยภาพของเว็บเราในด้านใด เช่น ใน
หมวดของการตกแต่งหน้าตาเว็บไซต์ (Page Builder) การขายของออนไลน์ (Online Shopping)
คอร์สออนไลน์ (Course Online) แปลภาษา (Translation) ระบบเมล์ (Mail) ฟอร์มต่างๆ (Form)
ความเร็วเว็บไซต์ (Speed) และความปลอดภยั (Security) เปน็ ต้น
ปลั๊กอนิ ยอดนยิ มท่ีใชก้ นั ได้แก่ Elementor, WooCommerce, Contact Form 7, Yoast
SEO, LayerSlider, Smush, Loco Translate เป็นตน้

ภาพท่ี 2.4 ปล๊ักอิน WordPress
2.3.4 ตวั อย่างของระบบหลงั บ้าน

เม่ือผู้ใช้งานทาการติดตั้งระบบWord Press แล้วจะได้รับยกตัวอย่าง เช่น การที่
สามารถเพ่ิมบทความได้เอง สามารถเปลี่ยนรูปได้ตามความต้องการ สามารถกาหนดในส่วนของเมนู
ได้ปรับเปลี่ยนสีขนาดของตัวอักษรหรือฟอนต์และสามารถปรบั เปล่ียนรูปแบบของธมี และปลัก๊ อินได้
ตามความตอ้ งการ

2.3.4.1 สามารถเพิ่มบทความได้เองได้โดยไม่ต้องแก้ไขโค้ดซ่ึงส่วนนี้จะอยุ่ในส่วนของ
เรอื่ ง (Posts) สามารถเพิ่มบทความได้เองไดโ้ ดยไม่ต้องแกไ้ ขโค้ด

12

ภาพที่ 2.5 เพิม่ บทความ
2.3.4.2 สามารถเปลี่ยนรปู ได้ตามต้องการโดยสามารถทาการปรับขนาดรปู พลิกซา้ ย
พลกิ ขวารูปได้

ภาพที่ 2.6 ปรับเปลยี่ นขนาดรูปภาพ
2.3.4.3 สามารถปรบั แต่งเมนไู ด้ตามต้องการ เพียงแค่ลากจากกลอ่ งทางด้านซา้ ยมือมา
วางเป็นลาดบั เมนูทางดา้ นขวามอื

ภาพท่ี 2.7 ปรบั แต่งเมนู

13
2.3.4.4 ตกแตง่ ส่วนตา่ งๆได้ง่าย เช่น โครงสร้างเว็บไซต์ sidebar เปลย่ี นสีเปล่ยี น
ขนาดตวั อักษรเป็นต้น

ภาพที่ 2.8 ตกแต่งโครงสร้างเวบ็ ไซต์
2.3.5 ข้ันตอนการติดตง้ั WordPress บน localhost (XAMPP)

ทาการดาวหโ์ หลด Word press เมือ่ ดาวห์โหลดเสรจ็ ทาการแตกไฟล์โดยกด “Extract
Here” และทาการยา้ ยไฟล์ท้ังหมดไปใน Xamp

ภาพที่ 2.9 ขนั้ ตอนการตดิ ตั้ง
แตก zip ไฟล์ออกมาจะได้ folder ทง้ั หมดลักษณะน้ี

ภาพที่ 2.10 แตง่ ภายในโฟลเดอร์

14
ขั้นตอนที่ 1 นาไฟล์ทกุ ไฟลย์ ้ายเขา้ ไปท่ี path: XAMPP/htdocs/yourfolder

yourfolder คือ folder ที่จะตดิ ต้ัง WordPress (ตั้งไดเ้ องตามใจชอบ – ส่วนใหญ่ก็
จะตั้งตามชื่อเวบ็ ไซต์ หรือชอื่ โปรเจค)

ภาพที่ 2.11 ย้ายไฟล์

ภาพที่ 2.12 ยา้ ยโฟลเดอร์
เมือ่ ติดต้ัง Word press เสร็จเรยี บร้อย ใหย้ ้ายไฟล์ทั้งหมดไปไว้ใน Xamp ช่ือ
ไฟล์ntdocsย้ายเอาเฉพาะที่อยู่ข้างใน ไม่ต้องเอา folder wordpress-3.9.1 มาด้วยให้ดับเบิ้ลคลิก
เข้าไปท่ี folder “wordpress-3.9.1“ แล้ว select all หรือ Ctrl+A จับไฟล์ และ folder ที่อยู่ข้าง
ในทั้งหมดใส่ตามpath: XAMPP/htdocs/wp_yuikdev หน้าตาจะเหมือนกับ WordPress ที่เรา
download

15
ขนั้ ตอนที่ 2 start Apache และ MySQL เปิด XAMPP Control Panel ข้นึ มาแลว้ Start

ภาพที่ 2.13 WordPress บน localhost
Apache และ MySQL ตอ้ งเปดิ ตลอดเวลาทเ่ี รามีการตดิ ต่อกับ database
หมายความว่าตลอดเวลาทเี่ รากาลังทาเวบ็ ไซต์ WordPress บน localhost อยู่ ห้ามปดิ ! เราจะปิด
Apache และ MySQL ตอ่ เมื่อเราใชง้ าน WordPress บน localhost ของเราเสร็จแล้ว เชน่ ทางาน
เสร็จแล้วสาหรับวันนี้ ไปเล่น Facebook ดกี วา่ กป็ ดิ ไป แล้วคอ่ ยกลบั มาเปดิ ใหม่เมอื่ เราจะใชง้ านมัน

ภาพที่ 2.14 start Apache และ MySQL
ข้ันตอนที่ 3 สร้าง database / collation: utf8_general_ci ตัง้ แต่ WordPress 4.2 ขนึ้

ไป collation: utf8mb4_unicode_ciใช้ browser เรียก XAMPP ขน้ึ มา โดย
พิมพ์ localhost ท่ีชอ่ ง url แล้วกด Enter เข้าไปท่ี เมนู phpMyAdmin เพ่ือเขา้ ไปสร้าง database

16

ภาพท่ี 2.15 สรา้ ง Database

คลกิ ที่ tab Database

ภาพท่ี 2.16 สร้าง Database

ใสช่ อ่ื database ท่ตี ้องการ แลว้ เลือก collation เปน็ utf8_general_ciตัง้ แต่
Word Press 4.2 ขึ้นไปเลอื ก collation เป็น utf8mb4_unicode_ciกด Create แล้ว
สังเกตทด่ี า้ นซ้าย database ทเี่ ราสร้างเม่ือก้ีเข้ามาละ

17

ภาพที่ 2.17 ใส่ชื่อ Database
ขัน้ ตอนท่ี 4 ตง้ั ค่าไฟล์ wp-config.php

ดบั เบล้ิ คลกิ ท่ีไฟล์ wp-config-sample.php เพื่อเข้าไปต้ังค่าขอ้ มลู database ที่เรา
สรา้ งมาเมื่อสักครนู่ ี้

ภาพที่ 2.18 ตั้งค่าไฟล์

18

ขั้นตอนท่ี 5 การอธบิ าย config สกั หน่อย
DB = Database การใส่คา่ ต้องอยภู่ ายในเคร่ืองหมาย single quote คอื

เครื่องหมายน้ี มี 2 อัน เปิด-ปิด เช่น ‘xxxx’ ใชโ้ ปรแกรมประเภท text editor ในการแก้ไข
เชน่ Sublime Text, EditPlus, NotePad, WordPad
DB_NAME – ให้ใส่ ช่ือของ database ท่ีเราสร้างมาเม่ือสักครู่
DB_USER – บน localhost ปกติจะถูกตั้งให้เป็น root (ถ้าเป็นการติดต้ัง WordPress บน
hosting ส่วนใหญ่จะใช้ช่ือเหมือนกับ DB_NAME หรือถ้า hosting ต้ังค่าอย่างอ่ืนไว้ก็ถามได้จาก
admin ที่ดูแล hosting น้ันได้)
DB_PASSWORD – ใส่ password ของ database แต่ถ้าเราไม่เคยไปต้ัง password ไว้ที่
XAMPP ก็ปล่อยว่างไว้
DB_HOST – ใช้ localhost ไม่ต้องเปล่ียน

ภาพที่ 2.19 การใสค่ า่
ตวั อยา่ งการตั้งค่า config (ท่ีสอนในบทความนี)้

DB_NAME = wp_yuikdev
DB_USER = root
DB_PASSWORD = ปล่อยวา่ ง (ลบ password_here ออกดว้ ย
DB_HOST = localhost

19

ภาพท่ี 2.20 การตั้งค่า
เสร็จแล้ว Save as ต้ังช่ือไฟลใ์ หม่เป็น wp-config.phpสว่ นไฟล์ wp-config-
sample.php ระบบไมใ่ ช้ จะลบออกหรอื ไมล่ บก็ได้

ภาพท่ี 2.21 Save as

20

ขัน้ ตอนท่ี 6 เรยี กหน้า Install WordPress ขึน้ มา
url – http://localhost/yourfolder/wpadmin/install.php (เอา wadmin/inst

all.php ต่อทา้ ย) ตัวอยา่ ง http://localhost/wp_yuikdev/wp-admin/install.php

ภาพท่ี 2.22 เรียกหนา้ install Word Press
เข้ามาสหู่ นา้ Install WordPress

Site Title – ใสช่ ่ือเวบ็ ไซต์ (ตรงนเ้ี ดีย๋ วเข้าไปเปล่ยี นทีหลงั ทีห่ น้า admin ได้)
Username – เ ป็ น username ที่ ใ ช้ Login เ ข้ า WordPress (ค น ล ะ ตั ว กั บ username ข อ ง
database)
Password, twice – เป็น password ที่ใช้ Login เข้า WordPress (คนละตัวกับ password ของ
database)
Your E-Mail – ใส่อเี มลของเรา
Privacy – ไม่ตอ้ งกดเครือ่ งหมายถกู เนื่องจากเราไมไ่ ด้ online จริง (ตรงนเี้ ป็นการอนญุ าตให้ search
engine เข้ามาเก็บข้อมูลหรือไม่ เอาไว้ย้ายข้ึน hosting จริง ก็ค่อยไปกดเลือกอนุญาตทีหลังใน
Settings ที่หลงั บ้านได)้ เสรจ็ แล้วคลิก Install WordPress

ภาพท่ี 2.23 เขา้ สู่หนา้ Wordpress

21

ภาพท่ี 2.24 Log in
ขนั้ ตอนที่ 7 Login เข้า WordPress เป็นอันเสร็จเรยี บร้อย

ครั้งตอ่ ไปเวลาเขา้ หนา้ Login กใ็ ช้ url น้ี http://localhost/yourfolder/wp-
login.php (เอา wp-login.php มาต่อทา้ ย)
ตัวอยา่ ง http://localhost/wp_yuikdev/wp-login.php
Trick : save ใส่ bookmark ของ browser เอาไว้เลย

ภาพที่ 2.25 Log in เข้า Word press

22

เมือ่ เข้ามาท่หี น้า Dashboard ได้ กแ็ สดงวา่ คุณได้ทาการตดิ ต้ัง WordPress บน
localhost (XAMPP) ดว้ ยตวั เองสาเร็จแล้ว

ภาพท่ี 2.26 เขา้ มาทีห่ นา้ Dashboard

2.3.6 ประโยชนข์ อง WordPress
2.3.6.1 สร้างเว็บไซต์ไดง้ า่ ยกว่าการเขียนโคด้ เพราะระบบมีให้อยู่แลว้
2.3.6.2 มรี ปู แบบหนา้ ตาเวบ็ สวยๆ มากมายให้เลือกใชง้ าน ทาให้เว็บดูทันสมัย
2.4.6.3 มีการอัพเดทระบบตลอดเวลา มปี ระสิทธภิ าพ ยดื หยุ่น และความปลอดภัยสู
2.3.6.4 มแี หลง่ ชุมชน กลุ่มผ้ใู ช้งานหรือคอมมนู ิตจี้ านวนมากทคี่ อยตอบและแก้ปญั หาของ

WordPress
2.3.6.5 สามารถปรับแตง่ เองได้ ในกรณีท่ีต้องการฟีเจอร์พเิ ศษ มีระบบปลก๊ั อินท่ีคอ

สนบั สนนุ และในกรณีท่ีไม่มฟี ีเจอรท์ ีต่ ้องการ สามารถเขยี นโคด้ เพ่ิมข้ึนไปเองได้ โดยระบบสนบั สนุน
ในลกั ษณะ Child Them

2.3.6.6 ตน้ ทนุ ในการสรา้ งเว็บไมแ่ พง
2.3.6.7 ทางานได้หลายภาษา
2.3.7 ข้นั ตอนการ สร้างเว็บไซต์ ดว้ ย wordpress

2.3.7.1 เริ่มต้นสร้างเวบ็ ไซต์ ดว้ ยการเขา้ โฮสต์

23

ภาพท่ี 2.27 การเขา้ โฮสต์
2.3.7.2 เลือกแพคเกจโฮสติ้ง

ภาพที่ 2.28 เลือกแพคเกจโฮสติ้ง
2.3.7.3 กดเลอื กซื้อสนิ คา้ ท่ี WP-1

ภาพที่ 2.29 เลอื กซอ้ื สนิ คา้

24

2.3.7.4 เลือกจดโดเมน

ภาพที่ 2.30 เลอื กจดโมเดล
2.3.7.5 กดสัง่ ซอื้ ให้เรยี บร้อย

ภาพที่ 2.31 กดสง่ั ซ้อื
2.3.7.6 ล็อกอนิ เข้าไปที่โฮสต์ หรอื ผ้ใู ห้บรกิ ารของเรา

ภาพที่ 2.32 ล็อกอนิ เข้าไปที่โฮสต์

25

2.3.7.7 เลือกทไ่ี อคอนรูปกล่องบรกิ าร

ภาพท่ี 2.33 เลือกไอคอน
2.3.7.8 เลอื กทสี่ ินค้า/บริการที่ใชง้ านอยู่

ภาพที่ 2.34 เลอื กที่สนิ คา้ และบรกิ าร
2.3.7.9 เลือกเขา้ สู่ DirectAdmin

ภาพท่ี 2.35 เขา้ สู่ DirectAdmin

26

2.3.7.10 เลือกที่ตวั สญั ลักษณ์ Word Press

ภาพท่ี 2.36 เลอื กตวั สัญลักษณ์
2.3.7.11 จากน้นั กก็ ดปุ่ม Install Now

ภาพที่ 2.37 กดปุ่ม Install Now

27

2.3.7.12 การตั้งคา่

ภาพท่ี 2.38 ตงั้ ค่า
2.3.7.13 รอติดต้งั Word Press ให้เสร็จ

ภาพท่ี 2.39 รอติดต้งั

28

บทท่ี 3
วธิ ีการดำเนนิ งาน

1

บทที่ 3
วิธกี ารดาเนินงานโครงการ
การดาเนินโครงการ สร้างเว็บไซต์ขายเสื้อผ้าออนไลน์ ด้วยโปรแกรม Word press มี
รายละเอียดในการดาเนนิ งานโครงการ ดังน้ี
3.1 การศึกษาข้อมลู เบ้ืองต้น
3.2 ประชากรและกลมุ่ ตัวอย่าง
3.3 ขั้นตอนการดาเนินงาน
3.4 เครอ่ื งมือทใ่ี ช้ในการเกบ็ รวบรวมขอ้ มลู
3.5 ขน้ั ตอนการดาเนินการและเก็บรวบรวมข้อมลู
3.6 พิจราณาจากคะแนนตามเกณฑ์
3.7 สถิติทใี่ ชใ้ นการวิเคราะห์ขอ้ มลู
3.1 การศึกษาข้อมูลเบอ้ื งต้น
3.1.1 เว็บไซตข์ ายเสอ้ื ผ้าออนไลน์
3.1.2 โปรแกรม Word press
3.1.3 ออกแบบเวบ็ ไซต์
3.1.4 การสร้างเวบ็ ไซต์
3.2 ประชากรและกลุ่มตัวอยา่ ง
3.2.1 ประชากร คอื นักศึกษาแผนกคอมพิวเตอร์ธุรกิจทั้งหมด จานวน 504 คน
3.2.2 กลุม่ ตวั อยา่ ง คือ นกั ศึกษาแผนกคอมพวิ เตอรธ์ ุรกิจ จานวน 217 คน
3.3 ขั้นตอนการดาเนินงาน
3.3.1 ปรึกษาและขอคาแนะนาจากอาจารย์ทป่ี รึกษาโครงการ
3.3.2 ศกึ ษาเว็บไซตเ์ สอ้ื ผา้ ออนไลน์
3.3.3 ศกึ ษาโปรแกรม Word press
3.3.4 วางแผนสรา้ งเว็บไซต์
3.3.5 ออกแบบหน้าเวบ็ ไซต์

29

3.3.5.1 เปิด Word press

ภาพที่ 3.1 แสดงโปรแกรม Word press
3.3.5.2 เลือกรูปแบบเว็บ เลือกธมี

ภาพท่ี 3.2 แสดงรูปแบบเวบ็ ธีม
3.3.5.3 เลือกเพ่ิมธมี

ภาพที่ 3.3 แสดงการเพ่ิมธมี

30

3.3.5.4 คน้ หาธมี ท่ีต้องการ

ภาพท่ี 3.4 แสดงการค้นหาธีมที่ตอ้ งการ
3.3.5.5 ติดตง้ั ธีม

ภาพท่ี 3.5 แสดงการติดตง้ั ธีม
3.3.5.6 เลอื กใชง้ าน

ภาพท่ี 3.6 แสดงการเลอื กใช้งาน

31

3.3.5.7 ติดตง้ั ปล๊กั อิน

ภาพที่ 3.7 แสดงการตดิ ต้ังปล๊กั อิน
3.3.5.8 เลือกปรบั แต่ง

ภาพที่ 3.8 แสดงเลือกปรับแตง่

3.4 เครื่องมือท่ใี ชใ้ นการเก็บรวบรวมข้อมูล
3.4.1 มกี ารสอบถามความรเู้ กย่ี วกบั สาขาวิชาเทคโนโลยีธุรกิจดจิ ทิ ลั ของนักเรยี นระดบั ช้นั ปวส.2 กล่มุ 2

สาขาคอมพวิ เตอรธ์ ุรกจิ วทิ ยาลัยเทคนคิ ระยองซึง่ ประกอบดว้ ย เพศ อายุ ระดบั ชัน้