Fourteen Colors Gets Instant Live Preview

For anyone still using the Twenty Fourteen theme with custom colors via the Fourteen Colors plugin, now would be a good time to try on a fresh coat of paint. I’ve just released version 1.4 of the plugin, which adds instant live-preview of base colors with all colors updating without a page refresh on a slight delay. This leverages the customizer’s selective refresh API added in 4.5 and is based on the same logic that powers the custom highlight color plugin. I’m leveraging this framework in all of my upcoming themes and will be posting a walkthrough of the code in the coming weeks. Here’s a quick visual demo of the new experience:

fourteen colors postmessage & selective refresh demo

Featured Audio in WordPress

Featured images are native to WordPress core, allowing themes to represent posts and pages with images. But for many users, there are more important content formats than visuals. As a musician, I’ve explored different approaches to integrating WordPress’ audio functionality with post objects, most recently with the Sheet Music Library plugin. I recently began exploring a new idea — a premium…

New Sheet Music Library: The Story

After nearly two years of planning, false starts, and development, I finally launched a new sheet music library. In this post, I’ll discuss the development and implementation process, design decisions, and how I created this project in a way that the source code will be available for anyone to use for free. History I started posting my cello ensemble compositions…

New Plugins: Chromeless Widgets Page and Basic Funding Tracker

I just published two plugins I developed for projects this semester on WordPress.org. Chromeless Widgets Page offers a quick way to build and iterate on a custom page that’s external to the web portion of a site. I developed it for the USC Annenberg Digital Lounge (where I’m the WordPress Specialist), where we used it to build an events page that’s…

Content Slideshow Plugin

I released the Content Slideshow plugin on WordPress.org a few weeks ago. It’s intended for a very specific use-case, but is extremely useful if you’re looking for this type of a solution.

We use it at USC ASCE to automatically create a slideshow of all of the pictures we’ve uploaded to our blog. This is pretty useful when we’re recruiting members because we can open it on a tablet or project it and have it running in the background while we talk to prospective members.

A screenshot of the Twenty Fourteen theme with the Fourteen Colors plugin, featuring a light gray contrast color and a light blue accent color

Custom Colors in Twenty Fourteen

Twenty Fourteen is WordPress’ shiny new default theme, released Thursday alongside WordPress 3.8. I worked with the Twenty Fourteen development team throughout the cycle, doing everything from proposing features to removing features to proposing design tweaks, fixing bugs, and testing the theme everywhere. Twenty Fourteen features black, white, and green as its primary colors. In September, I introduced an “Accent Color”…

Thirteen or Fourteen Colors

You may have noticed that I’ve added my eighth plugin to WordPress.org: Fourteen Colors. It adds color customization to the new Twenty Fourteen default WordPress theme, half of which was developed in the core theme before being removed yesterday, just over a week before the theme’s release (broader explanation coming soon).

In the next week, I’ll build out Fourteen Colors, creating what I hope is my most polished plugin yet, inside and out. I already know that I’ll be further utilizing the function that generates color variants, which I wrote when the feature was developed for the core theme, to ensure the highest color contrast possible given various contexts within the theme.

I also created a plugin to customize the (much bolder and more varied) colors of the Twenty Thirteen theme, entitled Thirteen Colors (that plugin is much less elegant than I hope Fourteen Colors will be). I’m starting to wonder why WordPress’ default themes don’t place an emphasis on built-in visual customization. Twenty Eleven was the last to have comprehensive color customization options, or even a link color option, for that matter.

The reasons that the custom accent color was removed from Twenty Fourteen seem referable to the broader lack of customization available in default themes. Hopefully, Fourteen Colors can successfully provide an answer to the concerns over giving users the power to make “bad” color choices, at least in terms of readability if not in terms of beauty. As for code complexity, maybe it’s time to consider customization as a component worthy of adding some weight, like featured content is in Twenty Fourteen. At the end of the day, these themes are the first thing users encounter when getting started with WordPress, and it seems wrong not to showcase the power and flexibility of the platform in the first-run experience (the ability to easily browse for new themes is also critical here).

Maybe Twenty Fifteen will bring the power of native visual customization back to the end user. After all, we have a wonderful Theme Customizer that works excellently for visual customizations. I’d love not to create a “Fifteen Colors” plugin next year.

Windows 8.1 start screen with custom pinned live tiles

Create Windows 8.1 Live Tiles for Your WordPress Site in Seconds with Custom Windows Pinned Tiles 2.0

I’ve just released version 2.0 of my Custom Windows Pinned Tiles WordPress plugin. This is no small update, as it brings the plugin from a simple favicon-adding-like utility to an immensely powerful tool to app-ify your website for Windows 8.1 users. Custom Windows Pinned Tiles now creates a live-updating tile when users pin your site to their start screen. All…