WordPress Twenty Sixteen Theme Deconstruction

Introduction

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.

Pages

  • 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

Styling

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

JavaScript

We have some JavaScript:

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

Internationalization

And language file:

  • twentysixteen.pot
%d bloggers like this: