WordPress/Themes

From barbourians
Jump to: navigation, search

Getting Started

Development Environment

  • Use WAMP or LAMP
  • Always develop and run WordPress locally
  • For Windows use Bitnami as an IDE

Theme Template

Testing Data

  • Download the testing XML from ...
  • Import the data using the WordPress installer

Developer Plugin

  • Install the "Developer" WordPress plugin by Automaticc
  • Select option: Theme for a self-hosted WordPress installation
  • Use the plugin to install:
    • Debug Bar
    • Monster Widget
    • Regenerate Thumbnails
    • Theme Check
  • Access the plugin via: Dashboard> Tools > Developer

Development IDE

  • Always develop using an IDE (Integrated Development Environment)
  • Suggest using the Adam editor for small tweaks
  • Use NetBeans IDE for large projects - http://netbeans.org

Other Plugins

  • Install "Show Current Template" plugin

Fonts

  • There are two options for fonts:
  1. Use a third party like Google Fonts
  2. Host the fonts yourself within your theme
  • Best practice is to host the fonts locally in the theme
  • Download the font files from the third-party and put them in a fonts directory
  • Create the associated CSS from this website: http://google-webfonts-helper.herokuapp.com/fonts
  • Enqueue the fonts on the functions.php file of the theme

Versioning

  • Always use Semantic Versioning. Given a version number MAJOR.MINOR.PATCH, increment the:
    • MAJOR version when you make incompatible API changes,
    • MINOR version when you add functionality in a backwards-compatible manner, and
    • PATCH version when you make backwards-compatible bug fixes.
  • Start your initial development release at 0.1.0 and then increment the minor version for each subsequent release
  • If your software is being used in production, it should already be at least 1.0.0

Documentation

It is your responsibility as a professional developer to properly document software that is intended for use by others.

Testing

  • Use Chrome developer tools to simulate a small screen
  • Always start with a touch screen device with a width of 320 pixels