Build Your Own Business Website header image

How to upgrade from Thesis 1.x to Thesis 2 Using the Thesis Classic Skin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

Thesis 2 is an amazing powerful platform for developing a WordPress website. However, upgrading to Thesis 2 from Thesis 1.x isn’t as simple as hitting the upgrade button. Because Thesis 2 is an entirely new application, website owners who have customized their sites using previous versions of the Thesis theme will need to follow a process for converting their sites to Thesis 2.

In this seminar we present a workflow process for identifying what needs to be done to upgrade to Thesis 2 and how to do it using the Thesis Classic Skin. You will learn how to identify all of the settings that are in use on your site and how to transfer those settings to Thesis 2. You will also learn how to identify which custom configurations can be realized in Thesis 2 simply using it’s settings and how to implement those custom configurations. Finally you’ll learn how to migrate those customizations that Thesis 2 doesn’t easily handle.

Before watching this seminar you should be familiar with the concepts from our Beginner’s Guide to the Thesis 2 Skin Editor.

An outline of the seminar is below:

Take an inventory of the existing site

  • Theme layout
  • Site Options
    • favicon
    • tracking scripts
  • Design Options
  • Header image
  • Background images
  • Custom template configuration
    • no sidebars template
    • product post
  • Custom PHP
    • create a clip file
    • remove the things we know we don’t need
  • Custom CSS
    • create a clip file
  • Take screen shots for reference

Set up an under construction/maintenance mode skin

  • Install and activate Thesis 2.0.2
  • Download Maintenance Skin
  • Activate Maintenance Skin
  • Activate Thesis Classic in Preview Mode
  • Don’t Panic

Setup Sitewide Settings

  • Favicon
  • Tracking scripts

Select the Skin Version that is closest to what you are doing

  • Layout
  • Responsive or not
  • Install the skin version
  • Add the widgets back to the sidebars
  • Create the Menu

Make the Big Dimensional Changes

  • Column widths
    • single + half = 38
    • column 1 – 638
    • column 2 – 358
    • page_wrapper – 996
    • container – 996
  • General Font Sizes
  • General Font Styles
  • General Link Styles
  • Column Sidebars
  • Change all Templates
  • Move Widgets into place

Customize the Header

  • Background Image
  • Nav Menu Position
  • Header Area page wrapper
    • top margin
    • header Image
  • Adjust title and tagline
    • header left padding – 100px
    • ta

Add Search to the Header

  • Create the widget box
  • Add the widget
  • Add a widget Style
    • width – 315
    • float – right
    • margin
      • top – 20
      • right – 25px
      • bottom – 10
  • Add text input styles
    • selector #header_area .search-form .input_text
    • width
    • colors – #FFFFDC
    • float
  • Add submit input styles
    • width – 105
    • background image
    • padding – 10
    • border
    • text indent
    • cursor

Style the Nav Menu

  • Design Options transfer
    • padding – top & bottom – 9px
    • Font style
    • Colors
    • border
  • Add Margin
    • margin – 15

Adjust the Content Styles

  • Setup Post Formatting
    • change the width of the post box – Post box
    • headline – create h1.headline & h2.headline
    • subheadings – create .post_content h2, h3 & h4
  • Widget Formatting
    • change the width of the widgets – Sidebar Styles
    • widget heading – .widget
    • custom widget color – #content_area .sidebar .widget_title
  • General Link Styles
    • change links variable
  • Backgrounds
    • columns – additional CSS

Add the Custom Content Styles

  • That require no revision
    • byob emphasis
    • forms
  • Sidebar styles
    • ads

Create the Footer in Thesis 2

  • Create the structure
    • 2 column wrapper – reuse existing
      • 3 column wrapper
        • widgets 1-3
      • widget 4
  • Add the Columns Package
    • 3 column package
  • Add the widgets
  • Background
    • footer area background
  • Widget Styles
    • top padding
    • widgets background
    • text, size and color
    • links
    • heading

Adjust the Page Template

  • Configure author meta
  • Configure post images

Adjust the Front Page Template

  • Add the Feature Box
  • Create a Hook in Thesis 2
  • Add the custom function

Add Sitewide Custom Code Using custom.php

  • Add the code to custom.php
  • Add a hook to the templates
  • Hook the code to the hook

Create a Custom No Sidebars Template

  • Adjust the Landing Page custom template
  • Create the No Sidebars custom template
  • Add additional custom CSS

Adjust the Home Template

  • Move the custom HTML into place
  • Configure post images
  • Remove Categories from posts
0 Comments… add one
0 comments… add one

Leave a Comment