Thesis
Download
1 / 16

Thesis - PowerPoint PPT Presentation


  • 97 Views
  • Uploaded on
  • Presentation posted in: General

Thesis . What, Why and How Much. What is it?. Thesis is … A WYSIWYG Theme editor An automatic css aggregator What that does for you … Make major theme changes without a programmer Speed up you site compared to purchased themes. Thesis In WP Admin. The WP Theme Editor.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha

Download Presentation

Thesis

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Thesis

What, Why and How Much


What is it?

  • Thesis is …

    • A WYSIWYG Theme editor

    • An automatic css aggregator

  • What that does for you …

    • Make major theme changes without a programmer

    • Speed up you site compared to purchased themes.


Thesis In WP Admin


The WP Theme Editor


The Thesis Editor


What You Need To Know …

  • Required Knowledge

    • What is an HTML <div> tag

    • How to look up CSS options at W3Schools.com

    • How HTML and CSS work together.

  • Resources

    • http://byobwebsites.com/

    • http://thesisvideotutorials.com

    • http://w3schools.com

    • http://www.webpagetest.org


HTML and CSS

  • HTML

    <div class=“two_thirds”>

    ……….

    </div>

  • CSS

    • For A Laptop:

      .two_thirds{

      width: 67%;

      float: left; }

    • For Smartphone

      .two_thirds{

      width: 100%;

      text-align: center; }


The Thesis Editor


Setting Up a <Div> in Thesis


Setting Up CSS in Thesis


Adding A Widget Anywhere

  • HTML Editor

    • Add a Widget Box

    • Drag to desired location

    • Drag Widgets into it.


Adding A Widget Anywhere - 2


Images For The Theme

  • Thesis stores theme images in the skin, not the Media Lib.


Responsive Themes

  • No tools in Thesis-2 directly support Responsive Themes

  • The media queries are entered entirely by hand.

  • Example:

    @media only screen and (max-width:740px), screen and (max-device-width:740px)

    {

    .header { width: 100%; }

    .header > .two_thirds {

    width: 100%;

    text-align: center;

    clear: both;

    }

    .header > .one_third {

    width: 100%;

    text-align: center;

    clear: both;

    }

    }


Responsive Home Header


Q & A

  • Example of a Thesis ‘responsive skin’ you can purchase:

    • http://demo.icustomizethesis.com/aroma/

  • Example of a Theme built following the byobwebsites videos:

    • patinamarketing.com/mydemo

  • Expected Investment

    • Build your first theme: 2 weeks

    • Learn HTML and CSS: 2 months

    • On-line training: $150 or free

    • Thesis: $87 to $197


ad
  • Login