WordPress Twenty Sixteen Theme Deconstruction


Getting into WordPress theme development isn’t always the easiest. There are some great tutorials out there on the basics, but oftentimes they don’t go far enough. You could read a book, but they try to make you do all these examples to make it work. Then there are the technical articles which one, at least when beginning, just can’t understand.

How does one know what functions one needs? What are the standard naming procedures for classes, IDs, etc.?

In this series of pages I deconstruct each page, listing out its functions, classes, id’s, etc.


  • 404.php
  • archive.php
  • comments.php
  • footer.php
  • functions.php
  • header.php
  • image.php
  • index.php
  • page.php
  • search.php
  • searchform.php
  • sidebar-content-bottom.php
  • sidebar.php
  • single.php
  • template\parts
    • biography.php
    • content-none.php
    • content-page.php
    • content-search.php
    • content-single.php
    • content.php
  • inc
    • back-compat.php
    • customizer.php
    • template-tags.php


In addition there are the CSS files that handle styling:

  1. style.css
  2. editor-style.css
  3. ie.css
  4. ie7.css
  5. ie8.css
  6. genericons.css


We have some JavaScript:

  • color-scheme-control.js
  • customize-preview.js
  • functions.js
  • html5.js
  • keyboard-image-navigation.js
  • skip-link-focus-fix.js


And language file:

  • twentysixteen.pot