คอร์สสอน WordPress ฟรี สอนทำเว็บไซต์สำหรับผู้เริ่มต้น WordPress 101 by Digitouch

ก่อนจะไปลงคอร์สสอน wordpress ที่ไหน ลองเข้ามาดูวิธีการทำเว็บไซต์ด้วย WordPress จาก Digitouch แบบฟรีๆ กันก่อนไหมครับ

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

สวัสดีครับผม ผมเดียวจาก ดิจิทัชนะครับ เนื่องจากการทำเว็บไซต์ ทุกวันนี้ มันง่ายมากๆ เรียกได้ว่า ถ้าคุณเป็นคนที่ใช้งานคอมพิวเตอร์ได้คล่องแคล่ว ใช้ internet เข้าเว็บไซต์ต่างๆได้ ใช้งาน word, excel power point ได้อยู่แล้ว ก็สามารถเรียนรู้การทำเว็บไซต์ได้ไม่ยากเลยครับ และหนึ่งในเครื่องมือ เครื่องมือที่คนทั่วโลกนิยมใช้งานในการสร้างเว็บไซต์ ก็คือ wordpress นี่แหล่ะครับ จากข้อมูล ล่าสุด (อัพเดทปี 2020) ตอนนี้ มีเว็บไซต์ 455,000,000 เว็บไซต์ ที่ทำด้วย wordpress (ที่มาจาก whoishostingthis.com) งั้นเราจะรออะไรหล่ะครับ วันนี้ Digitouch จะมาเผยทุก step ในการสร้างเว็บไซต์ด้วย wordpress ให้ทุกท่านได้ลองทำตาม เรียกได้ว่าตั้งแต่เริ่มต้น แบบจากที่ไม่รู้อะไรเลย จนได้เว็บไซต์ที่พร้อมใช้งานกันเลยทีเดียว พร้อมทั้งแจก Premium theme และ Plugin ให้คนที่อยากหัดทำเว็บไซต์ด้วย WordPress แบบฟรีๆ กันอีกด้วย จะมีเนื้อหาอะไรและเงื่อนไขการรับของฟรีเป็นยังไงกันบ้าง เดี๋ยวไปดูกันเลยครับ

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

เนื้อหาที่ทาง Digitouch สอนทำเว็บ wordpress ตั้งแต่เริ่มต้นจนจบ

หาไอเดียในการทำเว็บไซต์อย่างไร เว็บไซต์ของเราควรมีอะไรบ้าง

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

การทำเว็บต้องมีอะไรบ้าง Domain คืออะไร Host คืออะไร

หลังจากเราได้หน้าตาเว็บที่เราต้องการแบบคร่าวๆ กันแล้ว เราก็จะมาดูกันก่อนว่า ถ้าจะสร้างเว็บไซต์ เราจำเป็นต้องมีอะไรบ้าง ซึ่งสิ่งที่เราต้องมีในการทำเว็บไซต์ของตัวเองหลักๆ คือ Domain name และ Host หรือ server นั่นเอง สำหรับใครที่ยังไง ไม่เข้าใจ ผมอธิบายเป็นภาษาที่มนุษย์ธรรมดาทั่วไปให้เข้าใจได้ตามนี้ครับ (อันนี้คือความเข้าใจของผมนะครับ ถ้าท่านใดมีความรู้หรือคิดว่าผมเอาสิ่งผิดๆ มาบอกทุกคน สามารถแอบกระซิบมาบอกได้ทาง inbox ได้เลยนะครับ)

Domain name คือชื่อเว็บไซต์ของเราครับ เช่น sanook.com, lazada.co.th หรือ digitouch.co.th โดยที่เราต้องไปลงทะเบียนและเสียเงินเช่าชื่อนี้ เพื่อบอกทุกคนว่า ชื่อนี้เป็นของเรานะ และจะดึงข้อมูลจากที่ไหนมาแสดงผล เวลาทุกคนพิมชื่อนี้ใน Google chrome หรือ web browser อื่นๆ ก็จะสามารถบอกได้ว่าเว็บนี้มีข้อมูลอะไรบ้าง

ราคาค่าเช่าโดเมน (บางคนก็เรียนว่าค่าจดโดเมน ส่วนใหญ่จะเป็นรายปี) ก็แตกต่างไปตามดอทที่ต้องการ เช่น .com หรือ .net ก็จะราคาประมาณ 500 บาทต่อปี และเมื่อเข้าไปจดทะเบียนและเสียเงินเสร็จแล้ว มันจะมีที่ให้ตั้งค่าว่าเวลาคนจะเข้าไปดูเว็บไซต์ของเรา จะเอาข้อมูลจาก host หรือ server ไหนไปแสดงผล

Host หรือ Server คือเป็นที่เก็บข้อมูลทุกอย่าง ของเว็บไซต์เราครับ เมื่อคนพิมพ์ชื่อเว็บหรือ domain name ของเราบน google chrome แล้วมันก็จะไปถามว่าฐานข้อมูลว่า ข้อมูลของเว็บนี้เก็บไว้ที่ไหน แล้วตัว google chrome  ก็จะไปดึงข้อมูลจกา server ของเว็บนั้นมาแสดงผลให้ผู้เข้าชมดูใน google chrome นั่นเองครับ ซึ่งข้อมูลที่ว่ามันรวมถึงโปรแกรม ระบบต่างๆ ทั้งเป็นข้อความ รูปภาพ วิดีโอ เอามาประกอบรวมกันเป็นเว็บไซต์ที่ทุกคนอ่านอยู่

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

วิธีการสมัคร cloudways และ setup wordpress

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

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

Cloudways เป็น host ที่ digitouch ใช้อยู่ปัจจุบัน ราคาเริ่มต้นที่ 300 ต่อเดือนครับ และเป็นเค้าทำหน้าที่เป็นตัวกลางให้เราเข้าไปใช้ cloud hosting เจ้าดังต่างๆ ได้ง่ายขึ้น ไม่ว่าจะเป็น digital ocean, google cloud, AWS ก่อนจะงงไปกว่านี้ เอาเป็นว่าเราแนะนำเจ้านี้ละกัน ที่ผ่านมา ใช้ทั้ง host ไทย host นอกมาพอสมควร หลายครั้งที่เกิดปัญหา เหมือนร้านเราพัง ลูกค้าจะเข้ามาซื้อของก็ซื้อไม่ได้ แล้วจะหงุดหงิดมาก แต่ Support ของ Cloudways ก็แก้ปัญหาให้ผมได้อย่างรวดเร็ว มีคนแชทตอบคำถามเรา 24 ชม.  ทำให้สุดท้ายผมมาจบที่ host นี้ครับ

ข้อดีของ Cloudways

  • เราสามารถจ่ายเป็นรายเดือนได้ครับ แบบแค่ 300 บาท ก็สามารถเริ่มต้นทำเว็บไซต์ได้แล้ว ทำให้เหมาะมากๆ สำหรับคนที่อยากเริ่มต้นทำเว็บไซต์
  • เราไม่จำเป็นต้องเสียเงินจดโดเมนครับ คือเค้าจะมี domain สำรองให้เราลองสร้างเว็บไซต์เราได้แบบไม่ต้องจดโดเมนมาก่อน และยังมีให้เราทดลองใช้ได้ฟรี 3 วันอีก โอยยย ถ้าให้อยากหัดทำเว็บไซต์ด้วยตัวเอง ไม่สมัครใช้งาน host ของ cloudways ถึงว่าพลาดมากครับ

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

ใครที่สนใจสมัคร cloudways แล้วกลัวไปไม่ถูกทาง Digitouch ก็มีวิธีการสมัครมาให้ทุกคนได้ทำตามอีกเช่นเคยครับ (และถ้าใครสมัคร cloudways ผ่าน link ของ digitouch เรามีแถม premium theme และ plugin ที่เราซื้อมากว่า 2 หมื่น บาทให้ไปใช้กันฟรีๆ รับประกันของแท้และอัพเดทได้ตลอดที่เรายัง activate อยู่เลยครับ) ใครอยากลองสมัคร cloudways สามารถตามไปอ่านได้ที่ลิงค์ด้านล่างนี้ได้เลยครับ

เข้าเว็บไซต์ cloudways ผ่าน Link นี้ครับ

จดโดเมนที่ godaddy และชี้ IP มาที่ cloudways

หลังจากได้ Host มาแล้ว สำหรับคนที่อยากจะจดโดเมนเลย เราก็มีวิธีการในการจดโดเมนที่เว็บไซต์ยอดนิยมอย่าง Godaddy พร้อมวิธีการในการชี้ domain มาที่ Cloudways ของคุณด้วยครับ ใครพร้อมแล้วก็เตรียมบัตรเครดิต/เดบิตของคุณให้พร้อม แล้วไปเสียเงิน 500 บาทกันเลยครับ ฮ่าๆๆ

เซ็ต https ให้เว็บไซต์บน cloudways

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

Set up wordpress เบื้องต้นพร้อม install plugin และ theme ให้พร้อมใช้งาน

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

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

ส่วนขอบเขตไหนที่ wordpress สามารถทำได้คือ เว็บขายของออนไลน์ง่ายๆ มีระบบตะกร้า ธรรมดาๆ หรือเว็บ Blog ข่าว หรือเว็บที่แสดงเนื้อหา บาทความต่างๆ แบบนี้ก็ทำได้สบายมากครับ และถ้าขยับไปหน่อยอาจจะใช้ plugin บางตัวแสดงผลข้อมูลจากฐานข้อมูลใหญ่ๆได้ เช่น เว็บรีวิวโรงแรม เว็บประกาสขายอสังหา แต่ก็ต้องใช้ plugin และความสามารถในการใช้งานระบบนั้นๆ พอสมควรครับ (บางที่อาจจะต้องเขียน Code ด้วยนิดหน่อย) ส่วนำหรับผู้เริ่มต้น ผมแนะนำให้เริ่มต้นทำหน้าตาเว็บไซต์ง่ายๆ ก่อนครับ ใครสนใจไปดู list ของ theme และ plugin ที่เราแนะนำ พร้อมวิธ๊การ install สามารถตามไปดูได้ที่บทความด้านล่างนี้ได้เลยครับ

เริ่มทำหน้าแรกของเว็บไซต์ด้วย Elementor

เมื่อเครื่องมือพร้อมแล้ว เดี่ยวเรามาลงมือทำเว็บหน้าแรกกันเลยครับ โดยผมเครื่องมือหลักที่เราจะใช้ในการทำเว็บไซต์คือ elementor ครับ ถ้าใครได้อ่าน บทความด้านบนไปแล้ว จะเข้าใจนะครับว่า elementor จะช่วยอะไรเราได้บ้าง ถ้ามี plugin นี้ บอกเลย ชีวิตการทำเว็บไซต์ด้วย wordpress จะพลิกจากหน้ามือเป็นหลังมือกันเลยทีเดียว ไปดูกันเลยจ้า

เรียนรู้ wordpress ภาคทฤษฏี

หลังจากได้ลงมือทำมาจนได้เว็บไซต์หน้าแรกกันแล้ว ถ้าใครมีเวลาอยากจะให้มาทำความเข้าใจกับเจ้า wordpress สุดที่รักของเรากันซักหน่อยครับ อันนี้จะเป็นทฤษฎีล้วนๆเลยเด้อ ใครมีเวลาค่อยมานั่งดูก็ได้ครับ

ติดตั้ง Google analytic, Google serch console, Facebook pixel ให้เว็บ

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

การใช้งาน Yoast plugin SEO ยอดฮิต

ขั้นต่อไปมี plugin นึงที่ผมอยากแนะนำให้ทุกคนใช้งาน และอยู่ใน list ของ plugin ที่ให้ลงไปแล้วคือ Yoast SEO ครับ เจ้า Yoast เนี่ยจะช่วยให้คุณสามารถปรับแต่งเว็บไซต์ของคุณให้ติด SEO ได้ง่ายขึ้น แน่นอนครับ การได้คนเข้าเว็บจาก Google แบบฟรีๆ แม่งโคตรดี แต่มันก็ต้องมีวิธ๊การของทำที่จะให้ติด Google ได้ง่ายๆ ซึ่ง Yoast SEO จะทำให้ชีวิตการทำ SEO ให้เว็บไซต์ wordpress ของเรา ง่ายขึ้นอย่างแน่นอน ไปดูกันเลยครับ

สร้างร้านค้าออนไลน์ด้วย Woocommerce + แก้ไขหน้าสินค้าด้วย elementor

มาถึงเนื้อหาส่วนที่แม่ค้าออนไลน์น่าจะถูกใจกันบ้างนะครับ หลายๆ คน ก็ตั้งใจทำเว็บไซต์ขึ้นมาเพื่อขายของออลไลน์ และทาง Digitouch ก็ไม่อยากพลาดที่จะแนะนำการใช้งาน Plugin ที่ทั่วโลกเค้านิยมใช้ทำเว็บไซต์ Ecommerce กัน คือ Woocommerce ครับ จะติดตั้งยังไง set ยังไง ใช้งานร่วมกับ elementor เพื่อปรับแต่งหน้าสินค้าได้อย่างไร เราเตรียมไว้ให้ทุกคนได้ลองเข้าไปศึกษาตามนี้เลยครับ

สร้าง Realtime chat บนหน้าเว็บด้วย Manychat (Facebook chatbot)

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

โอเคครับ สำหรับใครที่อ่านและทำตามมาถึงตรงนี้ ผมถือว่าท่านไม่ใช่มือใหม่ในการทำเว็บไซต์ด้วย WordPress แล้วนะครับ น่าจะมีไอเดียต่างๆ เอาไปประยุกต์กับรูปแบบเว็บไซต์ที่คุณต้องการ ทาง Digitouch สัญญาว่าจะทำเนื้อหาดีๆ วิธีการใช้งาน plugin หรือเทคนิคการปรับแต่งเว็บไซต์ wordpress ออกมาเรื่อยๆ และถ้าใครมีคำถามเกี่ยวกับ wordpress อยากทราบวิธีการต่างๆ แนะนำให้ลอง search ใน google ด้วย “คำถามที่อยากรู้ + digitouch” ลองดูนะครับ ถ้าไม่เจอคำตอบสามารถ submit คำถามเข้ามาสอบถามเราได้ที่นี่ และถ้าคำถามนั้นๆ ถูกตามบ่อยๆ เราจะเอามาทำเป็นบทความหรือวิดีโอให้ทุกคนได้ดูอย่างแน่นอนครับ ใครที่ชอบบทความนี้ อย่าเก็บความรู้นี้ไว้คนเดียวนะครับ แชร์ให้เพื่อนๆ และคนที่คุณรักได้มาเรียนรู้ร่วมกัน ยังไงวันนี้ผมเดียวจาก Digitouch ก็ขอลาไปก่อน สวัสดีครับ

สารบัญเนื้อหา