1. เริ่มต้นทำเว็บไซต์

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

1. เริ่มต้นใช้งานเวิร์ดเพรสกับเว็บทดสอบ 1:27 นาที

  • ระบบจะส่งเมลข้อมูลการใช้งาน ทั้ง URL, ชื่อผู้ใช้, รหัสผ่าน นะครับ
  • ลองล็อกอินเข้าระบบ
  • เปิดแท็บ “หน้าบ้าน” และ “หลังบ้าน”

2. การอัพเดทเวิร์ดเพรส 1:11 นาที

  • เข้าระบบ จะพบการแจ้งเตือนให้อัพเดท
  • สามารถอัพเดทที่หน้าแจ้งเตือน หรือหน้าธีม/ปลั๊กอินนั้นๆ

3. การติดตั้งธีม “ทดสอบ” 1:06 นาที

  • ดาวนโหลดไฟล์ต่างๆ ที่ต้องใช้จากหน้า สมาชิก
  • ให้ Unzip ออกมา จะไฟล์ไฟล์รูปไว้ใช้งาน และไฟล์ Todsorb.zip ที่เป็นไฟล์ธีมทดสอบ

4. การใส่เนื้อหาและจัดข้อความในเวิร์ดเพรส 2:53 นาที

  • ทดลองใส่เนื้อหา โดยอาจใช้เนื้อหาจำลองที่เว็บ Lipsum.com
  • หากสนใจภาษาไทย ลองดูที่เว็บ โลเร็ม.อิน.ไทย

5. การใส่รูปภาพและอัลบัมภาพในเวิร์ดเพรส 5:20 นาที

  • การใส่รูปภาพเดี่ยวๆ
  • การใส่รูปภาพเป็นอัลบัม
  • การติดตั้งปลั๊กอิน Blueimp Lightbox

6. การสร้างหน้าย่อยในเวิร์ดเพรส 1:30 นาที

  • การสร้าง “หน้า”
  • การตั้งค่าให้เป็นหน้าย่อยของหน้าหลักที่กำหนด

7. การจัดหน้าด้วยปลั๊กอิน Page Builder (ฉบับเริ่มต้น) 5:57 นาที

  • การติดตั้งปลั๊กอิน Page Builder by SiteOrigin
  • การสร้างคอลัมน์ และใส่เนื้อหา (Widget)

8. การเขียนเรื่อง (Post) และการจัดหมวดหมู่ 5:25 นาที

9. การตั้งค่าหน้าแรกของเว็บ ให้แสดง Page แทนรายการ Post 1:47 นาที

10. การตั้งค่าเมนู 3:47 นาที

11. การใช้งานวิดเจ็ต (Widget) และการจัดเลย์เอาท์8:04 นาที

12. การจัดรูปแบบหน้าแรก ด้วย Page Builder 9:27 นาที

13. การตั้งค่าทั่วไป และเปลี่ยนรูปแบบลิงก์ (url) 2:59 นาที

14. แนะนำธีมเริ่มต้น “Seed” และปรับแต่งด้วย Customizer 6:08 นาที

15. แนะนำไอคอนฟอนต์ Font Awesome และ Seed Icons 5:19 นาที

16. ตั้งค่า Page Template และ Footbar ในธีม “Seed” 5:46 นาที

  • ทดลองสร้างหน้าโดยใช้ Page Template ชื่อ Left Sidebar
  • ทดลองสร้างหน้าโดยใช้ Page Template ชื่อ Right Sidebar
  • การสร้างเมนูที่ซับซ้อนขึ้น คือการใช้ Sidebar เดียวกัน แต่กำหนดเงื่อนไขเพิ่มว่า จะให้แสดงในกรณีไหนบ้าง (เช่น เฉพาะหน้าเกี่ยวกับเรา)
    • ถ้าหาก Server อยู่ต่างประเทศ มาตรฐานที่ฝรั่งแนะนำคือ Jetpack by WordPress.com แล้วเปิดโมดูล Widget Visibility
    • แต่ถ้า Server อยู่ในไทย หรือไม่ต้องการใช้ Jetpack (เพราะมันต้องเชื่อมต่อกับ Server นอก และอ้วนนิดหน่อย) ระยะหลังๆ ผมแนะนำ Widget Visibility Without Jetpack หรือ Widget Visibility ครับ

17. เปลี่ยนดีไซน์ธีม “Seed” ด้วย SiteOrigin CSS 10:54 นาที

18. ปรับขนาดรูปในธีม ด้วยปลั๊กอิน Regenerate Thumbnails 1:20 นาที

19. ใช้ฟอนต์ไทยสวยๆ ด้วยปลั๊กอิน Seed Fonts 6:34 นาที

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

1. เริ่มต้นใช้งานเวิร์ดเพรสกับเว็บทดสอบ 1:27 นาที

  • ระบบจะส่งเมลข้อมูลการใช้งาน ทั้ง URL, ชื่อผู้ใช้, รหัสผ่าน นะครับ
  • ลองล็อกอินเข้าระบบ
  • เปิดแท็บ “หน้าบ้าน” และ “หลังบ้าน”

2. การอัพเดทเวิร์ดเพรส 1:11 นาที

  • เข้าระบบ จะพบการแจ้งเตือนให้อัพเดท
  • สามารถอัพเดทที่หน้าแจ้งเตือน หรือหน้าธีม/ปลั๊กอินนั้นๆ

3. การติดตั้งธีม “ทดสอบ” 1:06 นาที

  • ดาวนโหลดไฟล์ต่างๆ ที่ต้องใช้จากหน้า สมาชิก
  • ให้ Unzip ออกมา จะไฟล์ไฟล์รูปไว้ใช้งาน และไฟล์ Todsorb.zip ที่เป็นไฟล์ธีมทดสอบ

4. การใส่เนื้อหาและจัดข้อความในเวิร์ดเพรส 2:53 นาที

  • ทดลองใส่เนื้อหา โดยอาจใช้เนื้อหาจำลองที่เว็บ Lipsum.com
  • หากสนใจภาษาไทย ลองดูที่เว็บ โลเร็ม.อิน.ไทย

5. การใส่รูปภาพและอัลบัมภาพในเวิร์ดเพรส 5:20 นาที

  • การใส่รูปภาพเดี่ยวๆ
  • การใส่รูปภาพเป็นอัลบัม
  • การติดตั้งปลั๊กอิน Blueimp Lightbox

6. การสร้างหน้าย่อยในเวิร์ดเพรส 1:30 นาที

  • การสร้าง “หน้า”
  • การตั้งค่าให้เป็นหน้าย่อยของหน้าหลักที่กำหนด

7. การจัดหน้าด้วยปลั๊กอิน Page Builder (ฉบับเริ่มต้น) 5:57 นาที

  • การติดตั้งปลั๊กอิน Page Builder by SiteOrigin
  • การสร้างคอลัมน์ และใส่เนื้อหา (Widget)

8. การเขียนเรื่อง (Post) และการจัดหมวดหมู่ 5:25 นาที

9. การตั้งค่าหน้าแรกของเว็บ ให้แสดง Page แทนรายการ Post 1:47 นาที

10. การตั้งค่าเมนู 3:47 นาที

11. การใช้งานวิดเจ็ต (Widget) และการจัดเลย์เอาท์ 8:04 นาที

12. การจัดรูปแบบหน้าแรก ด้วย Page Builder 9:27 นาที

13. การตั้งค่าทั่วไป และเปลี่ยนรูปแบบลิงก์ (url) 2:59 นาที

14. แนะนำธีมเริ่มต้น “Seed” และปรับแต่งด้วย Customizer 6:08 นาที

15. แนะนำไอคอนฟอนต์ Font Awesome และ Seed Icons 5:19 นาที

16. ตั้งค่า Page Template และ Footbar ในธีม “Seed” 5:46 นาที

  • ทดลองสร้างหน้าโดยใช้ Page Template ชื่อ Left Sidebar
  • ทดลองสร้างหน้าโดยใช้ Page Template ชื่อ Right Sidebar
  • การสร้างเมนูที่ซับซ้อนขึ้น คือการใช้ Sidebar เดียวกัน แต่กำหนดเงื่อนไขเพิ่มว่า จะให้แสดงในกรณีไหนบ้าง (เช่น เฉพาะหน้าเกี่ยวกับเรา)

17. เปลี่ยนดีไซน์ธีม “Seed” ด้วย SiteOrigin CSS 10:54 นาที

18. ปรับขนาดรูปในธีม ด้วยปลั๊กอิน Regenerate Thumbnails 1:20 นาที

19. ใช้ฟอนต์ไทยสวยๆ ด้วยปลั๊กอิน Seed Fonts 6:34 นาที

20. แปลงฟอนต์ไทยอื่นๆ มาใช้กับ Seed Fonts 4:27 นาที