New default WordPress theme: Fourteen Eleven

WordPress theme: Fourteen Eleven

WordPress theme: Fourteen Eleven

With the increase in mobile devices accessing the University website, I’ve spent a couple of hours this week working on a St Andrews themed responsive WordPress theme for our central WordPress multi site installation, WordPress @ St Andrews.

Imaginatively titled Fourteen Eleven this is a child theme of one of the default WordPress themes: Twenty Eleven.

This theme is clean, lightweight, and optimised for mobile use. It offers 12 St Andrews-themed headers, which can also be shown randomly if required. Or upload your own.

Twelve St Andrews themed headers. Or upload your own.

Twelve St Andrews themed headers. Or upload your own.

Next week’s task is to rebrand the Fourteen Thirteen (1413) theme as Fourteen Ten (1410) as it is actually a child of the default WordPress theme Twenty Ten, rather than Twenty Thirteen. This should help us keep track of which theme is a child of which.

Advertisements

Using colour schemes to easily distinguish between live and test installations of WordPress

When the web team took on management of the University’s WordPress multi site installation we actually inherited two instances: live and test.

Working with two almost identical installations I discovered a sense of mild anxiety whenever I had both installations open side by side: which version was I currently working with? Was I just about to do something that could potentially break the live site?

I found the answer in admin colour schemes.

New feature blindness

Having used WordPress since version 0.7.1 in 2003 there are certain aspects that I take for granted and am more or less blind to. One is timezone. It was only when the clocks went forward in the spring that I discovered that there was an option to set the timezone as London, UK which automatically updates when the clocks change. Prior to that, for I don’t know how many versions of WordPress I had been using the default value of UTC+0 and had to manually change it every time the clocks went back or forward.

Admin colour schemes

Another feature that I realised that I was blind to was admin colour schemes. When I first started using WordPress in 2003 it had only one interface colour scheme, in later versions it went up to two, but I always stuck to the default.

It was literally only a couple of weeks ago (about six months after it was introduced) that I realised that as of WordPress 3.8 the software shipped with eight colour schemes:

There are eight admin colour schemes installed by default in WordPress 3.8+

There are eight admin colour schemes installed by default in WordPress 3.8+

As soon as I realised this I updated my user profile on our test installation and changed it from ‘default’ to ‘sunrise’.

This bright red interface (below, right) gives me immediate feedback that I am currently working in the test installation.

WordPress admin interfaces side by side: black on left is live; red on right is test

WordPress live installation (left); WordPress test installation (right)

I certainly recommend that if you are working with multiple installations of WordPress (not just live v test, perhaps but different locations or clients) and you are not already making use of admin colour schemes: do look into it.

New website for the Writing Room at St Andrews

A few weeks ago the web team had a visit from Jonathan Falla, a local award-winning author and course leader for both the Creative Writing Summer School and now The Writing Room at St Andrews. It was about the latter that he came to see us about.

The Writing Room at St Andrews is an online creative writing course that is part of the University’s Open Association programme which begins in October and runs through to March the following year. Jonathan wanted a new ‘brochure’ website to help promote the course.

Having listened to Jonathan’s requirements, and having sketched out a rough page structure Jonathan went off and wrote the text for the site. Ah! What a refreshing difference working with a professional writer: it was short, clear and submitted exactly when he said it would be.

The Writing Room at St Andrews

The Writing Room at St Andrews

We decided very early on that we’d use WordPress, using the Twenty Twelve responsive design because that’s the platform we use now for this kind of site, and Jonathan already has experience of using WordPress. It made sense as we just wanted to get the site up-and-running as soon as possible.

This has possibly been one of the fastest multi-page websites I’ve worked on, taking a little over four hours to complete, including image selection and editing. I’m pleased with how the site is looking, it’s been a fun short project to work on and I definitely, definitely recommend using a professional writer when requiring well-written copy… more of that please.

New website for the Andrew Marvell Society

Screenshot of Andrew Marvell Society website

While the majority of our work in the web team involves developing and maintaining the main University website, using our enterprise content management system TERMINALFOUR Site Manager we do occasionally get asked to develop sites for other areas of the University such as schools and research centres. It is one such request that I’ve been working on for the last couple of months.

Sometime during the last quarter of 2012 we were approached by Dr Matthew Augustine of the School of English to migrate the websites of the Andrew Marvell Society from their current location, hosted by St Edward’s University in Austin, Texas to a new, custom-built site hosted here in St Andrews.

WordPress

During initial discussions about both features and resources we decided to use our new installation of WordPress multisite. This is something that we’ve been keen to use for many years; a simple lack of resource to support it was, I think, the main hurdle to getting it installed.

While I’ve done quite a lot of work with WordPress as a standalone application, and as part of the hosted WordPress.com service this is the first time that I’ve had to develop for a multisite-enabled installation, and actually the first serious work I’ve done with WordPress for about five years (having been developing with it since version 0.7).

Theme development

Development, I am pleased to report, has been fairly straight forward. We decided to start with a pre-developed, responsive theme (GoodSpace by Goodlayers) and customise it to our requirements.

I selected this particular theme for a number of reasons:

  • Similar design
    It was very similar to the design that I’d loosely sketched out on paper with Dr Augustine. (He had wanted something that was comparable to the look and feel and tone of the Milton Society of American website; Marvell himself was a friend of John Milton.)
     
  • Page builder and shortcodes
    I was very impressed with the theme’s built-in page builder and shortcodes, which seemed to offer a simple way of creating complex page layouts. After all, once I hand it over I’m not going to be the person who is maintaining the site.
  • Speed
    This approach got us up-and-running much quicker than if I had needed to develop a new theme from scratch, even basing it on one of the default WordPress themes.

Having used premium themes before I was pleasantly surprised by the quality of the documentation shipped with this theme. The theme also came with an example site XML file which I imported and then spent a day exploring to understand how the various built in plugins and features worked.

Agile development

I’m using an Agile-style iterative approach to development, with one week iterations (or sprints), regular meetings and demonstrations with Dr Augustine, and using Trello to plan and manage iterations. I’ve really enjoyed this approach.

Trello board showing columns of index cards

Planned sprints for the next three weeks.

One of the principles of the Agile manifesto is “responding to change over following a plan”. I had scoped out the project for the first four sprints, planning to implement a new feature at the end of each sprint (join up form, migrate the newsletter from another WordPress site, implement a bbPress forum, etc.).

I had planned to implement the join up form this week, but I got an email from Dr Augustine on Monday morning saying “my next priority is to get the old newsletter rolled over to the new site”.

Great! So, that’s my next priority now too. I swapped the order of two columns in Trello, renamed them sprints 2 and 3 accordingly and got to work researching custom post types.

That’s the story so far.

We launched the site last Tuesday, three days early, and as you may be able to see from the fuzzy image above we’ve still got things planned out for the next few weeks. In good Agile style, we wanted to get a working site up and running and then incrementally add to it. Which has also been a really satisfying and motivating way to work.

This is fun… I’m going back to work now.

Footnote

By the way, if you’re wondering who Andrew Marvell is, he was an English metaphysical poet and politician who lived between 1621 and 1678. You can read more about the life and work of Andrew Marvell on Wikipedia.

Also, this has been unexpectedly one of the hardest projects I’ve worked on in terms of spelling the person’s name right! His name is Andrew Marvell. I work in St Andrews where we have a halls of residence called Andrew Melville Hall. How many times have I written Andrews Melville?