In this session we discuss how to have parallax sections in Thesis 2.1 and assembling groups of parallax boxes. We also introduce the new course, Professional Thesis 2.1 Skin Development, that is currently being taught which includes how to use these boxes in different skins. How to Have Parallax Sections in Thesis 2.1 Member: I've
Now that we’ve created the HTML method that outputs the content for the Thesis 2 Accordion Slider box, we need to go back to the template where we’re displaying it. So we’ll go to the Home Template and come down to our Accordion Slider. Now what we're going to do is add a Query Box.
We now have the image size function completed for the Thesis 2 Accordion Slider Box that we’re creating. So the next thing to do is to create the HTML method. This is the thing that outputs the content for the box. So I’m going to add public function html. Again, this is a helper method
We've added CSS to our stylesheet for the Thesis 2 Accordion Slider Box we’re creating. And the next thing we need to do is add the image size. Essentially, you tell it the width of the space that's available that the image should display in. In this case, my element is 1032 pixels wide and
As somebody rightfully just noted, I've only added one of the two CSS files for this Thesis 2.1 responsive accordion slider box we’re creating. Well, it's very common for plugins and skins to load multiple CSS files but it's generally not good practice. There are some exceptions to that and I’m going to be showing
Now that we’ve got the base Thesis 2.1 box set up with its folders and files, the first real thing we have to do is to add these scripts and styles you see here correctly to WordPress. There have been and still are a ton of very poor tutorials out there that tell you to
The process of creating this advanced Thesis 2 box starts off obviously with PHP. We're just going to start off in the regular file system. We've got wp-content, thesis, boxes and we're just going to create the code from scratch. So starting with boxes I'm going to add a new folder and this is the
Good morning everybody and welcome to this special seminar entitled Advanced Thesis 2.1 Box Development. This is actually going to be a two-part seminar because of the extent and complexity of what can be taught in a 2-3 hour time period. So today we're going to do half of it and we'll do the other
Thesis boxes are streamlined plugins. In this seminar we show how to create a responsive accordian slider box. With the skills taught in this seminar you can create your own custom boxes based on jQuery plugins.
With the advent of Thesis 2 most folks don’t need to muck about with PHP. Most of the typical WordPress coding that people do is easily handled with drag and drop in the Thesis Skin Editor. However, there are times when DIYers and developers alike have something they want to accomplish that can only be done using WordPress functions and PHP. This seminar introduces two methods of doing this in Thesis 2.1
In this session we explain the $depth variable in the HTML output of Thesis 2 boxes. With Thesis 2.0.3, Thesis has started passing a block of arguments, $args, to HTML for you to hook onto; one of the most common ones is $depth which is a number. It allows you to add tabs in front
In this session we discuss the changes to box creation in Thesis 2.0.2 and the ways in which we interact with these boxes. We demonstrate how to add the HTML elements that we want to add to the options and show features that are automatically created for these boxes. Okay so Brian asks, “What are
The next thing we're going to do to this box for our Thesis 2 responsive skin is to demonstrate how to allow the user to also add ID and class to these boxes. As you may well imagine, it's very much like doing this, that is, we're just going to create another option. In this
We’re going to continue working on Thesis Boxes for our responsive skin and now we're going to refine this and make it into something that is theoretically useful. The first thing we're going to do to make it useful is to add some options to it. Remember in our sample section there was this options
Now that we've done that minimal amount of preparation, we're going to take a look at the Thesis Box class with a brief introduction to the Thesis Box Class. Now, there's going to be a zip file for you on the resources section of this lesson when I get up that will have 2 example
In this session we show how to add ID and class to custom boxes in Thesis 2. Thesis has a system for taking advantage of these built-in options. We demonstrate how to create these options in a custom box. Member: Last question I had was I’ve been messing around these boxes and one of the