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!
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post