Introduction to Thesis 2.3
Facebook
LinkedIn
Google+
-
- 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
-
- Speed
- You have full control of Schema
- Others are ignoring it
- Then they use plugins which significantly slow page load
-
- 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
-
- Much less Code Required
- Not everything is drag and drop
- This power comes with the need to learn
-
- 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 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
-
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 header image
-
Figure out the size
-
What happens when the image is too big?
-
What happens when the image is smaller?
- It leaves space to the right
-
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
-
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 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
-
Remove the attribution
-
Include your own attribution text
-
Add an attribution link
-
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
-
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
-
Skin Content
-
Post/Page Output
-
Miscellaneous
Facebook
LinkedIn
Google+