Add Vintage Effects to Images in WordPress

Add Vintage Effects to Images in WordPress

If you’re a fan of Instagram style photo filters, then you’re going to love the new Vintage.js WordPress plugin developed by modemlooper. It is his first WordPress plugin, though he has already created several BuddyPress plugins. This plugin makes use of Vintage.js, a jQuery plugin that uses the HTML5 canvas element to add vintage effects to photos.

The Vintage.js WordPress plugin gives you the option to add the filter when inserting an image into a post:

You won’t see the new filter applied until you view the image on the frontend where the vintage CSS class is added.

Here’s an example. The first photo is the original and the second is one with the vintage effect applied:

FREE EBOOK
Your step-by-step roadmap to a profitable web dev business. From landing more clients to scaling like crazy.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

FREE EBOOK
Plan, build, and launch your next WP site without a hitch. Our checklist makes the process easy and repeatable.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

The fantastic thing about this plugin is that it doesn’t destroy or modify your original image. Vintage.js uses Javascript to add a CSS class to make the image appear with the vintage effects applied, so it’s safe for your original image. Please note that it doesn’t affect all of your images – only the ones you choose will have the vintage filters applied.

The developer is still improving the plugin and will be adding more vintage filters in the future. He expects to release a major update soon that will include an admin page, options and a bunch of new presets for images. Of course we will let you know when that is released, so make sure you’re following @wpmuorg on Twitter.

For now you can download the Vintage.js WordPress plugin at github. Have a play and see if you like how it works.

Tags: