Build Your Own Business Website header image

Advanced Thesis 2.1 Box Development

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Introduction – The Box We Are Building

  • Intro
  • Prerequisite knowledge
  • jQuery plugin requirements
    • Scripts
    • CSS
    • Fonts
    • HTML

Create the Box Base & File Structure

  • Folder
  • box.php
    • Header
    • Class
    • type property
    • translate method
  • plugin folders

Adding Scripts and Styles to the Box

  • Define file constants
  • Enqueue scripts
  • Enqueue styles
  • Preload method
    • if is admin – return
  • Test it

Adding CSS to the Main Stylesheet

  • Filter CSS method
  • Make sure it only gets written once
  • Test it

Create Slide Image Size

  • Add image size
  • 3 data types
    • string
    • int
    • boolean

Create the HTML Method

  • Extract args
  • Setup tabs
  • Requires 2 divs
    • unleash_container
    • unleash_slider
  • Rotator
  • Install it
  • Setup Querybox

Setup a Standard QueryBox to Display Slides

Session 1 Q&A

0 Comments… add one
0 comments… add one

Leave a Comment