- Design a Professional Blog Layout in Photoshop
- Building a Responsive Layout With Skeleton: Starting Out
- Building a Responsive Layout With Skeleton: Navigation
- Building a Responsive Layout With Skeleton: jQuery Plugins
- Building a Responsive Layout With Skeleton: Finishing Off
- Building a Responsive Layout With Skeleton: Widescreen
- Skeleton to WordPress: Getting up and Running
- Skeleton to WordPress: Finishing Off
It’s been quite a journey, but our final destination is in sight! Today we’re going to wrap up our Skeleton Magazine WordPress theme by looking at a FlexSlider plugin, the loop, plus we’ll take a quick glimpse at preparing themes for translation.
FlexSlider Plugin From Wptuts+
Whilst building our static HTML page we relied on the brilliant jQuery FlexSlider to power our adaptive slideshow. Migrating FlexSlider into WordPress can be intimidating for beginners, but luckily Wptuts+ have done the hard work for us with a helpful tutorial and accompanying plugin.
Note: As pointed out to me by Jonathan Beech (thanks Jonathan) where we call the thumbnail in index.php we should have put the size attribute
full within quotation marks like so:
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
If you’d like more detailed instructions regarding anything that we covered, here are some very useful resources:
- Create a Responsive Slider Plugin With FlexSlider for WordPress on Wptuts+
- A Beginner’s Guide to the WordPress Loop on Wptuts+
- Enabling Support for Post Thumbnails on the WordPress Codex
- WordPress Pagination: A Primer on Wptuts+
- Translating Your Theme on Wptuts+
If you enjoyed this series and would like to refer back to the tutorials at any point, you can find all 16 videos featured as a playlist on YouTube. That’s just shy of six hours’ learning – enjoy!