Join Chris Converse for an in-depth discussion in this video Creating a custom debugger area, part of Creating a Marquee in WordPress with jQuery.
…Now, when I'm setting up a complex interactive experience on…a website, I like to set up my on debugging area.…Especially when I have a lot of variables to pay attention to.…So the first thing that we are going to do, is switch over to our text editor.…Let's go inside of the B snippets file.…And let's find snippet 14.…Here I have just a series of HTML, divs with different classes.…These class names match the variable names, and this way…we can watch these variables change, right on the web page.…So, let's copy these to the clipboard.…Let's switch over to the marqueeinclude.php.…
Now this is standard HTML, so let's scroll down to the bottom.…Let's find the ending, PHP tag.…I'll hit a few Returns, and I'll paste all of these items here.…Then let's hit Save.…Now, notice there's no content inside of these divs, they're all empty.…We're going to use jQuery to inject, the values of those variables.…So, now let's switch back to our B Snippets file.…Let's scroll down.…Let's find Snippit 15.…Here we have a function called Set Debugger.…
This course was created by Chris Converse. We're honored to host this training in our library.
- 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