Build Your Own Business Website header image

Advanced

Advanced Thesis 2.1 Box Development – Part 7 – Setup a Standard Query Box to Display Slides

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Advanced Thesis 2.1 Box Development – Part 6 – Create the HTML Method

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Advanced Thesis 2.1 Box Development – Part 5 – Create Slide Image Size

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Advanced Thesis 2.1 Box Development – Part 4 – Adding CSS to the Main Stylesheet

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Advanced Thesis 2.1 Box Development – Part 3 – Adding Scripts and Styles to the Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Advanced Thesis 2.1 Box Development – Part 2 – Create the Box Base and File Structure

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies 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

Advanced Thesis 2.1 Box Development – Part 1 – Introduction – The Box we are Building

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

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

Part 12 – Question and Answer

Difficulty Level -

Applies to -

Next week we're going to create a complex landing page by setting up post meta for that template and essentially creating a bunch of places where you can add content so that you can break stuff up with the content and the video and then a label and a call to action or more content

Part 11 – Create the Form for Multiple Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now we have to add the code the for rest of the boxes in this Genesis Child Theme Options form. But before we do that let’s add a description, p class='description'. This is a class that Genesis uses and then I want to say "Choose the taxonomy, term and number of posts to display for

Part 10 – Dynamically Populate the Theme Options Select Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The Genesis Child Theme Options Form is now customized so that the end user can select from a list of categories or tags. It's easy enough to enter tag or category here but what's perhaps harder is getting the term because somebody has to go over and figure out what the term id is for

Part 9 – Use a Select Box in the Theme Options Form

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve created the Genesis Theme Options Form and configured the Front Page Template to use those options but so far it's not very user-friendly from the end user standpoint. You and I may very well be able to enter the category and tag info in no problem but what would be better would be for

Part 8 – Configure the Front Page Template to Use the New Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve created the Genesis Child Theme Options form but unfortunately what this requires so far is the user to know that it's either a category or post tag and it requires them to know the id of the term that they want to display. But let's set this one up as if a person knows

Part 7 – Create the Theme Options Form

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So far in creating the Genesis Child Theme Options we've defined our options, given them defaults, set up our sanitization for each of those options and we've created a metabox to display those options. Now we have to create the form to do that. Before I show you the full blown form I'm going to

Part 6 – Create the Theme Options Metabox

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve added that action for sanitizing data using the Genesis no_html filter. So the next thing we're going to do then is create a metabox. The hook that we're adding this function to is the 'genesis_theme_settings_metaboxes'. Again, that is an add_action and there's the hook name 'genesis_theme_settings_metaboxes' and then the name of our function and

Part 5 – Choose Genesis Options Sanitization Filters

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve set Genesis Child Theme Option defaults for taxonomy, the term and posts to show. We should now come down here and repeat this for box2 and box3. With that done, the next thing that we have to do is choose which sanitization filters that we want to use for these. Now, this is something

Part 4 – Create the Genesis Child Theme Options Defaults

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In the Anatomy of Genesis Child Theme Options video, I introduced the filter Genesis Theme Settings Defaults which holds all of the Genesis theme settings. So now in order for us to do anything with this, just like with any other filter, the filter passes the defaults as a variable. Then we say add_filter and

Part 3 – Anatomy of Genesis Child Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We just added hard coded headings to each of the 3 columns of category posts. In this case, this is a simple extension of Lesson 6, Using Secondary WordPress Loops in Genesis, where we put lists of posts in. And this is what you can accomplish if you hard code it. But rather than hard