Professional Documents
Culture Documents
Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง
(ขัน
้ ตอนโดยละเอียด)
By Bank Chatchadol
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
หากคุณกําลังมีความคิดทีจ่ ะเริม
่ ต้นสร้างเว็บไซต์ เพื่อใช้สําหรับทําการตลาดออนไลน์และสร้าง
ยอดขายเพิม
่ ขึน
้ เว็บไซต์จะมีส่วนสําคัญอย่างมากทีจ ่ ะช่วยให้คุณสามารถทําแบบนั้นได้
การเรียนรู้วิธีการสร้างเว็บไซต์ถือเป็นทักษะทีส
่ ําคัญมากสําหรับผู้ประกอบการในยุคปัจจุบัน
เพราะมันจะทําให้ธุรกิจของคุณเติบโตได้เร็วกว่าคู่แข่ง และทําให้คุณสามารถทีจ ่ ะเข้าถึงกลุ่ม
ลูกค้าเป้าหมายทีอ ่ ยู่บนโลกออนไลน์ได้มากขึน ้
ข่าวดีก็คือทุกคนสามารถเรียนรู้ทจ
ี่ ะสร้างเว็บไซต์เป็นของตัวเองได้ ถึงแม้ว่าจะไม่มีประสบการณ์
หรือความรู้ทางด้านการเขียนโค้ดหรือการเขียนโปรแกรมมาก่อนเลย…
และเพื่อให้คุณเริม
่ ต้นได้เร็วทีส
่ ุด บทเรียนนี้ถูกออกแบบมาเพื่อให้คุณเรียนรู้วิธีการสร้างเว็บไซ
ต์ด้วย WordPress ซึง่ เป็นแพลตฟอร์มทีท ่ ําให้คุณสร้างและปรับแต่งเว็บไซต์ได้ด้วยตัวเองแบบ
ง่ายๆ โดยไม่จําเป็นต้องพึง่ ผู้พัฒนาหรือโปรแกมเมอร์
1. เตรียมความพร้อมก่อนเริม
่ ต้นสร้างเว็บไซต์
2. สมัครโดเมนและโฮสติง้
3. ติดตัง
้ WordPress ให้เว็บไซต์พร้อมใช้งาน
4. ปรับแต่งหน้าตาของเว็บไซต์
ถ้าพร้อมแล้วเรามาเริม
่ ต้นกันเลยครับ!
© BankChatchadol.com 2
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ขัน
้ ตอนที่ 1: เตรียมความพร้อมก่อนเริม
่ ต้นสร้างเว็บไซต์
เลือกแพลตฟอร์มทีจ
่ ะใช้สร้างเว็บไซต์
สิ่งแรกทีค
่ ุณต้องทําเพื่อทีจ
่ ะเริม
่ ต้นสร้างเว็บไซต์ก็คือเลือกว่าจะใช้แพลตฟอร์มอะไรในการสร้าง
เว็บของตัวเองขึน้ มา
คุณอาจจะเคยพบเห็นแพลตฟอร์มทีเ่ ปิดให้คุณสามารถสร้างเว็บไซต์ได้โดยไม่มีค่าใช้จ่ายใดๆ
แต่แพลตฟอร์มฟรีเหล่านี้อาจจะไม่เหมาะกับการสร้างธุรกิจระยะยาว... เพราะแพลตฟอร์มฟรีส่วน
ใหญ่มักจะมีข้อจํากัดในการใช้งาน ซึง่ ทําให้คุณไม่สามารถปรับแต่งเว็บไซต์ได้อย่างเต็มที่ และใน
หลายๆครั้งอาจไม่เพียงพอกับความต้องการของคุณ
© BankChatchadol.com 3
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ทั้งนี้แต่ละแพลตฟอร์มจะมีฟงั ก์ชั่นการใช้งานทีแ
่ ตกต่างกัน ความยากง่ายในการสร้างเว็บไซต์มัก
จะขึน้ อยู่กับแพลตฟอร์มทีค
่ ุณเลือก เพราะบางแพลตฟอร์มคุณแทบไม่จําเป็นต้องใช้ทักษะด้าน
HTML และ CSS เพื่อสร้างเว็บไซต์ให้มีหน้าตาสวยงามและตรงกับความต้องการของคุณเลย
หากคุณไม่ใช่โปรแกรมเมอร์ทม ี่ ีความเชีย
่ วชาญด้าน Coding และเป็นเพียงผู้ประกอบการที่
ต้องการสร้างเว็บไซต์สําหรับธุรกิจด้วยตัวเอง คุณสามารถเริม
่ ต้นด้วยการใช้ WordPress เป็น
CMS ของเว็บไซต์คุณ
WordPress คืออะไร
© BankChatchadol.com 4
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
© BankChatchadol.com 5
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
● โดเมน
● โฮสติง้
● ธีม
● ปลั๊กอิน
โดเมน
ในการสร้างเว็บไซต์ของตัวเอง ค่าใช้จ่ายส่วนแรกทีค
่ ุณจะต้องเสียก็คือ “โดเมน”
ค่าใช้จ่ายโดยทั่วไปของโดเมนจะอยู่ทป
ี่ ระมาณปีละ 400-600 บาท ขึน
้ อยู่กับแต่ผู้ให้บริการ
โฮสติง
้
สิ่งถัดมาทีค
่ ุณจะต้องมีก็คือ “โฮสติง้ ” ซึง่ ทําหน้าทีเ่ ก็บข้อมูลทุกอย่างของเว็บไซต์คุณ
ทุกเว็บไซต์จําเป็นจะต้องมีโฮสติง้ เพื่อใช้สําหรับการเก็บข้อมูลและเชื่อมต่อกับอินเตอร์เน็ตตลอด
เวลา เพื่อให้คนสามารถเข้าชมเว็บไซต์ได้
ค่าใช้จ่ายของโฮสติง้ ขึน
้ อยู่กับผู้ให้บริการและแพ็คเกจทีค
่ ุณเลือก ซึง่ ปกติแพ็คเกจเริม
่ ต้นจะอยู่ที่
ประมาณเดือนละ 150-500 บาทต่อเดือน
© BankChatchadol.com 6
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ธีม
ปลัก
๊ อิน
คุณสามารถเลือกติดตั้งปลั๊กอินทีค
่ ุณต้องการได้โดยไม่มีค่าใช้จ่ายใดๆเพิม
่ เติมซึง่ WordPress
มีให้คุณเลือกมากกว่า 50,000 ตัว แต่เช่นเดียวกันกับธีม หลายๆครั้งปลั๊กอินฟรีมักจะมีข้อ
จํากัดและคุณอาจต้องการซื้อปลั๊กอินเพิม่ เติมเพื่อให้เว็บไซต์ตอบโจทย์การใช้งานมากขึน้
© BankChatchadol.com 7
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เทคนิคการตัง
้ ชือ
่ โดเมน
โดเมนหรือชื่อเว็บไซต์จะเป็นสิ่งทีอ
่ ยู่กับคุณไปยาวๆและคุณไม่ควรเปลีย
่ นแปลงมันในภายหลัง
เพราะมันจะส่งผลกระทบหลายๆอย่างต่อธุรกิจของคุณ
ด้วยเหตุผลทีโ่ ดเมนเป็นชื่อทีผ
่ ู้คนจะจดจํา และเป็นสิ่งทีเ่ ซิจเอนจิน
้ ใช้ในการประเมินอันดับเว็บไซ
ต์บนผลการค้นหา การเปลีย ่ นแปลงในภายหลังอาจส่งผลให้ผู้ใช้งานทีเ่ ข้าเว็บไซต์ของคุณเป็น
ประจําหาเว็บไซต์ใหม่ของคุณไม่เจอ หรือทําให้เว็บไซต์ของคุณแสดงในอันดับทีต ่ ่าํ ลงกว่าเดิม…
ดังนั้นการตั้งชื่อโดเมนควรทําอย่างระมัดระวังเพื่อให้แน่ใจว่าคุณใช้ชื่อทีถ
่ ูกต้องและจะไม่
เปลีย
่ นแปลงมันในภายหลัง
หากคุณเพิง่ เริม
่ ต้น คุณอาจตั้งชื่อโดเมนตามชื่อบริษัทหรือชื่อแบรนด์ของคุณเอง เช่น
www.yourcompanyname.com
แต่หากคุณยังไม่แน่ใจว่าจะตั้งชื่อโดเมนว่าอะไรดี นี่คือคําแนะนําเบื้องต้นสําหรับการเริม
่ ต้น
1. จําได้ง่ายและโดดเด่น
คําว่าจําได้ง่ายและโดดเด่นในทีน
่ ี้ก็คือ เมื่อมีคนพูดถึงโดเมนของคุณ เขาจะนึกถึงธุรกิจของคุณ
ขึน
้ มาเป็นอันดับแรก คุณควรหลีกเลีย ่ งการตั้งชื่อโดเมนทีเ่ ป็นคําศัพท์กว้างๆเพราะอาจจะทําให้
โดเมนของคุณไม่เป็นทีจ ่ ดจําและยากต่อการสร้างแบรนด์
© BankChatchadol.com 8
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
2. อ่านได้ง่ายและไม่ยาวจนเกินไป
การตั้งชื่อโดเมนทีอ ่ ่านได้ง่ายและไม่ยาวจนเกินไปก็จะทําให้คนอื่นๆจําโดเมนของคุณได้ง่าย
นั่นเอง ทั้งนี้ยังเป็นผลดีเมื่อมีคนนําเว็บไซต์ของคุณไปแชร์บนโซเชียลมีเดีย, การทําโฆษณาออ
นไลน์ และการทํา SEO อีกด้วย
3. เริม
่ ต้นที่ .com
4. หลีกเลีย
่ งการใช้เครือ
่ งหมายขีด (-)
การใช้โดเมนทีม
่ ีเครื่องหมายขีด เช่น your-company-name.com อาจทําให้คนจําโดเมนของ
คุณผิดไปจากเดิมและพิมพ์ตกหล่น ซึง่ ส่งผลให้เขาไม่สามารถเข้าเว็บไซต์ของคุณได้
เมื่อคุณได้ชื่อโดเมนทีต
่ ้องการแล้ว จดมันเอาไว้ในกระดาษก่อนแล้วเราจะมาจดทะเบียนกันใน
ภายหลังพร้อมกับการสมัครโฮสติง้
© BankChatchadol.com 9
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
โฮสติง
้ สํ าหรับเว็บไซต์ WordPress
คําแนะนําเบื้องต้นสําหรับโฮสติง้ ทีด
่ ีเป็นดังนี้:
© BankChatchadol.com 10
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ปัจจุบันผู้ให้บริการโฮสติง้ ทีผ
่ มใช้งานอยู่ก็คือ SiteGround ซึง่ เว็บไซต์ของผมจะโฮสต์อยู่ทน
ี ่ ี่
หากคุณต้องการเว็บไซต์ทม ี่ ีประสิทธิภาพและตั้งใจกับการใช้เว็บไซต์เป็นเครื่องมือในการสร้าง
ลูกค้าและยอดขายให้กับธุรกิจ ผมแนะนําให้คุณเลือก SiteGround เช่นเดียวกันเพราะนี่คือโฮส
ติง้ ทีอ
่ าจเรียกได้ว่าเป็นโฮสติง้ ทีด
่ ีทส
ี่ ุ ด
ผลโหวตทั้งหมดนี้มาจากกลุ่มผู้พัฒนาเว็บไซต์ทอ
ี่ ยู่ใน Facebook ซึง่ แต่ละกลุ่มมีสมาชิกทีเ่ ป็น
นักพัฒนามากกว่า 12,000 คน เมื่อนักพัฒนาเหล่านี้ถูกถามว่าผู้ให้บริการโฮสติง้ รายไหนดี
ทีส
่ ุด คําตอบทีไ่ ด้ก็คือ SiteGround
© BankChatchadol.com 11
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ปฏิเสธไม่ได้เลยว่าความเร็วในการโหลดของเว็บไซต์มีส่วนสําคัญมากทีจ ่ ะส่งผลโดยตรงต่อ
จํานวนการเข้าชม รวมไปถึงโอกาสในการสร้างลูกค้าและยอดขาย โดยเฉพาะอย่างยิง่ เมื่อเว็บไซ
ต์มีผู้เข้าชมจํานวนมาก การทีเ่ ว็บไซต์โหลดช้าลงเพียงแค่ 1 วินาทีก็อาจหมายถึงจํานวนลูกค้าที่
หายไปต่อเดือนมากกว่า 100 คน
การลงทุนใช้โฮสติง้ ทีม
่ ีคุณภาพทีท
่ ําให้เว็บไซต์ของคุณโหลดเร็วขึน
้ คือการลงทุนทีจ
่ ะสร้างผล
ตอบแทนทีค่ ุ้มค่าอย่างไม่ต้องสงสัยเลย
© BankChatchadol.com 12
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
© BankChatchadol.com 13
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เพียงแค่เหตุผล 3 ข้อนี้ก็น่าจะเพียงพอทีจ
่ ะอธิบายว่า SiteGround เป็นหนึ่งในตัวเลือกของโฮส
ติง้ ทีด
่ ีทส
ี่ ุ ด
คลิกทีน
่ ี่เพื่อสมัครใช้บริการโฮสติง้ ของ SiteGround
หากคุณเพิง่ เริม
่ ต้น แพ็คเกจทีผ
่ มแนะนําก็คือ “GrowBig” ซึง่ มีค่าบริการอยู่ทเี่ ดือนละ $5.95
หรือ 200 บาท เพราะคุณสามารถสร้างเว็บไซต์ได้อย่างไม่จํากัด (จากราคาปกติเดือนละ
$19.95 หรือ 700 บาท)
คลิกทีน
่ ี่เพื่อสมัครใช้บริการโฮสติง้ ของ SiteGround
© BankChatchadol.com 14
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ขัน
้ ตอนที่ 2: สมัครโดเมนและโฮสติง
้
เลือกแพ็กเกจโฮสติง
้ ของ SiteGround
1. คลิกทีป
่ ุ่มด้านล่างเพื่อไปที่ SiteGround:
https://bankchatchadol.com/go/siteground/
© BankChatchadol.com 15
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. คลิกทีป
่ ุ่ม 'Get Plan’' เพื่อเลือกแพ็คเกจทีต
่ ้องการ
© BankChatchadol.com 16
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เลือกโดเมนเพือ
่ ใช้เป็นชือ
่ เว็บไซต์
1. ใส่โดเมนทีค
่ ุณต้องการลงไปในกล่องสี่เหลีย
่ มตามรูปด้านล่างเพื่อจดทะเบียนโดเมนใหม่
ในกรณีทโี่ ดเมนทีค
่ ุณเลือกถูกคนอื่นซื้อไปแล้ว คุณจะไม่สามารถจดทะเบียนโดเมนนั้นได้และ
จําเป็นต้องเลือกโดเมนใหม่ ซึง่ โดยส่วนมากแล้วชื่อทีเ่ ป็นคําสั้นๆหรือมีความหมายกว้างๆมักจะ
ถูกจดทะเบียนไปหมดแล้ว
© BankChatchadol.com 17
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. คลิกทีป
่ ุ่ม 'Proceed'
กรอกรายละเอียดสํ าหรับการสมัครโฮสติง
้
1. กรอกข้อมูลส่วนตัวของคุณเพื่อสร้างแอคเคาท์และรายละเอียดการชําระเงิน (ทั้งหมดเป็น
ภาษาอังกฤษ)
● Email: อีเมล
● Password: รหัสผ่าน
● Confirm Password: ยืนยันรหัสผ่าน
© BankChatchadol.com 18
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
● Country: ประเทศ
● First Name: ชื่อ
● Last Name: นามสกุล
● Company: บริษัท (ใส่หรือไม่ใส่ก็ได้)
● VAT/Tax ID: เลขประจําตัวผู้เสียภาษี (ใส่หรือไม่ใส่ก็ได้)
● City: จังหวัด
● Street Address: ทีอ
่ ยู่
● ZIP Code: รหัสไปรษณีย์
● Phone Number: เบอร์โทรศัพท์
© BankChatchadol.com 19
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
2. กรอกรายละเอียดคําสั่งซื้อ
Hosting Services
© BankChatchadol.com 20
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
Extra Services
© BankChatchadol.com 21
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. หลังจากกรอกข้อมูลเสร็จหมดแล้ว ติก
๊ ทีก
่ ล่องยอมรับเงื่อนไขบริการและคลิกปุ่ม 'Pay Now'
4. คลิกทีป
่ ุ่ม 'Proceed to Customer Area' เพื่อเข้าสู่ระบบหลังบ้าน
© BankChatchadol.com 22
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ขัน
้ ตอนที่ 3: ติดตัง
้ WordPress ให้เว็บไซต์พร้อมใช้งาน
1. คลิกทีป
่ ม
ุ่ ‘Set Up Site’ เพือ
่ เริม
่ ต้น
© BankChatchadol.com 23
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
(รูปประกอบอยู่ในหน้าถัดไป)
© BankChatchadol.com 24
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
4. คลิกทีป
่ ม
ุ่ ‘Continue’ และตรวจสอบรายการก่อนติดตัง
้
ทั้งนี้คุณอาจยังไม่จําเป็นต้องเพิม
่ บริการ SG Site Scanner ตอนนี้
© BankChatchadol.com 25
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
© BankChatchadol.com 26
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
© BankChatchadol.com 27
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ขัน
้ ตอนที่ 4: ปรับแต่งหน้าตาของเว็บไซต์
เนื่องจากการปรับแต่งเว็บไซต์นี้ไม่มีวิธีการทีต
่ ายตัวและคุณสามารถทําทุกอย่างได้ตามใจชอบ
คุณอาจหยุดอ่านบทเรียนนี้และทดลองใช้งานเว็บไซต์ใหม่ของคุณด้วยตัวเอง
เพื่อให้คุณสามารถปรับแต่งเว็บไซต์ได้อย่างทีต
่ ้องการ คุณจําเป็นทีจ
่ ะต้องทราบวิธีการใช้งาน
เครื่องมือต่างๆภายใน WordPress ซึง่ ด้านล่างนี้คือแถบคําสั่งมาตรฐานภายในระบบหลังบ้าน
© BankChatchadol.com 28
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
4. Pages - คําสั่งสําหรับการสร้างหน้าต่างๆในเว็บไซต์
5. Comments - คําสั่งนี้ใช้สําหรับการดูแลและจัดการคอมเมนต์ของผู้อ่านบนเว็บไซต์
6. Appearance - คุณสามารถปรับแต่งดีไซต์และหน้าตาของเว็บไซต์ทน
ี่ ี่ ซึง่ คําสั่งนี้จะใช้สําหรับ
การควบคุมการแสดงผลทั้งหมดบนเว็บไซต์ของคุณ
7. Plugins - ใช้คําสั่งนี้เพื่อติดตั้งปลั๊กอินเพิม
่ เติม ซึง่ จะช่วยเสริมประสิทธิภาพและฟังก์ชั่นต่างๆ
บนเว็บไซต์ให้ดียงิ่ ขึน
้ และตรงกับความต้องการของคุณ
8. Users - คําสั่งนี้ใช้สําหรับการจัดการผู้ใช้งานบนเว็บไซต์
9. Settings - การตั้งค่าต่างๆบนเว็บไซต์
ในขั้นตอนแรกสุดหลังจากทีค
่ ุณเพิง่ ติดตั้ง WordPress เราจะเริม
่ ต้นด้วยการอัพเกรดเว็บไซ
ต์ให้เป็น HTTPs
© BankChatchadol.com 29
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ติดตัง
้ SSL Certificate
© BankChatchadol.com 30
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
จากนั้นเปลีย
่ นค่าในช่อง Website Address และ Site Address ให้เป็น https แล้วกด Save
Changes เพื่อให้เว็บไซต์ของคุณแสดงผลเป็น HTTPs เป็นอันเสร็จสิ้น
© BankChatchadol.com 31
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ทําไมการติดตัง
้ SSL นี้จึงสํ าคัญ?
1. SSL ช่วยให้ผู้ใช้งานรู้สึกปลอดภัยมากขึน
้
ทั้งนี้ก็เพราะเบราเซอร์ของผู้ใช้งานจะมีข้อความแสดงว่าการเชื่อมต่อกับเว็บไซต์คุณนั้นปลอดภัย
ซึง่ ส่งผลให้ผู้ใช้งานไม่ต้องกังวลว่าข้อมูลส่วนตัว เช่น อีเมล เบอร์โทรศัพท์ หรือบัตรเครดิต จะ
หลุดไปสู่บุคคลอื่น และสามารถทําการสั่งซื้อบนเว็บไซต์พร้อมชําระเงินออนไลน์ได้อย่าง
ปลอดภัย
3. SSL ช่วยให้เว็บไซต์แสดงบนเซิจเอนจิน
้ ในอันดับทีด
่ ีขน
ึ้
คุณภาพของเว็บไซต์เป็นปัจจัยหนึ่งทีเ่ ซิจเอนจิน
้ นํามาจัดอันดับและเลือกว่าจะแสดงเว็บไซต์ใด
ก่อนให้กับผู้ใช้งาน เนื่องจากการติดตั้ง SSL เป็นการยืนยันว่าเว็บไซต์ของคุณมีความปลอดภัย
ต่อผู้ใช้งาน เว็บไซต์ของคุณก็จะมีโอกาสทําอันดับการค้นหาได้ดีกว่าเว็บไซต์อื่นๆทีไ่ ม่ได้ติดตั้ง
SSL นั่นเอง
© BankChatchadol.com 32
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เลือกธีมเว็บไซต์
แน่นอนว่ามันอาจจะยังไม่ถูกใจคุณสักเท่าไร…
เรามาเริม
่ ต้นปรับแต่งเว็บไซต์ด้วยการเลือกธีมใหม่ ซึง่ สามารถทําได้ดังนี้
© BankChatchadol.com 33
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
1. เลือกธีมทีต
่ ้องการ
คุณจะเห็นธีมจํานวนมากแสดงขึน
้ มาให้คุณเลือกซึง่ ธีมเหล่านี้เปิดให้คุณใช้งานได้ “ฟรี”
หากธีมเหล่านี้ยังไม่ถูกใจหรือคุณต้องการธีมทีซ
่ ับซ้อนมากขึน
้ ไปอีก คุณสามารถลองค้นหา
Premium Theme จาก ThemeForest.net ได้ ซึง่ ราคาก็จะแตกต่างกันไปในแต่ละธีม
© BankChatchadol.com 34
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
2. ติดตัง
้ ธีมและเปิดใช้งาน
หลังจากทีค
่ ุณได้ธีมทีต
่ ้องการแล้วให้กด Install ตามด้วย Activate เป็นอันเสร็จสิ้นการติดตั้ง
และเปิดใช้งานธีม
© BankChatchadol.com 35
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. ปรับแต่งธีม
© BankChatchadol.com 36
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เปลีย
่ นโครงสร้างของ URL
© BankChatchadol.com 37
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ติดตัง
้ Plugin ทีจ
่ ําเป็น
การติดตั้งปลั๊กอินจะช่วยเพิม
่ ประสิทธิภาพต่างๆให้กับเว็บไซต์ของคุณ พร้อมทั้งเพิม
่ ฟังก์ชั่นและ
ความสามารถของเว็บไซต์ให้ใช้ประโยชน์ได้มากขึน ้
แต่เนื่องจากมีปลั๊กอินมากมายทีค
่ ุณจะสามารถติดตั้งได้ และปลั๊กอินแต่ละตัวก็ทําหน้าทีท่ ต
ี่ ่าง
กัน หากคุณยังไม่มีประสบการณ์เกีย ่ วกับการทําเว็บไซต์มากนัก นี่คือปลั๊กอินฟรีทผ
ี่ มแนะนําว่า
ควรมีติดเว็บไซต์ของคุณ
หน้าทีห
่ ลักๆของปลั๊กอินตัวนี้จะทําให้คุณสามารถตั้งค่า Title Tag, Meta Description,
Sitemap และการตั้งค่าอื่นๆทีจ ่ ําเป็นเพื่อทําให้เว็บไซต์ของคุณติดอันดับการค้นหาได้ง่ายขึน
้
© BankChatchadol.com 38
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
สิ่งสําคัญในการเพิม
่ ประสิทธิภาพการทําการตลาดออนไลน์ก็คือการวัดผล ซึง่ การติดตั้ง Google
Analytics จะทําให้คุณทราบถึงพฤติกรรมคนทีเ่ ข้าชมเว็บไซต์ของคุณ
© BankChatchadol.com 39
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
WPForms
เว็บไซต์มีหน้าทีท
่ ําให้ลูกค้าสามารถค้นเจอธุรกิจของคุณได้บนอินเทอร์เน็ต แต่หลังจากทีล ่ ูกค้า
เจอธุรกิจของคุณแล้ว เขาย่อมต้องการติดต่อคุณเพื่อสอบถามข้อมูลเพิม ่ เติมหรือสั่งซื้อสินค้า
นอกเหนือไปจากปลั๊กอิน 3 ตัวนี้แล้วยังมีปลั๊กอินตัวอื่นๆอีกทีช
่ ่วยเพิม
่ ประสิทธิภาพให้กับเว็บไซ
ต์ของคุณ ซึง่ เราจะมาพูดถึงกันในโอกาสต่อๆไป
© BankChatchadol.com 40
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
สร้างหน้าใหม่และเพิม
่ เนื้อหา
เว็บไซต์ของคุณจําเป็นต้องมีหน้าต่างๆและมีคอนเทนต์ในหน้านั้นๆเพื่อให้ผู้เข้าชมอ่านหรือมี
ส่วนร่วม
ซึง่ การสร้างหน้าเพิม
่ เติมของ WordPress จะถูกแบ่งเป็น 2 แบบคือ...
Pages
© BankChatchadol.com 41
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
หลังจากทีค
่ ุณคลิกเข้ามาแล้ว คุณจะเจอหน้าจอคําสั่งทีค ่ ล้ายกับ Microsoft Word ซึง่ คุณ
สามารถใส่ได้ทั้งข้อความ, รูปภาพ, วีดีโอ, หรืออะไรก็ตามทีค่ ุณต้องการ
ทั้งนี้หลักจากคุณสร้างเนื้อหาเสร็จเรียบร้อยแล้ว คุณสามารถคลิกทีป
่ ่ม
ุ Preview เพื่อแสดง
ตัวอย่าง หรือกดปุ่ม Publish เพื่อให้หน้านี้เป็นสาธารณะและพร้อมแสดงผลบนเว็บไซต์ของคุณ
© BankChatchadol.com 42
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
นี่คือหน้ามาตรฐานบนเว็บไซต์ทค
ี่ ุณควรมี:
© BankChatchadol.com 43
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
Posts
© BankChatchadol.com 44
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ข้อดีอีกอย่างหนึ่งของการจัดหมวดหมู่นี้ก็คือจะช่วยให้ผู้เข้าชมเว็บไซต์ของคุณหาหน้าต่างๆเจอ
ได้ง่ายขึน
้ และช่วยเพิม
่ โอกาสในการทําอันดับ SEO ของเว็บไซต์
เมื่อคุณสร้างเนื้อหาเสร็จเรียบร้อยแล้ว คุณสามารถคลิกทีป
่ ่ม
ุ Preview เพื่อแสดงตัวอย่าง หรือ
กดปุ่ม Publish เพื่อให้โพสต์นี้เป็นสาธารณะและพร้อมแสดงผลบนเว็บไซต์ของคุณเช่นเดียวกับ
การสร้างหน้าใหม่ด้วยคําสั่ง Add New Page
การอัพเดทโพสต์ใหม่ๆหรือการเขียนบล็อกอย่างสมํ่าเสมอนี้จะช่วยให้เว็บไซต์ของคุณมีคนเข้า
ชมเพิม
่ ขึน
้ และสร้างความน่าเชื่อถือให้กับธุรกิจ
ดังนั้นอย่าลืมให้ความสําคัญกับการเขียนบล็อกบนเว็บไซต์ของคุณด้วย
© BankChatchadol.com 45
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ตัง
้ ค่าหน้าแรกของเว็บไซต์
เพิม
่ แถบเมนูบนเว็บไซต์ (Navigation Bar)
หากคุณต้องการให้ผู้ใช้งานเข้าถึงหน้าต่างๆทีค
่ ุณมีผ่านทางแถบเมนูบนเว็บไซต์ คุณสามารถ
ทําได้โดยไปที่ Appearance >>> Menus จากนั้นทําตามขั้นตอนดังต่อไปนี้
© BankChatchadol.com 46
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ทั้งนี้คุณสามารถปรับแต่งเมนูเดิมทีม
่ ีอยู่แล้วโดยไม่ต้องสร้างเมนูใหม่ก็ได้ การสร้างเมนูเพิม
่ เติม
นี้จะทําให้คุณสามารถสลับ, แก้ไข, และเปลีย ่ นตําแหน่งของเมนูต่างๆในภายหลังได้
2. เลือกหน้าทีต
่ ้องการเพิม
่ ลงไปในเมนู
© BankChatchadol.com 47
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. เรียงลําดับหน้าต่างๆบนเมนูและเลือกตําแหน่งทีต
่ ้องการแสดงผล
คุณสามารถกําหนดได้ว่าต้องการให้หน้าเว็บไซต์ใดแสดงก่อนหรือหลังในเมนู รวมทั้งต้องการให้
เมนูมีหน้าย่อยภายใต้หน้าหลักหรือไม่
ทั้งนี้ตําแหน่งการแสดงผลของเมนูจะขึน
้ อยู่กับธีมทีค
่ ุณเลือกเอาไว้ บางธีมอาจมีตําแหน่ง
สําหรับการแสดงเมนูมากกว่าหนึ่งตําแหน่ง
4. คลิกทีป
่ ม
ุ่ ‘Save Menu’ เพือ
่ อัพเดทการแสดงผล
หลังจากนั้นเมื่อคุณเข้าเว็บไซต์ของคุณ เมนูใหม่นี้ก็จะแสดงขึน
้ มา
© BankChatchadol.com 48
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
© BankChatchadol.com 49
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
2. เข้าไปทีห
่ น้าเว็บไซต์เพือ
่ ตรวจสอบการแสดงผลของ Widget
© BankChatchadol.com 50
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
3. ลบ Widget ทีค
่ ุณไม่ต้องการ
4. เพิม
่ Widget ใหม่
เมื่อปรับแต่งเสร็จเรียบร้อยแล้ว คลิกทีป
่ ่ม
ุ ‘Save’ แล้ว Sidebar ของคุณก็จะถูกอัพเดททันที
© BankChatchadol.com 51
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
เปิดให้เว็บไซต์ถูกเซิจเอนจิน
้ มองเห็นได้
สําคัญมาก! อย่าติก
๊ ถูกทีช
่ ่องนี้ เพราะเว็บไซต์ของคุณจะไม่แสดงบนผลเซิจเอนจิน
้ และคุณอาจ
เสียโอกาสในการสร้างผู้เข้าชมจํานวนมาก
© BankChatchadol.com 52
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด
ยินดีด้วย! เว็บไซต์ของคุณพร้อมใช้งานแล้ว
สิ่งทีค
่ ุณเพิง่ จะได้เรียนรู้เกีย
่ วกับวิธีการสร้างเว็บไซต์ WordPress ประกอบไปด้วย:
สุดท้ายแต่ไม่ท้ายสุด คุณจําเป็นทีจ
่ ะต้องพัฒนาและปรับปรุงเว็บไซต์ของคุณอยู่เสมอ
คู่มือทีผ
่ มเขียนขึน้ มานี้เป็นเพียงวิธีการแบบง่ายๆเพื่อให้คุณมีเว็บไซต์ทพ
ี่ ร้อมใช้งานเท่านั้น คุณ
ยังจําเป็นทีจ่ ะต้องทดลองใช้งานฟังก์ชั่นต่างๆอย่างต่อเนื่องเพื่อสร้างความคุ้นเคยในการสร้าง
เว็บไซต์
วิธีการเรียนรู้ทด
ี่ ีทส
ี่ ุดก็คือ “การเรียนรู้จากการลงมือทํา”
และเมื่อคุณมีความเชีย
่ วชาญกับการใช้เครื่องมือต่างๆของ WordPress คุณก็จะสามารถสร้าง
เว็บไซต์ได้ออกมาตรงกับความต้องการของตัวเอง
อย่างไรก็ดี การสร้างเว็บไซต์เป็นเพียงแค่จุดเริม
่ ต้นของการสร้างธุรกิจบนโลกออนไลน์เท่านั้น
อย่าลืมทีจ
่ ะเรียนรู้เกีย
่ วกับวิธีทําการตลาดออนไลน์สําหรับธุรกิจด้วยเพื่อให้คุณสามารถใช้
ประโยชน์จากเว็บไซต์ได้อย่างเต็มที่
แล้วพบกันในบทเรียนต่อๆไปครับ!
© BankChatchadol.com 53