Introduction to Thesis 2.3

Six Reasons Thesis 2.3 Will Knock Your Socks Off

• Thesis 2.3 is Screaming Fast

  • It doesn’t load a bunch of extra stuff
  • It’s css is super efficient – therefore small
  • It’s flexibility doesn’t require extra processing on the front end
  • Ordinarily there is a tradeoff between flexibility and speed.
    • It doesn’t need a ton of extra css or js to be flexible

• Thesis 2.3 Exploits Latest SEO Strategies

  • Speed
  • You have full control of Schema
  • Others are ignoring it
  • Then they use plugins which significantly slow page load

• Thesis 2.3 is Infinitely Customizable

  • For the non-tech user – Thesis skins give you lots of control – for example Thesis Classic
    • Complete control over the fonts on your site
    • Complete control over the colors on your site
    • A ton of control over the configuration and layout of your site.
  • For the DIY Techie & Web Designers
    • You have complete control over the html
    • You can have different templates for EVERYTHING
      • Pages
      • Posts
      • Post types
      • Category Archives
      • All taxonomy Archives
      • Post type archives
    • As many widget areas as you like, wherever you want them
    • As many menus as you want, wherever you want them
    • There are NO HTML limitations

• Thesis 2.3 Allows Very Complex Customization Via Drag and Drop

  • Much less Code Required
  • Not everything is drag and drop
  • This power comes with the need to learn

• Thesis 2.3 Almost Entirely Eliminates the Need for separate tools

  • FTP
    • Except for some troubleshooting & advanced work, everything happens in the dashboard
    • No More Permissions to set or adjust
    • No More folders to rename
  • Thesis 2.3 Almost Entirely Eliminates the Need for a Separate Code Editor

• Thesis 2.3 Seamlessly integrates with WooCommerce

  • Super efficient

The Thesis 2.3 Interface

• Thesis admin menu

• Thesis Home

• Skin Menu

• What’s a skin?

• What is the skin menu?

• Site Menu

• What is the site menu?

• Boxes

• What is a box?

• More

• Skin Content

• Skin Display

• Skin Design

• Skin Editor

Introduction to Customizing the Thesis Classic Responsive Skin for 2.3

• The changes we’re going to make

  • The site’s colors
  • The width of the page
  • Add a header image
  • Remove some elements of the skin

• Start in Design

• Layout & Dimensions

  • Layout – 2 col
  • Dimensions – 692 & 372 – total of 1064

• Thesis Golden Ratio Typography

  • Designed for readable websites
    • Font size
    • Font style
    • Column width
  • Everything starts with the font size

Add a Header Image to Thesis 2.3

• Add header image

• Figure out the size

• What happens when the image is too big?

  • It scales to fit

• What happens when the image is smaller?

  • It leaves space to the right

Set the Site Colors with the Thesis 2.3 Color Scheme Generator

• Thesis Color Scale

  • Monochromatic
  • Dark to light
  • Gray scale
  • Default

• Complimentary Colors

• Our color scheme

  • primary text – 111111
  • Secondary text – 673300
  • Links – ab691f
  • Borders & highlights – 679da5
  • Interior backgrounds – cccc5e
  • Site background – ffffff

Set Your Heading Styles with Thesis 2.3 Design Options

• Choose Headlines from Layout, Fonts, Sizes & Colors

  • Font family – Georgia
  • Font size – 36px
  • Color – 669ca4

• Choose Sub-headlines from Layout, Fonts, Sizes & Colors

  • Font family – Georgia
  • Font size – 24px
  • Color – 683400
• View the result

Add Sitewide Video, Images or Text with the Thesis 2.3 Text Box

• Add some text

• Get a Vimeo embed

• Add an image

  • Create a sandbox page
  • Insert an image
  • Paste the code

• It will parse shortcodes

• Hide it altogether

Add Your Own Copyright with Thesis 2.3 Attribution

• Remove the attribution

• Include your own attribution text

• Add an attribution link

Create a Widgetized Footer with the BYOB Simple Thesis Classic Responsive Footer Widgets Box

• Download the Box from BYOBWebsite

• Install the box

• Activate the box

• Box menu

• Add some widgets

• Advanced option – remove the widgets from a specific template

Style Your Widget Areas with Thesis 2.3 Design Options

• Add some widgets

• Choose Sidebar Headings from Layout, Fonts, Sizes & Colors

  • Font family – Georgia
  • Font size – 24px
  • Color – 669ca4

• Choose Sidebar from Layout, Fonts, Sizes & Colors

  • Font family – none
  • Font size – 14px
  • Color – 111111

• Check Result

Remove Author and Date References with Thesis 2.3 Content Options

• Skin Content

• Post/Page Output

• Miscellaneous

Installing and Activating Skins