Drupal Theming Essentials: Building Custom Front-End Layouts

Learn to build custom Drupal themes by converting static HTML into dynamic, responsive layouts using Twig templates and modern CSS.

4.1 (492) ⏱ 1 ชม. 40 นาที 📚 10 บทเรียน 🎧 เวอร์ชันเสียง

เกี่ยวกับคอร์สนี้

Customizing the front-end of a powerful content management system is the key to creating unique and professional web experiences. This course provides a clear path for anyone looking to move beyond default styles and build bespoke themes that are both functional and visually striking. You will transition from a basic understanding of web design to confidently managing the entire Drupal theming layer. By the end of this course, you will be able to take any static design and integrate it seamlessly into the Drupal ecosystem using modern industry standards. What you'll learn: - Understand the core architecture of Drupal themes and the underlying Symfony-based structure. - Apply Twig syntax to create dynamic, secure, and reusable template files for various content types. - Configure theme metadata and asset libraries to efficiently manage CSS and JavaScript. - Create custom regions and layouts to gain total control over page structure and content placement. - Practice modern front-end techniques, including responsive design and accessibility fundamentals. - Implement template overrides to customize the output of specific blocks, nodes, and views. The course begins with an introduction to foundational concepts and directory structures before moving into the practical application of Twig templates. You will follow a logical progression from setting up your first theme file to refining complex layout overrides. This course is designed for beginners interested in front-end development and site building. No prior experience with Drupal theming or advanced PHP is required, though a basic knowledge of HTML and CSS is helpful. Start building your own custom Drupal themes today.

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 รวมเวอร์ชันเสียง
    เรียนได้ทุกที่ ไม่ต้องดูจอ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 40 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (5)

Stavros Katsaros GR
★ 5 · 2026-05-18T15:59:55+00:00

การออกแบบคอร์สยอดเยี่ยมมาก แนวคิดต่างๆ เชื่อมโยงกันได้อย่างลงตัว ใช้งานได้จริงและอธิบายได้ดีมาก

Diego Aguilar CR ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2026-05-04T13:32:55+00:00

เนื้อหามีประโยชน์ โครงสร้างส่วนใหญ่มีเหตุผล แต่อาจจะไม่เหมาะสำหรับผู้เริ่มต้นเลย

Sanele Khumalo ZA ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2025-11-25T19:59:55+00:00

ดีใจมากที่ได้เรียนคอร์สนี้ การนำไปใช้จริงที่สอนนั้นมีประโยชน์มาก และโครงสร้างโดยรวมก็ยอดเยี่ยม

Gabriela Mora CR ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2025-10-20T00:46:55+00:00

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

Guðrún Magnúsdóttir IS
★ 3 · 2025-06-09T07:02:55+00:00

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

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

พื้นฐานการออกแบบเว็บ: สร้างเว็บไซต์สมัยใหม่ที่ตอบสนองได้Name

เรียนรู้หลักการของการออกแบบเว็บสมัยใหม่ เรียนรู้การออกแบบ ด้วย Figma และสร้างเว็บไซต์ที่ตอบสนองได้ดี ผ่านบทเรียนที่เขียนขึ้นมาอย่างละเอียด
★ 5.0 (7,121)
$4.99

พื้นฐาน Figma สำหรับการออกแบบเว็บไซต์สมัยใหม่

เรียนรู้การสร้างเลย์เอาต์เว็บไซต์ระดับมืออาชีพและต้นแบบเชิงโต้ตอบโดยใช้เครื่องมือหลักของ Figma และเวิร์กโฟลว์การออกแบบที่ทันสมัย
★ 5.0 (20)
$4.99

ออกแบบและสร้างเว็บพอร์ตโฟลิโอที่ตอบสนองด้วย Figma และ AI

เรียนรู้การออกแบบและพัฒนาเว็บพอร์ตโฟลิโอที่ตอบสนองของคุณเองตั้งแต่เริ่มต้น โดยใช้ Figma สำหรับ UI/UX และรวมเครื่องมือ AI เพื่อปรับปรุงขั้นตอนการทำงานของคุณ
★ 4.9 (19)
$4.99

การออกแบบ UI ที่ตอบสนองด้วย Figma

เรียนรู้วิธีสร้างอินเทอร์เฟซที่ยืดหยุ่นและใช้งานง่าย ซึ่งปรับให้เข้ากับขนาดหน้าจอได้อย่างราบรื่นโดยใช้ Figma
★ 4.9 (18)
$4.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

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

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม