Build Your Own Business Website header image

Introduction to Thesis 2.3

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

0 Comments… add one
0 comments… add one

Leave a Comment