Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

Skeleton to WordPress: Finishing Off

by
Gift

Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.

This post is part of a series called Build a Responsive Layout With Skeleton.
Skeleton to WordPress: Getting up and Running

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.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


The Loop

All that remains is to actually output our blog content to the page! Let's now take a look at the loop, featured images, plus a bit about internationalization.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!

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' );


Additional Resources

If you'd like more detailed instructions regarding anything that we covered, here are some very useful resources:


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!

Advertisement