WordPress Theme Development Tutorial Manual - Theme Development Examples
One of the best ways to understand theme code standards is to refer to theme examples that have taken these standards into account.
Default "Twenty" theme
Starting with version 3.0, WordPress packages a default theme (named after the year the version was released) with each release. Designed with a wide range of theme uses in mind and fully compliant with the WordPress code standards, the default themes are the perfect themes to study how themes are developed. We can download and study these theme files and use them as examples for reference while learning how to develop our own themes:.
- Twenty Seventeen
- Twenty Sixteen (only packaged in WordPress 4.8)
- Twenty Fifteen
- Twenty Fourteen
- Twenty Thirteen
- Twenty Twelve
- Twenty Eleven
- Twenty Ten
The Underscores Theme
Unlike the default "Twenties" theme, the _s (or Underscores) theme is aimed at developers rather than end users. It is intended to be aIntroductory Topics You can use it as a basis for accelerated development. The theme has many features:
- Well commented HTML5 templates, including error templates.
- A customized header
inc/custom-header.php
Example. - A custom template label file that puts custom template labels in the
inc/template-tags
to keep templates organized and prevent code duplication. - Some scripts for improved keyboard navigation - in the
js/keyboard-image-navigation.js
-, and for small-screen navigationjs/navigation.js
The - Five CSS layout examples
/layouts
and introductory CSS code for building designs. - GPL licensed code.
The above features make Underscores a great example theme for developers who want to create their own themes. Even if we remove the additional features, the remaining base is still an excellent example of a well-coded theme that takes into account WordPress development standards and best practices.
Underscores website A more detailed description is provided on the Github page, and you can also find the Underscores Code The
Other sources
In addition.Subject CatalogAll themes in the Theme Catalog are reviewed for standards before they are released. Checking out the themes in the Theme Catalog is a great way to get a better understanding of theme development and a great way to get inspired.