Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
เขียนธีม WordPress ด้วยตัวเอง - WordPress Theme 101
Highest Rated
Rating: 4.5 out of 5(134 ratings)
552 students

เขียนธีม WordPress ด้วยตัวเอง - WordPress Theme 101

WordPress Theme Development From Zero to Pro
Highest Rated
Created byJirayu Limjinda
Last updated 1/2024
Thai

What you'll learn

  • เรียนรู้พื้นฐานการเขียนธีม WordPress
  • การเขียน Responsive WordPress Theme ด้วย SCSS และ Twitter Bootstrap
  • การใช้งาน The Loop, WP Query, และ Custom Post Type แบบ lecture และลงมือทำ
  • เรียนรู้ Template Hierarchy ของ WordPress ซึ่งจะช่วยให้เข้าใจการเขียนธีมได้มากขึ้น
  • การนำธีมเว็บไซต์ WordPress ที่เขียนเสร็จแล้วขึ้นไปใช้งานจริง
  • ทำไมอัพรูปแล้วไม่ชัด? มารู้จัก Media Size ที่จะคุมการแสดงผลได้ง่ายขึ้น

Course content

19 sections • 91 lectures • 17h 3m total length

  • เรากำลังจะเรียนรู้อะไร?7:58
  • ตั้งค่า localhost บน MacOSX [XAMPP]9:41

    • ติดตั้ง XAMPP บน macOSX

    • เปลี่ยนค่า DocumentRoot เป็นแฟ้มที่เราต้องการทำงาน (ไม่เปลี่ยนก็ได้)

  • ตั้งค่า localhost บน MacOSX [PHP & Database]14:06

    == สำหรับคนใช้ Windows ข้ามไป Lecture ที่ 4 ได้เลยครับ ==

    ปรับค่าไฟล์ในการอัพโหลดรูป ให้ WordPress ของเราอัพโหลดไฟล์ได้ใหญ่ขึ้น


    • ตั้งค่า upload_max_filesize ใน php.ini เป็นค่าที่เราต้องการ

    • ตั้งค่ารหัสผ่านให้กับผู้ใช้งานใน phpMyAdmin

    • ติดตั้ง NodeJS และ NPM

    • สร้างฐานข้อมูลชื่อ wpcourse ใน phpMyAdmin

  • ตั้งค่า localhost บน Windows26:17

    == สำหรับคนใช้ macOSX ข้ามไป Lecture ที่ 5 ได้เลยครับ ==

    ปรับค่าไฟล์ในการอัพโหลดรูป ให้ WordPress ของเราอัพโหลดไฟล์ได้ใหญ่ขึ้น


    • ตั้งค่า upload_max_filesize ใน php.ini เป็นค่าที่เราต้องการ

    • ตั้งค่ารหัสผ่านให้กับผู้ใช้งานใน phpMyAdmin

    • ติดตั้ง NodeJS และ NPM

    • สร้างฐานข้อมูลชื่อ wpcourse ใน phpMyAdmin

  • สรุปสิ่งที่ต้องทำหลังจากทำให้เครื่องเราเป็น localhost0:14
  • สร้าง Theme WordPress ของเราเองด้วยไฟล์ 2 ไฟล์12:24

    เรียนรู้การสร้าง Theme ด้วยไฟล์เพียงแค่ 2 ไฟล์

    • การเขียน header comment ในไฟล์ style.css เพื่อให้ WordPress อ่านค่าได้

    • สร้างไฟล์ index.php เพื่อทดสอบ

  • ติดตั้ง Theme Prototype10:48

    ใช้ Theme boilerplate ที่ผมสร้างขึ้นก็จะช่วยเขียน theme WordPress ได้เร็วและง่ายขึ้นครับ

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

  • ปัญหา & วิธีแก้ไข Theme Prototype0:50
  • คำถามท้ายบท

Requirements

  • มีความรู้พื้นฐานด้าน HTML และ PHP เบื้องต้น
  • มีความรู้พื้นฐานด้าน CSS
  • มีความรู้พื้นฐานการใช้งาน WordPress และลองติดตั้งในเครื่องตัวเองมาก่อน
  • เคยใช้งานการเขียนโปรแกรมด้วย Text editor ต่างๆ เช่น Sublime Text, VS Code
  • เคยลง WordPress ในเครื่องตัวเอง หรือใช้งาน phpMyAdmin มาบ้าง

Description

คอร์สที่จะทำให้คุณเรียนรู้พื้นฐานการเขียน Theme WordPress ได้ด้วยตัวเอง เริ่มตั้งแต่การตั้งค่าสร้างแฟ้มธีมที่จะเขียน ลองสร้างไฟล์ 2 ไฟล์เพื่อทดสอบว่ามีแค่เพียง 2 ไฟล์ก็สร้างธีม WordPress ได้แล้ว ในคอร์สนี้จะเน้นการลงมือทำ(เขียน code)กว่า 80% และจะมีคลิป lecture สั้นๆแทรกระหว่างบทให้ผู้เรียนเข้าใจแต่ละเรื่องที่จำเป็นสำหรับการเขียนธีมเช่น The Loop, Media Size, WP Query รวมไปถึงพวก Custom Post Type ต่างๆ


นอกจากนั้นเราจะได้เรียนรู้การทำ slider และ related posts โดยไม่จำเป็นต้องใช้ plugin ข้างนอก และการเขียนธีมขึ้นมาใหม่จากศูนย์โดยใช้ Twitter Bootstrap เข้ามาเป็นพื้นฐานช่วยในการสร้าง CSS พื้นฐานให้เราทำงานได้ง่ายขึ้น เราจะเรียนรู้การใช้ Figma เบื้องต้นให้เหมือนกับในความเป็นจริงที่ลูกค้าอาจจะมีงาน design อยู่แล้ว หรือเราได้รับงาน design จากเพื่อนในทีม แล้วเราจะขึ้นโครงเว็บไซต์ใหม่ด้วย HTML/CSS และ JavaScript แต่ละหน้าไล่ไปเรื่อยๆจนถึงการเขียน PHP เบื้องต้นเพื่อเพิ่มความสามารถให้ธีมของเรา


แน่นอนว่าคำสั่งพื้นฐานของ WordPress จะได้เรียนกันแน่ๆครับ ไม่ว่าจะเป็น get_template_part, get_template_directory_uri, the_permalink ฯลฯ พวกนี้ผมจะมีอธิบายแทรกในคลิปแต่ละตอนเป็นระยะ แล้วคุณผู้เรียนก็จะเห็นว่าจริงๆแล้วการเขียนธีม WordPress เนี่ยไม่ได้ยากอย่างที่คิด แค่เราต้องเข้าใจหลักพื้นฐานและโครงสร้างของไฟล์ของ WordPress ก่อน


คอร์สนี้เป็นคอร์สที่เขียน code ค่อนข้างเยอะ โดยช่วงกลางๆเรื่องของเรื่องจะสอนเขียน Responsive โดยใช้ CSS/SASS ด้วยครับ สำหรับท่านใดที่ไม่ค่อยถนัดเรื่อง CSS ก็ไม่ต้องกังวลครับ ทุกคำสั่งที่เขียน ผมจะเริ่มเขียนใหม่หมดเลยไม่ได้เตรียมไว้แล้ว copy มาแปะ ทำให้ตอนเขียน code ผมจะอธิบายไปด้วยว่ากำลังทำอะไร และทำไมต้องเขียนแบบนั้น


เนื้อหามีประมาณ 90 ตอน แบ่งออกเป็น 15-20 section และจะมีแบบทดสอบง่ายๆท้ายบทให้ลองตรวจสอบความเข้าใจกันนิดหน่อย คอร์สนี้เป็นคอร์สแรก เป็นคอร์สที่ผมตั้งใจทำ และใช้เวลาสร้างอยู่พอสมควร หวังว่าจะมีประโยชน์กับทุกท่าน และช่วยให้เข้าใจหลักการเขียนธีมของ WordPress ได้มากขึ้นครับ

Who this course is for:

  • ผู้ที่เคยใช้งาน WordPress มาแล้ว และต้องการเขียน Theme WordPress เอง
  • Front-end developer ที่กำลังเริ่มทำงานเกี่ยวกับ WordPress

Report abuse