100%
  • Home
  • Courses
    • View All
Login
  • Home
  • Courses
  • Log In
  • View All
Home WordPress Training Program Theme Development 👀 Anatomy and architecture of a theme

Course Lessons

WordPress Training Program

1 Getting started with WordPress 📣
  • What is WordPress
  • Creating a blog and writing daily updates ✍️
  • Installing WordPress
  • WordPress Terminology 📃
  • How WordPress works
  • Understanding WordPress Database Schema
  • Using themes and plugins
2 Setting up Development Environment 👨‍💻
  • Introduction to Git and SVN 🔄
  • Setting up an Integrated Development Environment (IDE)
  • Pushing changes to site via Git commits/branches
  • Setting up Z shell and Oh My Zsh for fast command line work
3 Coding Standards and Best Practices 💯
  • WordPress Coding Standards (WPCS)
  • PHP_CodeSniffer (PHPCS)
  • Peer Code Review
  • Security 🛡️
  • WordPress Documentation Schema
4 Plugin Development 🛠️
  • Introduction to plugin development
  • Hooks: Actions and Filters
  • Custom Post Types and Taxonomies
  • WordPress Core APIs
  • WP_Query (Custom Query)
  • WordPress AJAX
  • Interacting with remote data and APIs
  • Plugin development assignment
5 Theme Development 👀
  • Anatomy and architecture of a theme
  • Theme Stylesheet and Functions file
  • Template files and hierarchy
  • Customizer
  • Asset Building using Webpack & Babel
  • Child Themes
  • Handling Media in WordPress
  • Theme development assignment
6 Debugging 🐞
  • Introduction to Xdebug
  • EasyEngine site debugging with docker commands
  • How to check Nginx, PHP, and WP Debug logs
7 Advanced Concepts 📜
  • WP-CLI
  • REST API
  • Roles and Capabilities
  • Caching
  • Custom Database Table Creation
  • Optimization ⚡
  • Users and User metadata
  • Cron ⏳⚙️
  • Background Processing
  • Internalization and Localization 🌐
  • Multisite
  • Email with WordPress 📧
8 Block Editor (Gutenberg) 🏗️
  • Default Blocks
  • Creating a block
9 Testing 🤓
  • PHPUnit Test
  • JavaScript: QUnit, Jest
  • ESLint, JSLint, JSHint, JSCS
  • CSS: Stylelint
10 Extras 😃
  • Decoupled
  • GraphQL
  • React and Next.js
  • WooCommerce 🛒
  • Accessibility (WCAG 2.0) 🔍
11 Contributing to WordPress ❤️
12 Server Side 🖥️
  • How to check CPU/Memory/Disk Space on a server
  • Rsync and SSH basics
  • How to sync one site with other using WP-CLI and rsync
  • Tmux basics
13 Congratulations 🥳
Return to WordPress Training Program

Trainer(s)

There is no group/trainer

WordPress Training Program

Anatomy and architecture of a theme

One cannot come up with a solution for a problem one cannot understand. Likewise, you cannot create a theme without understanding its basic structure. You need to fully understand the anatomy and architecture of the WordPress theme.

A standard WordPress theme consists of a header, sidebar(s), the loop, and the footer section.

Yoast has got a brilliant infographic on the same covering all the core theme files. You can check it out over here. Additionally, you can watch the below video –

Anatomy of a WordPress Theme – exploring the files behind your theme from WordPress.tv | (CC BY-SA 4.0)

For further reading, check out the Anatomy of a WordPress theme by Layout from Flywheel.

Copyright 2017-25 All Rights Reserved | Designed by WisdmLabs