…Now that we have data coming out of the database, based…on our custom marquee post type, let's go back into our snippets.…Inside of B-Snippets let's go to Snippet 10.…And what we're going to do here is expand on the content that we're pulling out.…So here we have a series of echo statements, and a while statement.…The echo statement is going to setup our outermost marquee div container.…Then we're going to create a class of marquee data.…What we're going to do is store all of the HTML we get from the database.…Then, later on, we're going to pick this HTML…out with JavaScript, and store it into a variable.…

But we need to export out all of this HTML…because this is what WordPress is going to give us, by default.…Then we're going to set up three variables here.…Get image ID.…Get post thumbnail.…We can get the associated thumbnail with each one of the…individual panels and we can also get the different sized thumbnails.…Earlier we talked about that the fact that when we upload something…to the WordPress media library it will also compress three additional sizes.…

Resume Transcript Auto-Scroll

Author

Updated

11/25/2014

Released

4/15/2014

Leverage the power of WordPress and some custom jQuery to create and manage a promotional homepage marquee for your website. Chris Converse covers creating custom content types, uploading graphics, and producing an interactive, animated marquee that shows different captions on smaller screens. The exercise files and code snippets for this course are free to all members, so it's easy to recreate this project for your own WordPress site.

This course was created by Chris Converse. We're honored to host this training in our library.

Topics include:

Adding photos to the Media Library

Creating a custom post type

Adding custom CSS to your theme

Retrieving data from the custom post type

Injecting HTML and navigation

Styling the large and small marquees

Reordering the marquee panels

Skill Level Intermediate

1h 8m

Duration

57,104

Views

Show MoreShow Less

Q: This course was updated on 11/25/2014. What changed?

A: We added one new movie about the dangers of modifying updateable themes.