Categories
Theme Quest Theme Review Themes

Theme Development Process

The theme development process
The theme development process (Do you want a bigger picture? Click on the image.)
Process notes:
How to make and debug a WordPress theme
Toolbox

Automation (Nodejs)

Nodejs is a must in rapid development. Here are some essential tools.

SASS

Much template work is tweaking the CSS. A stylesheet preprocessor is a nice-to-have. Here’s how to use SASS:

sass --watch input.scss:style.css
Bower

Bower is a nice package manager.  Install libraries, e.g.:

bower install jquery bootstrap jquery-ui --save

The libraries are saved in the bower_components directory. The –save option will save dependencies in bower.json. If you download a repo without dependencies, they’re installed in this way:

bower install

Yep, that’s it.

Bower is installed via npm (part of Nodejs):

npm install -g bower

Version Control

Github

Here’s a link to (my work-in-progress) theme:

Github is made for group work. Code may be forked into branches, and versions merged to a mutual production.

Projects will give the group a nice kanban for work organization. Users may rise Issues.

Ready for Upload

When all is ready you can upload the theme for review on WordPress. Delete whatever files and directories that you don’t need.

Hidden files and directories must be removed.

If you use minfied scripts and css a non-minified version should be available. The files in the WordPress theme pool should be in clear text.

Then you can try to upload the theme for review.

By Per Thykjaer Jensen

Per is the WordPress expert at Business Academy Aarhus. Senior Lecturer at the Multimedia Design Programme. His background is in the Arts: MA Literature History and BA Art History. Later he added a MA in IT, interaction and Multimedia. And he is a wicked Linux user.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.