You are on page 1of 56

WordPress

Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง
(ขัน
้ ตอนโดยละเอียด)

By Bank Chatchadol
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน


้ ตอนโดยละเอียด

สวัสดีครับ! ผมแบงค์นะครับ… ยินดีต้อนรับเข้าสู่บทเรียน WordPress Setup Guide ซึง่ คุณจะ


ได้เรียนรู้วิธีการติดตั้งเว็บไซต์ให้พร้อมใช้งานใน 25 นาที... ถ้าพร้อมแล้วมาเริม
่ กันเลยครับ!

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

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

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

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

เราจะแบ่งขั้นตอนการสร้างเว็บไซต์ด้วย WordPress ออกเป็น 4 ขั้นตอนใหญ่ๆดังนี้:

1. เตรียมความพร้อมก่อนเริม
่ ต้นสร้างเว็บไซต์
2. สมัครโดเมนและโฮสติง้
3. ติดตัง
้ WordPress ให้เว็บไซต์พร้อมใช้งาน
4. ปรับแต่งหน้าตาของเว็บไซต์

ถ้าพร้อมแล้วเรามาเริม
่ ต้นกันเลยครับ!

© BankChatchadol.com 2
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ขัน
้ ตอนที่ 1: เตรียมความพร้อมก่อนเริม
่ ต้นสร้างเว็บไซต์

เลือกแพลตฟอร์มทีจ
่ ะใช้สร้างเว็บไซต์

สิ่งแรกทีค
่ ุณต้องทําเพื่อทีจ
่ ะเริม
่ ต้นสร้างเว็บไซต์ก็คือเลือกว่าจะใช้แพลตฟอร์มอะไรในการสร้าง
เว็บของตัวเองขึน้ มา

แพลตฟอร์มนี้คือระบบจัดการข้อมูล (Content Management System; CMS) ซึง่ ทําหน้าที่


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

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


้ ซึง่ เป็นเหตุผล
ทีค
่ ุณจําเป็นทีจ
่ ะต้องเลือกแพลตฟอร์มทีเ่ หมาะกับธุรกิจของคุณมากทีส ่ ุด…

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


อาจมีปญ ั หาในภายหลัง และส่งผลให้คุณจําเป็นต้องสร้างเว็บไซต์ด้วย CMS ใหม่ ซึง่ จะทําให้
คุณเสียทั้งเงินและเวลาจํานวนมาก

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

© BankChatchadol.com 3
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

นอกจากนี้แล้ว แพลตฟอร์มฟรีส่วนใหญ่ยังมักจะบังคับให้คุณใช้ Subdomain ซึง่ ไม่ใช่ชื่อเว็บ


ไซต์ของคุณจริงๆอีกด้วย (yourwebsite.freewebsite.com) ซึง่ หมายถึงเว็บไซต์ทค
ี่ ุณสร้างขึน ้
มาบนแพลตฟอร์มเหล่านี้ไม่ใช่เว็บไซต์ทค
ี่ ุณเป็นเจ้าของจริงๆ

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

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

WordPress คืออะไร

© BankChatchadol.com 4
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

WordPress คือระบบจัดการข้อมูล (Content Management System) หรือโปรแกรม


สําเร็จรูปสําหรับการสร้างเว็บไซต์ด้วยตัวเองทีม
่ ีผู้ใช้งานมากทีส
่ ุดในโลกประมาณ 30% ของเว็บ
ไซต์ทั้งหมด

การใช้ WordPress เพื่อเป็นระบบจัดการข้อมูลสําหรับเว็บไซต์จะทําให้คุณสามารถเก็บรวบรวม


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

ข้อดีหลักๆของ WordPress โดยเฉพาะสําหรับผู้เริม


่ ต้นก็คือใช้งานง่าย คุณไม่จําเป็นต้องมี
พื้นฐานเกีย
่ วกับการเขียนโค้ด HTML หรือ CSS มาก่อนเลย ซึง่ ทําให้คุณสามารถสร้างเว็บไซ
ต์พร้อมใช้งานได้อย่างรวดเร็ว

หากพูดถึงประสิทธิภาพในการสร้างเว็บไซต์ด้วย WordPress คุณสามารถใช้มันสร้างเว็บไซต์ใน


รูปแบบทีเ่ หมาะกับธุรกิจของคุณ เช่น เว็บไซต์ธุรกิจ, ร้านค้าออนไลน์, บล็อก, ระบบสมาชิก,
Portfolio ซึง่ เป็นเหตุผลทีม
่ ันเหมาะกับทั้งสําหรับฟรีแลนซ์, ธุรกิจขนาดเล็ก, ธุรกิจขนาดกลาง,
ไปจนถึงธุรกิจขนาดใหญ่

นอกจากนี้แล้วเว็บไซต์ทส ี่ ร้างด้วย WordPress ยังสามารถปรับแต่งได้หลากหลายรูปแบบ, มา


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

สร้างเว็บไซต์ด้วย WordPress มีค่าใช้จ่ายเท่าไร?

ถึงแม้ว่า WordPress จะเป็นแพลตฟอร์มทีเ่ ปิดให้คุณสามารถใช้งานได้ฟรี แต่ค่าใช้จ่ายของการ


สร้างเว็บไซต์ก็จะขึน
้ อยู่กับเป้าหมาย, งบประมาณ, และความต้องการของคุณ

© BankChatchadol.com 5
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

โดยปกติแล้วค่าใช้จ่ายของการสร้างเว็บไซต์ด้วย WordPress สามารถถูกแบ่งออกได้ดังนี้:

● โดเมน
● โฮสติง้
● ธีม
● ปลั๊กอิน

โดเมน

ในการสร้างเว็บไซต์ของตัวเอง ค่าใช้จ่ายส่วนแรกทีค
่ ุณจะต้องเสียก็คือ “โดเมน”

โดเมนเป็นชื่อเว็บไซต์ของคุณ (www.yourwebsite.com) และเปรียบเสมือนทีอ ่ ยู่บนอิน


เทอร์เน็ตซึง่ ทําให้ผู้ใช้งานพิมพ์ทอ
ี่ ยู่นี้ลงไปในเบราเซอร์เพื่อเข้ามาสู่เว็บไซต์ทค
ี่ ุณสร้างขึน
้ มา

ค่าใช้จ่ายโดยทั่วไปของโดเมนจะอยู่ทป
ี่ ระมาณปีละ 400-600 บาท ขึน
้ อยู่กับแต่ผู้ให้บริการ

โฮสติง

สิ่งถัดมาทีค
่ ุณจะต้องมีก็คือ “โฮสติง้ ” ซึง่ ทําหน้าทีเ่ ก็บข้อมูลทุกอย่างของเว็บไซต์คุณ

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

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

© BankChatchadol.com 6
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ธีม

ธีม (Theme) คือเทมเพลตของเว็บไซต์ ซึง่ ทําหน้าทีค


่ วบคุมการปรับแต่งและการแสดงผลของ
เว็บไซต์คุณ

โดยปกติแล้ว WordPress จะมาพร้อมกับธีมทีห ่ ลากหลายซึง่ สามารถใช้งานได้ฟรี แต่หากคุณ


ต้องการเพิม
่ ประสิทธิภาพในการปรับแต่งดีไซน์ของเว็บไซต์ คุณก็สามารถซื้อ Premium
Theme มาใช้กับเว็บไซต์ของคุณ

ค่าใช้จ่ายโดยทั่วไปของ Premium Theme จะอยู่ทป


ี่ ระมาณ 1,000-3,000 บาท ซึง่ มีทั้งแบบ
ทีจ
่ ่ายครั้งเดียวและจ่ายรายเดือนหรือรายปี

ปลัก
๊ อิน

ปลั๊กอิน (Plugin) คือสิ่งทีจ


่ ะช่วยเพิม
่ ประสิทธิภาพและฟังก์ชั่นต่างๆของเว็บไซต์คุณ เช่น ระบบ
ร้านค้า, แบบฟอร์ม, ปุ่มโทรออก, สไลด์โชว์ เป็นต้น

คุณสามารถเลือกติดตั้งปลั๊กอินทีค
่ ุณต้องการได้โดยไม่มีค่าใช้จ่ายใดๆเพิม
่ เติมซึง่ 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

แม้ว่าคุณจะสามารถตั้งชื่อโดเมนลงท้ายด้วย Extension อื่นๆ เช่น .net, .org, .co, .xyz แต่


การเริม
่ ต้นที่ .com ดูจะเป็นทางเลือกทีด
่ ีทส
ี่ ุดเนื่องจากเป็นโดเมนทีจ
่ ําได้ง่ายและเป็นมาตรฐาน

4. หลีกเลีย
่ งการใช้เครือ
่ งหมายขีด (-)

การใช้โดเมนทีม
่ ีเครื่องหมายขีด เช่น your-company-name.com อาจทําให้คนจําโดเมนของ
คุณผิดไปจากเดิมและพิมพ์ตกหล่น ซึง่ ส่งผลให้เขาไม่สามารถเข้าเว็บไซต์ของคุณได้

เมื่อคุณได้ชื่อโดเมนทีต
่ ้องการแล้ว จดมันเอาไว้ในกระดาษก่อนแล้วเราจะมาจดทะเบียนกันใน
ภายหลังพร้อมกับการสมัครโฮสติง้

© BankChatchadol.com 9
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

โฮสติง
้ สํ าหรับเว็บไซต์ WordPress

คุณเตรียมทีอ ่ ยู่ของเว็บไซต์ซงึ่ ก็คือโดเมนเรียบร้อยแล้ว ถัดมาทีค


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

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


ตั้งร้านค้าหรือออฟฟิศธุรกิจของเรานั่นเอง

การเลือกโฮสติง้ ถือเป็นขั้นตอนทีส่ ําคัญ เพราะมันจะส่งผลโดยตรงต่อประสิทธิภาพเว็บไซต์ของ


คุณ ดังนั้นการเลือกโฮสติง้ จึงไม่ควรดูแค่เรื่องของราคาเป็นหลัก แต่ควรดูปจ
ั จัยอื่นๆ
ประกอบด้วย

คําแนะนําเบื้องต้นสําหรับโฮสติง้ ทีด
่ ีเป็นดังนี้:

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


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

© BankChatchadol.com 10
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

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

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

1. SiteGround ถูกโหวตให้เป็นอันดับหนึ่งจากผลสํ ารวจ 34 โพล

ผลโหวตทั้งหมดนี้มาจากกลุ่มผู้พัฒนาเว็บไซต์ทอ
ี่ ยู่ใน Facebook ซึง่ แต่ละกลุ่มมีสมาชิกทีเ่ ป็น
นักพัฒนามากกว่า 12,000 คน เมื่อนักพัฒนาเหล่านี้ถูกถามว่าผู้ให้บริการโฮสติง้ รายไหนดี
ทีส
่ ุด คําตอบทีไ่ ด้ก็คือ SiteGround

© BankChatchadol.com 11
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

2. เว็บไซต์ทโี่ ฮสอยู่บน SiteGround โหลดค่อนข้างเร็ว

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

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

ด้านล่างนี้คือผลการทดสอบเว็บไซต์ BankChatchadol.com ซึง่ คุณกําลังอ่านอยู่จากเครื่องมือ


PageSpeed Insights ของ Google

ทั้งนี้ถึงแม้ว่า SiteGround จะไม่ใช่ผู้ให้บริการทีอ


่ ยู่ในประเทศไทยและมีโฮสต์ใกล้สุดตั้งอยู่ที่
สิงคโปร์ แต่ความเร็วในการโหลดของเว็บไซต์ก็ไม่ใช่ปญ ั หาเลย

© BankChatchadol.com 12
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

3. SiteGround ถูกแนะนําโดย WordPress และ Yoast

WordPress.org ทีเ่ ป็นแพลตฟอร์มทีม ่ ีผู้ใช้งานมากทีส


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

นอกเหนือไปจากนั้นแล้ว SiteGround ยังถูกแนะนําโดย Yoast ซึง่ เป็นหนึ่งในผู้พัฒนาปลั๊กอิน


สําหรับการทํา SEO บนเว็บไซต์ WordPress ทีม
่ ีผู้ใช้งานมากทีส
่ ุดกว่า 1 ล้านคนอีกด้วย ซึง่
หมายถึงเว็บไซต์ของคุณจะมีมาตรฐานการทํา SEO แบบเดียวกันกับเจ้าของปลั๊กอิน

© BankChatchadol.com 13
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

เพียงแค่เหตุผล 3 ข้อนี้ก็น่าจะเพียงพอทีจ
่ ะอธิบายว่า SiteGround เป็นหนึ่งในตัวเลือกของโฮส
ติง้ ทีด
่ ีทส
ี่ ุ ด

คลิกทีน
่ ี่เพื่อสมัครใช้บริการโฮสติง้ ของ SiteGround

หากคุณเพิง่ เริม
่ ต้น แพ็คเกจทีผ
่ มแนะนําก็คือ “GrowBig” ซึง่ มีค่าบริการอยู่ทเี่ ดือนละ $5.95
หรือ 200 บาท เพราะคุณสามารถสร้างเว็บไซต์ได้อย่างไม่จํากัด (จากราคาปกติเดือนละ
$19.95 หรือ 700 บาท)

เมื่อคุณสมัครใช้บริการโฮสติง้ ของ SiteGround สิ่งทีค


่ ุณจะได้รับประกอบไปด้วย:

● โฮสติง้ คุณภาพสูง,โหลดเร็ว, และมีทีมงานทีพ ่ ร้อมให้ความช่วยเหลือตลอดเวลา


● สร้างเว็บไซต์ได้อย่างไม่จํากัด
● พื้นทีเ่ ว็บไซต์ 20GB (ซึง่ เกินเพียงพอเนื่องจากเว็บทั่วไปมักจะใช้เนื้อทีส
่ ูงสุดไม่เกิน
500MB)
● สามารถติดตั้ง WordPress ได้ภายใน 5 นาที
● มีระบบอัพเดท WordPress ให้เป็นเวอร์ชั่นปัจจุบันอัตโนมัติ
● มีบริการ SSL โดยไม่มีค่าใช้จ่ายเพิม ่ เติม (ปกติปีละ 1500 – 3000 บาทต่อเว็บไซต์)
● สร้างอีเมลในชื่อโดเมนอย่างไม่จํากัด เช่น youremail@yourwebsite.com
● มีการสํารองข้อมูลทุกวันโดยอัตโนมัติ
● และอื่นๆอีกมากมาย

คลิกทีน
่ ี่เพื่อสมัครใช้บริการโฮสติง้ ของ SiteGround

มาถึงตรงนี้ คุณมีความเข้าใจพื้นฐานเรียบร้อยแล้ว ขั้นตอนถัดไปเรามาจดโดเมนและสมัครโฮส


ติง้ เพื่อเริม
่ ต้นสร้างเว็บไซต์กันได้เลยครับ

© BankChatchadol.com 14
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ขัน
้ ตอนที่ 2: สมัครโดเมนและโฮสติง

เลือกแพ็กเกจโฮสติง
้ ของ SiteGround

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


คนอื่นสามารถเข้าชมเว็บไซต์ของคุณได้ตลอดเวลา ซึง่ คุณสามารถทําได้ตามขั้นตอนดังต่อไปนี้

1. คลิกทีป
่ ุ่มด้านล่างเพื่อไปที่ SiteGround:

https://bankchatchadol.com/go/siteground/

2. เลือก Managed WordPress Hosting และเลือกแพ็กเกจทีต


่ ้องการ

© BankChatchadol.com 15
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

คุณสามารถเลือกแพ็คเกจ StartUp หรือ GrowBig ก็ได้สําหรับการเริม


่ ต้น

ความแตกต่างหลักๆสําหรับ 2 แพ็คเกจนี้ก็คือด้วยแพ็คเกจ GrowBig คุณจะสามารถสร้างเว็บ


ไซต์ได้อย่างไม่จํากัด ในขณะทีแ
่ พ็คเกจ StartUp คุณสามารถสร้างเว็บไซต์ได้เพียงแค่เว็บเดียว

นอกจากนี้แล้วแพ็คเกจ GrowBig จะเป็นเซิร์ฟเวอร์ทม


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

3. คลิกทีป
่ ุ่ม 'Get Plan’' เพื่อเลือกแพ็คเกจทีต
่ ้องการ

© BankChatchadol.com 16
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

เลือกโดเมนเพือ
่ ใช้เป็นชือ
่ เว็บไซต์

1. ใส่โดเมนทีค
่ ุณต้องการลงไปในกล่องสี่เหลีย
่ มตามรูปด้านล่างเพื่อจดทะเบียนโดเมนใหม่

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

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


already have a Domain' และเชื่อมต่อโดเมนของคุณกับโฮสติง้ ของ SiteGround ใน
ภายหลังได้

© BankChatchadol.com 17
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

2. เลือก Extension ซึง่ เป็นนามสกุลลงท้ายโดเมนของคุณ (เช่น .com)

การจดทะเบียนเว็บไซต์ด้วยชื่อโดเมนทีล ่ งท้ายด้วย .com ดูจะเป็นตัวเลือกทีเ่ ป็นมาตรฐานและ


จําได้ง่ายมากทีส
่ ุด แต่คุณเองก็สามารถใช้ Extension อื่นๆได้เช่นกัน

3. คลิกทีป
่ ุ่ม 'Proceed'

กรอกรายละเอียดสํ าหรับการสมัครโฮสติง

1. กรอกข้อมูลส่วนตัวของคุณเพื่อสร้างแอคเคาท์และรายละเอียดการชําระเงิน (ทั้งหมดเป็น
ภาษาอังกฤษ)

Account Information (ข้อมูลบัญชี)

● Email: อีเมล
● Password: รหัสผ่าน
● Confirm Password: ยืนยันรหัสผ่าน

© BankChatchadol.com 18
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

Client Information (ข้อมูลส่วนตัว)

● Country: ประเทศ
● First Name: ชื่อ
● Last Name: นามสกุล
● Company: บริษัท (ใส่หรือไม่ใส่ก็ได้)
● VAT/Tax ID: เลขประจําตัวผู้เสียภาษี (ใส่หรือไม่ใส่ก็ได้)
● City: จังหวัด
● Street Address: ทีอ
่ ยู่
● ZIP Code: รหัสไปรษณีย์
● Phone Number: เบอร์โทรศัพท์

© BankChatchadol.com 19
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

Payment Information (ข้อมูลการชําระเงิน)

● Card Number: หมายเลขบัตรเครดิต


● Card Expiration: วันหมดอายุ
● Card Holder Name: ชื่อเจ้าของบัตร
● CVV Code: หมายเลขหลังบัตร

2. กรอกรายละเอียดคําสั่งซื้อ

Hosting Services

● Plan: ปล่อยเป็นค่าเดิมซึง่ เป็นแพ็คเกจทีเ่ ลือกในขั้นตอนแรก


● Data Center: ทีต ่ ั้งเซิร์ฟเวอร์ (เลือกเป็น Asia ซึง่ เซิร์ฟเวอร์จะอยู่ทส
ี่ ิงคโปร์)
● Period: ระยะเวลาของแพ็คเกจ (ยิง่ เลือกระยะเวลานานราคาจะยิง่ ถูก เนื่องจากเมื่อ
ครบระยะเวลาทีก่ ําหนดแล้ว ราคาของแพ็คเกจจะปรับไปทีร่ าคาปกติ)

© BankChatchadol.com 20
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

Extra Services

● Domain Registration: ค่าธรรมเนียมการจดโดเมนใหม่ซงึ่ ต้องจ่ายเป็นรายปี แต่


หากคุณมีโดเมนอยู่แล้วก็ไม่จําเป็นต้องเสียค่าใช้จ่ายในส่วนนี้
● Domain Privacy: เลือกตัวเลือกนี้เพื่อป้องกันไม่ให้คนอื่นเข้าถึงข้อมูลส่วนตัวของ
คุณเมื่อนําชื่อโดเมนไปค้นหาจากฐานข้อมูล whois.net (แนะนําให้เลือกเพื่อเพิม ่
ความปลอดภัยของเว็บไซต์)
● SG Site Scanner: บริการเสริมสําหรับการสแกนเว็บไซต์และแจ้งเตือนทันทีหาก
เว็บไซต์ของคุณถูกแฮ็กหรือมัลแวร์ (สําหรับการเริม่ ต้นคุณยังไม่จําเป็นต้องเพิม

บริการนี้เพื่อประหยัดงบประมาณ)

© BankChatchadol.com 21
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

3. หลังจากกรอกข้อมูลเสร็จหมดแล้ว ติก
๊ ทีก
่ ล่องยอมรับเงื่อนไขบริการและคลิกปุ่ม 'Pay Now'

4. คลิกทีป
่ ุ่ม 'Proceed to Customer Area' เพื่อเข้าสู่ระบบหลังบ้าน

คุณมีโดเมนและโฮสติง้ สําหรับการสร้างเว็บไซต์ใหม่แล้ว! ขั้นตอนถัดไปก็คือการติดตั้ง


WordPress ให้เว็บไซต์ของคุณพร้อมใช้งาน ซึง่ มีรายละเอียดดังต่อไปนี้

© BankChatchadol.com 22
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ขัน
้ ตอนที่ 3: ติดตัง
้ WordPress ให้เว็บไซต์พร้อมใช้งาน

ในส่วนนี้เราจะมาพูดถึงวิธีการติดตั้ง WordPress ซึง่ โดยปกติแล้วจะทําได้ 2 วิธีคือแบบ Auto


และ Manual

เนื่องจาก SiteGround มาพร้อมกับวิธีการแบบ Auto ซึง่ ทําให้คุณสามารถติดตั้ง WordPress


ได้ภายในไม่กค ี่ ลิกและใช้เวลาจริงๆไม่ถึง 5 นาที… นี่จึงเป็นขั้นตอนทีท
่ ําให้การสร้างเว็บไซต์เป็น
เรื่องง่ายและสะดวกสําหรับคนทีเ่ ริม
่ ต้นอย่างมาก

ล็อคอินเข้าสู่แอคเคาท์ SiteGround ของคุณทีเ่ พิง่ สมัครใช้บริการและทําตามขั้นตอนด้านล่างนี้


เพื่อติดตั้ง WordPress ให้กับเว็บไซต์ใหม่ได้เลยครับ!

1. คลิกทีป
่ ม
ุ่ ‘Set Up Site’ เพือ
่ เริม
่ ต้น

© BankChatchadol.com 23
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

2. เลือก ‘Start New Website’ เพือ


่ สร้างเว็บไซต์ใหม่

3. เลือก ‘WordPress’ เพือ


่ เป็นแพลตฟอร์มของเว็บไซต์

เรามาทวนความจํากันสักนิดนึงครับ ตรงนี้เอง SiteGround คือโฮสติง้ ทีจ


่ ะทําหน้าทีเ่ ก็บไฟล์ทุก
อย่างบนเว็บไซต์ของคุณ ในขณะที่ WordPress จะเป็นโปรแกรมทีใ่ ช้สร้างเว็บไซต์

กล่าวอีกอย่างหนึ่งก็คือ เรากําลังจะติดตั้งโปรแกรม WordPress บนเครื่องเซิร์ฟเวอร์


SiteGround ของคุณนั่นเอง

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


เลยครับ

(รูปประกอบอยู่ในหน้าถัดไป)

© BankChatchadol.com 24
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

4. คลิกทีป
่ ม
ุ่ ‘Continue’ และตรวจสอบรายการก่อนติดตัง

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


ซึง่ ผมแนะนําให้คุณเลือกเพิม
่ Domain Privay เพราะมันจะช่วยปกป้องข้อมูลส่วนตัวของคุณ

ทั้งนี้คุณอาจยังไม่จําเป็นต้องเพิม
่ บริการ SG Site Scanner ตอนนี้

© BankChatchadol.com 25
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

5. กดปุม ่ ‘Pay Now’ (ในกรณีทค


ี่ ุณเลือกบริการเสริม) หรือ ‘Finish’ (หากคุณไม่ต้องชําระ
เงินเพิม
่ เติม)

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

เมื่อระบบติดตั้ง WordPress ให้กับคุณเสร็จเรียบร้อย คุณก็มีเว็บไซต์ WordPress ทีพ


่ ร้อมใช้
งานแล้ว!

© BankChatchadol.com 26
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

โดยปกติหลังการติดตั้ง SiteGround จะแนะนําให้คุณเลือกธีมและติดตั้งปลั๊กอินทีจ ่ ําเป็น


สําหรับเว็บไซต์ทันที ซึง่ คุณสามารถทําตามคําแนะนําหรือกด ‘Exit’ เพื่อเข้าไปตั้งค่าทุกอย่าง
ด้วยตัวเองก็ได้

คุณสามารถเข้าสู่ระบบผู้ดูแลเว็บไซต์ (admin) ด้วยการพิมพ์ชื่อโดเมนของคุณตามด้วย


/wp-admin เช่น www.yourwebsite.com/wp-admin และใช้อีเมลและรหัสผ่านทีค ่ ุณตั้งเอา
ไว้เพื่อล็อคอิน

© BankChatchadol.com 27
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ขัน
้ ตอนที่ 4: ปรับแต่งหน้าตาของเว็บไซต์

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


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

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

ดังนั้นในขั้นตอนนี้ผมอยากจะพูดถึงวิธีการใช้งาน WordPress เพื่อให้คุณสามารถเพิม


่ เนื้อหา
ต่างๆและปรับแต่งเว็บไซต์ให้ได้อย่างทีต
่ ้องการ

วิธีการใช้งาน WordPress เบือ


้ งต้น

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

© BankChatchadol.com 28
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

1. Dashboard - ในส่วนนี้ WordPress จะให้คําแนะนําต่างๆในการจัดการเว็บไซต์รวมไปถึง


Shortcut ทีเ่ ป็นประโยชน์ทจ
ี่ ะช่วยให้คุณจัดการเว็บไซต์ได้ง่ายขึน

2. Posts - คําสั่งสําหรับการสร้างโพสต์ทเี่ ป็นบทความหรือข่าวสาร

3. Media - คุณสามารถอัพโหลดรูปภาพ, วีดีโอ หรือไฟล์ต่างๆทีต


่ ้องการใช้บนเว็บไซต์ไว้ทน
ี่ ี่

4. Pages - คําสั่งสําหรับการสร้างหน้าต่างๆในเว็บไซต์

5. Comments - คําสั่งนี้ใช้สําหรับการดูแลและจัดการคอมเมนต์ของผู้อ่านบนเว็บไซต์

6. Appearance - คุณสามารถปรับแต่งดีไซต์และหน้าตาของเว็บไซต์ทน
ี่ ี่ ซึง่ คําสั่งนี้จะใช้สําหรับ
การควบคุมการแสดงผลทั้งหมดบนเว็บไซต์ของคุณ

7. Plugins - ใช้คําสั่งนี้เพื่อติดตั้งปลั๊กอินเพิม
่ เติม ซึง่ จะช่วยเสริมประสิทธิภาพและฟังก์ชั่นต่างๆ
บนเว็บไซต์ให้ดียงิ่ ขึน
้ และตรงกับความต้องการของคุณ

8. Users - คําสั่งนี้ใช้สําหรับการจัดการผู้ใช้งานบนเว็บไซต์

9. Settings - การตั้งค่าต่างๆบนเว็บไซต์

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

© BankChatchadol.com 29
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ติดตัง
้ SSL Certificate

ปกติแล้ว SiteGround จะติดตั้ง SSL ให้กับเว็บไซต์ใหม่ของคุณโดยอัตโมัติ ซึง่ ทําให้เว็บไซ


ต์สามารถใช้งาน HTTPs ได้ทันที

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


่ อค
เคาท์โฮสติง้ SiteGround ของคุณ จากนั้นเลือกเว็บไซต์ทต
ี่ ้องการตรวจสอบและเลือก
Security >>> SSL Manager

หากเว็บไซต์ถูกติดตั้ง SSL เรียบร้อยแล้ว ในส่วนของ Manage SSL คุณก็จะเห็นสถานะ


Active ตรงโดเมนของคุณ

© BankChatchadol.com 30
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ทั้งนี้หากคุณเข้าเว็บไซต์ของตัวเองแล้วแต่เว็บไซต์ยังแสดงผลเป็น HTTP แทนทีจ ่ ะเป็น HTTPs


คุณก็จําเป็นทีจ
่ ะต้องตั้งค่าเพิม
่ เติมในระบบหลังบ้านของ WordPress ด้วยนั่นเอง

กลับมาทีเ่ ว็บไซต์ WordPress Dashboard (ส่วนผู้ดูแลเว็บไซต์) ของเว็บไซต์คุณ และไปที่


Settings >>> General (เมนูด้านซ้ายมือ)

จากนั้นเปลีย
่ นค่าในช่อง Website Address และ Site Address ให้เป็น https แล้วกด Save
Changes เพื่อให้เว็บไซต์ของคุณแสดงผลเป็น HTTPs เป็นอันเสร็จสิ้น

© BankChatchadol.com 31
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ทําไมการติดตัง
้ SSL นี้จึงสํ าคัญ?

คุณอาจกําลังสงสัยว่าทําไมเราจึงต้องตั้งค่าเว็บไซต์ให้เป็น https ด้วย ในเมื่อเว็บไซต์ของคุณก็


สามารถใช้งานด้วย http ได้เช่นเดียวกัน ซึง่ เหตุผลสําคัญมีดังนี้:

1. SSL ช่วยให้ผู้ใช้งานรู้สึกปลอดภัยมากขึน

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

2. เว็บไซต์จําเป็นต้องมี SSL สํ าหรับการทําโฆษณาออนไลน์

แพลตฟอร์มสําหรับการลงโฆษณาออนไลน์อย่าง Google และ Facebook คํานึงถึงความ


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

3. SSL ช่วยให้เว็บไซต์แสดงบนเซิจเอนจิน
้ ในอันดับทีด
่ ีขน
ึ้

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

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


เพิม่ เนื้อหากันเลยครับ

© BankChatchadol.com 32
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

เลือกธีมเว็บไซต์

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


หลากหลายและดีไซน์มันออกมาให้มีหน้าตาตามทีต ่ ้องการด้วยการใช้สิ่งทีเ่ รียกว่า ธีม
(Theme)...

ซึง่ ธีมมาตรฐานของ WordPress จะทําให้เว็บไซต์ของคุณมีหน้าตาเริม


่ ต้นประมาณนี้

แน่นอนว่ามันอาจจะยังไม่ถูกใจคุณสักเท่าไร…

เรามาเริม
่ ต้นปรับแต่งเว็บไซต์ด้วยการเลือกธีมใหม่ ซึง่ สามารถทําได้ดังนี้

© BankChatchadol.com 33
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

1. เลือกธีมทีต
่ ้องการ

ไปที่ Appearance >>> Themes จากนั้นกด Add New Theme

คุณจะเห็นธีมจํานวนมากแสดงขึน
้ มาให้คุณเลือกซึง่ ธีมเหล่านี้เปิดให้คุณใช้งานได้ “ฟรี”

หากธีมเหล่านี้ยังไม่ถูกใจหรือคุณต้องการธีมทีซ
่ ับซ้อนมากขึน
้ ไปอีก คุณสามารถลองค้นหา
Premium Theme จาก ThemeForest.net ได้ ซึง่ ราคาก็จะแตกต่างกันไปในแต่ละธีม

ทั้งนี้ผมแนะนําให้คุณลองใช้งานธีมฟรีเหล่านี้ก่อน ซึง่ หากคุณอยากเปลีย


่ นเป็นธีมอื่นๆหรือ
Premium Theme ในภายหลังก็สามารถทําได้ทุกเมื่อ

© BankChatchadol.com 34
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

2. ติดตัง
้ ธีมและเปิดใช้งาน

หลังจากทีค
่ ุณได้ธีมทีต
่ ้องการแล้วให้กด Install ตามด้วย Activate เป็นอันเสร็จสิ้นการติดตั้ง
และเปิดใช้งานธีม

© BankChatchadol.com 35
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

3. ปรับแต่งธีม

ไปที่ Appereance >>> Customize แล้วคุณจะเห็น Interface ซึง่ เป็นตัวเลือกต่างๆสําหรับ


การปรับแต่ง

แต่เนื่องจากแต่ละธีมมักจะมีตัวเลือกในการปรับแต่งเว็บไซต์ทแี่ ตกต่างกัน ผมจะไม่ขอพูดถึงราย


ละเอียดในส่วนนี้ และจะพูดถึงวิธีการใช้งาน WordPress ซึง่ เป็นคําแนะนําโดยทั่วไปเท่านั้น

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

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


ไซต์ได้ทันที

© BankChatchadol.com 36
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

เปลีย
่ นโครงสร้างของ URL

WordPress จะมีการตั้งค่าเดิมของโครงสร้าง URL มาให้กับคุณอยู่แล้ว แต่การตั้งค่านั้นยังไม่


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

คุณสามารถเปลีย่ นโครงสร้าง URL โดยไปที่ Settings >>> Permalinks ซึง่ ค่าเดิมที่


WordPress ตั้งมาให้อาจเป็น Plain หรือ Day and name

ทั้งนี้การตั้งแค่แบบ Plain หรือ Numeric จะทําให้ URL โพสของคุณแสดงเป็นตัวเลข ซึง่ ไม่


เหมาะกับการทํา SEO เท่าไรนัก ดังนั้นผมแนะนําให้คุณเลือกโครงสร้าง URL ทีม
่ ีชื่อโพสแสดง

โดยส่วนตัวแล้วผมชอบการแสดงผลแบบ Post name และ Month and name ซึง่ คุณสามารถ


เลือกอย่างใดอย่างหนึ่งก็ได้

© BankChatchadol.com 37
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ติดตัง
้ Plugin ทีจ
่ ําเป็น

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

กล่าวคือหาก WordPress คือสมาร์ทโฟน ปลั๊กอินก็คือแอพทีค


่ ุณติดตั้งในสมาร์ทโฟนนั่นเอง

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

Yoast SEO for WordPress

หากคุณต้องการปรับแต่ง SEO สําหรับเว็บไซต์เพื่อให้แสดงผลบนเซิจเอนจิน


้ โดยส่วนตัวผมคิด
ว่าไม่มีปลั๊กอินตัวไหนเหมาะไปกว่า Yoast SEO

หน้าทีห
่ ลักๆของปลั๊กอินตัวนี้จะทําให้คุณสามารถตั้งค่า Title Tag, Meta Description,
Sitemap และการตั้งค่าอื่นๆทีจ ่ ําเป็นเพื่อทําให้เว็บไซต์ของคุณติดอันดับการค้นหาได้ง่ายขึน

© BankChatchadol.com 38
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

Google Analytics Plugin for WordPress

สิ่งสําคัญในการเพิม
่ ประสิทธิภาพการทําการตลาดออนไลน์ก็คือการวัดผล ซึง่ การติดตั้ง Google
Analytics จะทําให้คุณทราบถึงพฤติกรรมคนทีเ่ ข้าชมเว็บไซต์ของคุณ

ปลั๊กอินตัวนี้จะช่วยให้คุณทราบข้อมูลทีจ ่ ําเป็นต่างๆทีเ่ กิดขึน


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

© BankChatchadol.com 39
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

WPForms

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

ปลั๊กอิน WPForms นี้เป็นปลั๊กอินพื้นฐานที่ SiteGround ติดตั้งมาให้กับเว็บไซต์อยู่แล้ว...

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


เพื่อติดต่อสอบถามได้ทันทีโดยไม่ต้องล็อกอินผ่านอีเมลส่วนตัว จากนั้นจะทําการแจ้งเตือนคุณ
ผ่านทางอีเมลเมื่อมีคนลงทะเบียนแบบฟอร์ม

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

คุณสามารถไปที่ Plugins >>> Add New เพื่อหาปลั๊กอินใหม่บนเว็บไซต์ จากนั้นกด “Install


Now” เพื่อติดตั้ง และ “Activate” เพื่อเปิดใช้งาน

© BankChatchadol.com 40
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

สร้างหน้าใหม่และเพิม
่ เนื้อหา

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

ซึง่ การสร้างหน้าเพิม
่ เติมของ WordPress จะถูกแบ่งเป็น 2 แบบคือ...

Pages

เหมาะสําหรับหน้าเว็บไซต์ทเี่ ป็นเนื้อหาหลัก เช่น Homepage, รายละเอียดบริการ, เกีย


่ วกับเรา,
ติดต่อเรา หรือหน้าอื่นๆซึง่ เป็นเนื้อหาทีไ่ ม่ได้มีการอัพเดทอย่างสมํ่าเสมอ

คุณสามารถไปที่ Pages >>> Add New เพื่อสร้างหน้าเว็บไซต์ใหม่

© BankChatchadol.com 41
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

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

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

© BankChatchadol.com 42
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

นี่คือหน้ามาตรฐานบนเว็บไซต์ทค
ี่ ุณควรมี:

● Homepage - หน้าหลักซึง่ เป็นหน้าแรกสุดของเว็บไซต์ เนื่องจากหน้า Homepage คือ


หน้าทีส
่ ําคัญทีส
่ ุดเพราะจะเป็นสิ่งทีช ่ วี้ ัดว่าผู้เข้าชมจะอ่านคอนเทนต์ทอ ี่ ยู่ในหน้าอื่นๆบน
เว็บไซต์หรือไม่ คุณจึงควรใช้เวลาออกแบบและเขียนคอนเทนต์ให้ดีทส ี่ ุ ด
● About - หน้าเกีย ่ วกับเร่าเพื่อเล่าเรื่องราวเกีย ่ วกับธุรกิจให้กับกลุ่มลูกค้าเป้าหมาย
● Contact - หน้าติดต่อเราเพื่อให้ผู้เข้าชมรู้ว่าจะติดต่อคุณได้อย่างไร (โดยปกติแล้วหน้า
ติดต่อเรานี้มักจะมีแบบฟอร์มให้กรอก)
● Privacy Policy - หน้านโยบายความเป็นส่วนตัวซึง่ อธิบายว่าคุณเก็บข้อมูลอะไรของผู้เข้า
ชมบ้าง และเก็บไปทําอะไร หน้านี้เป็นหน้าทีค ่ ุณจําเป็นต้องมี เนื่องจากกฎหมายปัจจุบัน
มีการบังคับให้คุณเปิดเผยนโยบายนี้ต่อผู้เข้าชมเว็บไซต์
● Products / Services - หน้ารายละเอียดสินค้าและบริการ เพื่อให้ข้อมูลว่าธุรกิจของคุณมี
สินค้าและบริการอะไรบ้าง
● Portfolio - หน้าตัวอย่างผลงาน สําหรับการแสดงผลงานจากลูกค้ารายอื่นๆของธุรกิจ
ของคุณ เพื่อให้กลุ่มลูกค้าเป้าหมายใช้ประกอบการตัดสินใจ
● Store - หน้าร้านค้า สําหรับการแสดงสินค้าทั้งหมด หน้าร้านค้านี้เหมาะกับธุรกิจที่
ต้องการขายสินค้าออนไลน์ซงึ่ คุณจําเป็นต้องติดตั้งปลั๊กอิน WooCommerce

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


่ เนื้อหาในส่วนของ Posts

© BankChatchadol.com 43
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

Posts

การสร้างหน้าด้วยคําสั่ง Posts จะเหมาะสําหรับ Blog หรือเนื้อหาทีม


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

คุณสามารถไปที่ Posts >>> Add New เพื่อสร้างโพสต์ใหม่

© BankChatchadol.com 44
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

หลังจากทีค่ ุณคลิกเข้ามาแล้ว คุณจะเจอหน้าจอคําสั่งทีค ่ ล้ายกับ Microsoft Word เช่นเดียว


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

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

เมื่อคุณสร้างเนื้อหาเสร็จเรียบร้อยแล้ว คุณสามารถคลิกทีป
่ ่ม
ุ Preview เพื่อแสดงตัวอย่าง หรือ
กดปุ่ม Publish เพื่อให้โพสต์นี้เป็นสาธารณะและพร้อมแสดงผลบนเว็บไซต์ของคุณเช่นเดียวกับ
การสร้างหน้าใหม่ด้วยคําสั่ง Add New Page

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

ดังนั้นอย่าลืมให้ความสําคัญกับการเขียนบล็อกบนเว็บไซต์ของคุณด้วย

© BankChatchadol.com 45
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ตัง
้ ค่าหน้าแรกของเว็บไซต์

คุณสามารถเลือกได้ว่าจะให้หน้าแรกของเว็บไซต์คุณเป็นหน้าใดโดยไปที่ Settings >>>


Reading จากนั้นเลือกหน้าทีค
่ ุณต้องการจากคําสั่ง Homepage และ Posts page

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


ต์คุณขึน ้ มาแสดงบน Homepage

เพิม
่ แถบเมนูบนเว็บไซต์ (Navigation Bar)

หากคุณต้องการให้ผู้ใช้งานเข้าถึงหน้าต่างๆทีค
่ ุณมีผ่านทางแถบเมนูบนเว็บไซต์ คุณสามารถ
ทําได้โดยไปที่ Appearance >>> Menus จากนั้นทําตามขั้นตอนดังต่อไปนี้

© BankChatchadol.com 46
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

1. กด ‘create a new menu’ เพือ


่ สร้างเมนูใหม่

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

2. เลือกหน้าทีต
่ ้องการเพิม
่ ลงไปในเมนู

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


ต้องการและคลิกทีป
่ ุ่ม ‘Add to Menu’ เพื่อเพิม
่ หน้าเหล่านี้เข้าไป

© BankChatchadol.com 47
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

3. เรียงลําดับหน้าต่างๆบนเมนูและเลือกตําแหน่งทีต
่ ้องการแสดงผล

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

เมื่อเรียงลําดับหน้าต่างๆเสร็จแล้วให้คุณเลือกตําแหน่งการแสดงแถบเมนูนี้ที่ Display location

ทั้งนี้ตําแหน่งการแสดงผลของเมนูจะขึน
้ อยู่กับธีมทีค
่ ุณเลือกเอาไว้ บางธีมอาจมีตําแหน่ง
สําหรับการแสดงเมนูมากกว่าหนึ่งตําแหน่ง

4. คลิกทีป
่ ม
ุ่ ‘Save Menu’ เพือ
่ อัพเดทการแสดงผล

หลังจากนั้นเมื่อคุณเข้าเว็บไซต์ของคุณ เมนูใหม่นี้ก็จะแสดงขึน
้ มา

© BankChatchadol.com 48
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ปรับแต่ง Sidebar Widget

โดยปกติแล้วหลายๆธีมของ WordPress มักจะมีแถบ Sidebar ทางด้านขวาซึง่ คุณสามารถ


แก้ไขเมนูต่างๆบนแถบนี้ได้โดยไปที่ Appearance >>> Widgets

1. เลือก Widget ทีต


่ ้องการ

ในหน้าจอคําสั่งนี้คุณสามารถลากวางแถบ Widget ต่างๆจาก Available Widgets เข้าไปที่


Main Sidebar หรือ Footer ทีต ่ ้องการ รวมทั้งสามารถลบและเรียงลําดับ Widget ทีใ่ ส่เข้าไป
แล้วได้อีกด้วย

© BankChatchadol.com 49
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

2. เข้าไปทีห
่ น้าเว็บไซต์เพือ
่ ตรวจสอบการแสดงผลของ Widget

Widget ทีค่ ุณเลือกเอาไว้จะแสดงผลขึน


้ มาบนหน้าเว็บไซต์ในส่วนของ Sidebar ซึง่ คุณสามารถ
ปรับแต่ง, สลับตําแหน่ง หรือลบ Widget ทีไ่ ม่ต้องการก็ได้

© BankChatchadol.com 50
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

3. ลบ Widget ทีค
่ ุณไม่ต้องการ

ลาก Widget ทีค


่ ุณไม่ต้องการออกมาจาก Sidebar หรือคลิกที่ Widget และกดปุ่ม ‘Delete’

4. เพิม
่ Widget ใหม่

ลาก Widget ทีต


่ ้องการไปใส่ใน Sidebar เช่น ในกรณีทค ี่ ุณต้องการเพิม
่ ข้อความและรูปภาพ
คุณก็สามารถใช้ Widget ทีเ่ ป็น Text หรือ Image เป็นต้น

เมื่อปรับแต่งเสร็จเรียบร้อยแล้ว คลิกทีป
่ ่ม
ุ ‘Save’ แล้ว Sidebar ของคุณก็จะถูกอัพเดททันที

© BankChatchadol.com 51
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

เปิดให้เว็บไซต์ถูกเซิจเอนจิน
้ มองเห็นได้

ปกติ WordPress จะตั้งค่าให้เว็บไซต์ถูกเซิจเอนจิง้ มองเห็นได้อยู่แล้ว แต่คุณควรเช็คอีกครั้ง


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

คุณสามารถไปที่ Settings >>> Reading แล้วเอาเครื่องหมายติก ๊ ถูกออกจากคําสั่ง


‘Discourage search engines from indexing this site’ ซึง่ อยู่ด้านล่างสุด จากนั้นคลิก
Save Changes

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

© BankChatchadol.com 52
WordPress Setup Guide
วิธีสร้างเว็บไซต์ WordPress ด้วยตัวเอง: ขัน
้ ตอนโดยละเอียด

ยินดีด้วย! เว็บไซต์ของคุณพร้อมใช้งานแล้ว

สิ่งทีค
่ ุณเพิง่ จะได้เรียนรู้เกีย
่ วกับวิธีการสร้างเว็บไซต์ WordPress ประกอบไปด้วย:

● ขั้นตอนที่ 1: เตรียมความพร้อมก่อนเริม่ ต้นสร้างเว็บไซต์


● ขั้นตอนที่ 2: สมัครโดเมนและโฮสติง้
● ขั้นตอนที่ 3: ติดตั้ง WordPress ให้เว็บไซต์พร้อมใช้งาน
● ขั้นตอนที่ 4: ปรับแต่งหน้าตาของเว็บไซต์

สุดท้ายแต่ไม่ท้ายสุด คุณจําเป็นทีจ
่ ะต้องพัฒนาและปรับปรุงเว็บไซต์ของคุณอยู่เสมอ

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

วิธีการเรียนรู้ทด
ี่ ีทส
ี่ ุดก็คือ “การเรียนรู้จากการลงมือทํา”

และเมื่อคุณมีความเชีย
่ วชาญกับการใช้เครื่องมือต่างๆของ WordPress คุณก็จะสามารถสร้าง
เว็บไซต์ได้ออกมาตรงกับความต้องการของตัวเอง

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

แล้วพบกันในบทเรียนต่อๆไปครับ!

© BankChatchadol.com 53

You might also like