Topic: Website Design & Development

The Ultimate Azon WordPress Theme is Finally Here!

Well hello again! It’s been quite some time since my last post, but it’s only because I’ve been working non-stop on my first product launch! Sometimes it seemed like it would never be done, but after five long months of designing, developing, testing, and setting up the entire sales & support infrastructure …

The Ultimate Azon WordPress Theme is here!

Automatic Image Resizing & Cropping for WordPress Theme Development

Whenever I create a new WordPress theme, I like to make image management as easy as possible for the end user, including myself on my niche sites. Here’s what I use that enables me to upload a single image to the WordPress media library, and automatically display web optimized versions in different sizes throughout my theme.

Mathew Ruddy has a great addon for WordPress that does just this. It is an image resizing function that provides WordPress users with an alternative to Timthumb, which is another popular image resizing function but has been know to have some security issues. Now that WordPress has image resizing and cropping built right in, we can utilize that native resizing functionality and mimick the Timthumb resizing functionality.

Responsive Slider 1.0 using WordPress, Advanced Custom Fields Repeater Field, Web Symbols font, and the Cycle2 Slideshow Engine

When I build out custom WordPress themes, I often have to add a custom slideshow on a page. I love building these using the Advanced Custom Fields Plugin and Repeater Field Addon, combined with Cycle2 as my slideshow engine behind the scenes.

Here’s a simple image slider that I use as a basis for more advanced jQuery sliders when I build them out. I often start with the basics below, and build up extra functionality from there if needed. I use this on my WordPress sites.

The code below is intended for those who know how to develop for WordPress, and is not intended as a complete step by step guide. If however you are working with this code and have any questions about it, just ask your question in the comments below and I’ll gladly help out.

You can see a working version of this here near the top of the page.

Tools Required: WordPress, Advanced Custom Fields Plugin, Advanced Custom Fields Repeater Field, jQuery Cycle2, Cycle2 Swipe Addon, the Web Symbols Font, HTML, PHP, and CSS

Sticky jQuery WordPress Post Navigation Buttons

Here’s a sticky next/previous navigation that I designed for the new Durkan Group website. Here is the simplest form of the code that I used, but for the new Durkan website I integrated it with the “next” and “previous” post links to create some sticky buttons in fixed position on the right side of the screen. I used jQuery Waypoints to make the navigation stick to it’s vertical position once it reached 200 pixels from the top of the browser window. You can see a working version of this here.