OLD COURSE: บทเรียนเก่าจาก SeedThemes

หมายเหตุ: คอร์สเดิมเราเปิดให้ทุกคนเข้าชมได้ ส่วนคอร์สใหม่เรากำลังจัดทำใหม่หมด จะนำขึ้นเว็บในวันที่ 1 มิถุนายน 2564 นี้ครับ

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

1. เริ่มต้นทำเว็บด้วยเวิร์ดเพรส

  1. เริ่มต้นใช้งานเวิร์ดเพรสกับเว็บทดสอบ
  2. การอัพเดทเวิร์ดเพรส
  3. การติดตั้งธีม “ทดสอบ”
  4. การใส่เนื้อหาและจัดข้อความในเวิร์ดเพรส
  5. การใส่รูปภาพและอัลบัมภาพในเวิร์ดเพรส
  6. การสร้างหน้าย่อยในเวิร์ดเพรส
  7. การจัดหน้าด้วยปลั๊กอิน Page Builder (ฉบับเริ่มต้น)
  8. การเขียนเรื่อง (Post) และการจัดหมวดหมู่
  9. การตั้งค่าหน้าแรกของเว็บ ให้แสดง Page แทนรายการ Post
  10. การตั้งค่าเมนู
  11. การใช้งานวิดเจ็ต (Widget) และการจัดเลย์เอาท์
  12. การจัดรูปแบบหน้าแรก ด้วย Page Builder
  13. การตั้งค่าทั่วไป และเปลี่ยนรูปแบบลิงก์ (url)
  14. แนะนำธีมเริ่มต้น “Seed” และปรับแต่งด้วย Customizer
  15. แนะนำไอคอนฟอนต์ Font Awesome และ Seed Icons
  16. ตั้งค่า Page Template และ Footbar ในธีม “Seed”
  17. เปลี่ยนดีไซน์ธีม “Seed” ด้วย SiteOrigin CSS
  18. ปรับขนาดรูปในธีม ด้วยปลั๊กอิน Regenerate Thumbnails
  19. ใช้ฟอนต์ไทยสวยๆ ด้วยปลั๊กอิน Seed Fonts

2. สร้างเว็บในเครื่องเรา

  1. การติดตั้งเวิร์ดเพรสในเครื่องของเรา
  2. ย้ายเว็บเวิร์ดเพรส ด้วยปลั๊กอิน All-in-One WP Migration

3. สร้างเว็บองค์กร

  1. ปฎิบัติการสร้างเว็บองค์กรตามตัวอย่าง
  2. เฉลย: ดาวน์โหลดเว็บตัวอย่างแบบที่ 1

4. สร้างเว็บร้านค้า

  1. เริ่มต้นสร้างร้านออนไลน์ด้วยปลั๊กอิน WooCommerce
  2. การตั้งค่าร้านออนไลน์
    • การใช้งานและตั้งค่าธีม Seed
    • ตั้งค่าร้านค้า WooCommerce
    • ตั้งค่าการจัดส่ง ในแต่ละพื้นที่
    • ตั้งค่าการรับชำระเงินผ่านบัญชีธนาคาร
    • ตั้งค่าการรับชำระเงินผ่านบัตรเครดิต หรือ Paypal
    • ตั้งค่าการส่งอีเมล
    • ตั้งค่าการสมัครสมาชิก
  3. สร้างระบบแจ้งชำระเงิน ด้วยปลั๊กอิน Seed Confirm Pro
  4. สร้างระบบสมาชิก: เพิ่ม Facebook Login ให้ WooCommerce
  5. สร้าง Facebook App และ Facebook Login

5. พื้นฐานการออกแบบ

  1. วัตถุดิบที่ใช้ในการออกแบบ (รูป/สี/ฟอนต์/เลย์เอาท์)
  2. พื้นฐานการใช้ Photoshop
  3. ทดลองแก้ไข Seed UI Kit
  4. ทดลองสร้างแบนเนอร์

6. พื้นฐานการเขียนโค้ด

  1. รู้จักกับ HTML และ CSS
  2. รู้จักกับระบบ Grid
  3. ตัวอย่างการนำ CSS ไปใช้
  4. รู้จักกับ jQuery และ jQuery Plugin
  5. รู้จักกับ PHP

7. การสร้างเนื้อหาที่ซับซ้อนขึ้น

  1. สร้างข้อมูลชนิดใหม่ ด้วย Custom Post Type และ Taxonomy
  2. การสร้างฟีลด์ข้อมูล ด้วยปลั๊กอิน Advanced Custom Fields

8. การสร้างธีมเวิร์ดเพรส

  1. เริ่มต้นสร้างธีมเวิร์ดเพรส
    • เริ่มต้นสร้างธีมเวิร์ดเพรสจากไฟล์ HTML ทดสอบ
    • การนำข้อมูลมาแสดงด้วย Template Tags
    • การสร้างเมนู และนำมาแสดงในธีม
    • แยกชิ้นส่วนไฟล์ เป็น Header / Footer / Sidebar
    • การแสดงเนื้อหาภายใน The Loop
  2. สร้างเทมเพลตในธีมเวิร์ดเพรส
    • รู้จักกับ Template Hierarchy
    • การสร้างหน้า Page, Post
    • การสร้าง Sidebar เพื่อใส่ Widget
    • การสร้าง Template สำหรับหน้าแรก
    • การใส่โค้ดใน header และ footer เพื่อรองรับปลั๊กอินต่างๆ
  3. การใช้ธีม Seed เป็น Starter Theme
  4. การใช้ธีม Seed เป็น Parent Theme และใช้ Berry เป็น Child Theme (จะเพิ่มเนื้อหาในอนาคต)