Build Your Own Business Website header image

Using the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The BYOB Agility skin for Thesis 2 is a mobile responsive 2 column skin with specially designed “smart” boxes and packages to make customizing it a snap. Here you’ll learn how to set the skin up and upgrade it so you are ready when upgrades come out in the future. Then, after we give you an overview of the skin, we go through the layout and all of the available features so that you will be confident in your ability to create a unique website using the Agility skin.

Setup Agility for the First Time

  • Install
  • Activate
  • Reading Settings
  • Media Settings
  • Top menu
  • Bottom menu
  • Header image

How to Upgrade the Agility Skin for Thesis 2

  • Create a backup
  • Download the backup
  • Perform the Upgrade
  • Restore Defaults
  • Save Design Options

Overview of the Agility Skin for Thesis 2

  • Agility Format
    • full width
  • Agility Page Styles
    • Front page
    • Page
    • Home page
    • Single
    • Custom
      • no sidebars
      • page with no social media
  • Agility Resources
    • cheat sheets

Understanding the Agility Page Layout

  • Every Agility page is made up of horizontal and vertical divisions
  • Primary Horizontal Divisions – Areas
  • Primary Vertical Divisions – Area Pages
  • Secondary Vertical Divisions – Columns
  • Column Widths

Images in the Agility Skin for Thesis 2

  • WordPress Default Image Sizes
    • Large – 647×1032
    • Medium – 320×1032
    • Thumbnail – 200×200
  • Agility Custom Image Sizes
    • Featured Page – 320×200
    • Tiny Thumbnail – 75×75
  • Featured Images
  • Regenerate thumbnails

Agility Skin Content Options

  • Copyright
  • Footer Menu
  • Footer Widgets
  • Read More link
  • Top Menu
  • Attribution

Agility Skin Design Options

  • Color Scale
  • Layouts, Fonts, Sizes & Colors
  • Widget Areas
  • Menus
  • Backgrounds
  • Old Agility Design Options
  • Custom Media Queries

Agility Integration with DIYThemes Boxes

  • Social media boxes
  • Email boxes

Agility 2 Column Header Box

  • Column Configuration
  • Left Header Content
    • Header image sizes
    • Empty Container
    • Widget Area
  • Right Header Content
  • Adjusting Padding
  • Adjusting alignment
  • Multiple Header Configurations

Agility 1 Column Header Box

  • Header Content
  • Single Header Image
    • Image size
  • Responsive Header Images
    • Image Sizes
      • 1032
      • 800
      • 500
      • 300
  • Adjusting Padding
  • Adjusting alignment
  • Multiple Header Configurations

Agility Responsive Columns System

  • The system
    • Wrapper
    • Columns
    • Reverse Wrapper
  • Make the header 3 Columns

Agility Smart Widget Columns System

  • The system
    • Add a name
    • Add a description
  • What happens when they aren’t named

Question and Answer

0 Comments… add one
0 comments… add one

Leave a Comment