Thesis 2.2 Brings You WYSIWYG Post Editing, a Sexy UI Refresh, and More!

by Chris Pearson · 115 comments

Point-releases (like 2.1, 2.2, etc…) are a very big deal around here, and Thesis 2.2 is no exception. You’re gonna love the new features I’ll share with you today, and you’ll have more customization options and control than ever before.

Once you finish reading this roundup, you may want to check out the detailed changelog for this release.

For now, let’s take a closer look at the highlights!

True WYSIWYG Writing in the WordPress Visual Post Editor

For the last couple years, the WordPress visual post editor has provided you with a sort-of-WYSIWYG-but-not-really way to write and style your posts.

During that time, Theme developers have had the opportunity to improve the sort-of-WYSIWYG experience by supplying styles that mimic the Theme’s design.

However, because of the complexity and limitations of the integration (for example, what happens when fonts, sizes, and colors change?), few developers have actually bothered to extend this functionality to their users…

Thesis 2.2 destroys those limitations.

Thesis Editor CSS tabThe new Editor CSS technology makes it easy and awesome for Skin developers to add WYSIWYG styling to the WordPress visual post editor

And thanks to Thesis’ existing CSS functionality, Skin developers can use CSS variables to dynamically change the styles served to the post editor.

This is huge. It means that whenever you change a font, size, color, or even your content width, you’ll be able to see that change in action before you ever publish a post!

WordPress post editor WYSIWYG

Thesis Skins can provide a true WYSIWYG environment in the WordPress post editor.

Along with Thesis 2.2, we’re shipping out a freshly-updated Classic Responsive Skin (version 1.2) that makes exemplary use of this new WYSIWYG post editor functionality.

In case you’re wondering, you can only update to Classic Responsive 1.2 after updating to Thesis 2.2.

Partial UI Refresh

Since version 2.0, the Thesis Home screen in the WordPress Dashboard could be accurately summed up in Internet slang: TL;DR.

Once upon a time, I thought the Home screen was useful for teaching people how to use Thesis, so I filled up that page with lots of information…that nobody ever read.

In version 2.2, the Home screen is all business. You’ll find update notifications, links to everything you can do with your current Skin, and links to the most important sitewide tools included in Thesis—things like a favicon, tracking scripts, etc.

Thesis Home screen

The simplified Thesis Home screen includes links to the stuff you’ll use most.

Many other pages have been spruced up as well, and we’ve improved the display of things like update notifications, buttons, and options popups throughout the software.

Bottom line: These UI refinements make working with Thesis even more enjoyable.

Major Skin Enhancements

The WYSIWYG editor capability is cool, but the most exciting thing about Thesis 2.2 is the massive enhancement to Skin functionality.

Thanks to a revamped and re-documented Skin API, all Skins can now easily include things like:

  • Display Options
  • Google Fonts
  • Header Image
  • Logo

And thanks to simplifications in the way Skins work, developers can expect to do much more with less code. (Personally, I was shocked at how much code I was able to trim off the new Classic Responsive Skin while still adding new functionality like Google Fonts.)

And finally, Skin developers will be able to tap into new typography and color tools to extend the most updated golden ratio typography and color manipulations to users.

Fully-integrated WPSEO Plugin Compatibility

Let’s be clear—you don’t need an SEO Plugin with Thesis.

However, we understand that many of you have been using the WPSEO Plugin for some time, and it sure is nice to be able to use this Plugin with Thesis…without having to mess with anything to make it work.

And that’s why Thesis 2.2 automatically detects the presence of the WPSEO Plugin and makes the necessary adjustments to your site to let that Plugin do its thing.

New Hook System

When working with a Skin, it’s often useful to know where hooks exist so you can add code wherever you want. Problem is, you either have to rely on hook documentation for your specific Skin, or else you need to explore your templates to see what your options are…

Neither approach is worth a damn.

This problem affects not only Thesis, but the entire WordPress ecosystem, which relies heavily on hooks in Themes (and in WordPress itself) for customizations.

The only good answer here is a process known as hook-sniffing; basically, it’s a programmatic way of finding out which hooks are running on a particular page (and also the order in which they run).

We’ve figured out how to make hook-sniffing a reality in Thesis, and we’ve introduced a new hook syntax that you should follow if you ever want to add custom hooks to your Skins or Boxes.

Expect to see a hook-sniffing add-on from us in 2016. It’s just one more thing we can do to make developing with Thesis a real treat.

Updated Schema API

Search engines like Google encourage website owners to mark up their pages with schema (also known as rich snippets or microdata). Thesis has included schema for quite some time, and the Thesis Schema API has been simplified and improved in version 2.2.

This is just one more way Thesis solves technical problems while allowing you to focus on your content and your audience.

The Stage Is Set…

For now, the only Skin that fully leverages Thesis 2.2 functionality is the Classic Responsive Skin (version 1.2). If you want to check out the new WYSIWYG post editor, you’ll need to activate the Classic Responsive Skin and then edit a post or page.

But what if you’re not using Classic Responsive? We’ve got you covered!

Simply preview Classic Responsive in development mode, and while your site’s visitors will still see your regular Skin, you’ll be able to check out this feature without fear of messing anything up.

Thesis Skin preview mode

Preview mode allows you, the site admin, to view (and edit) one Skin while your visitors see another.

After updating to Classic Responsive 1.2, you’ll need to restore the Skin CSS and Editor CSS before the WYSIWYG functionality will work (it’s easy).

In the coming weeks, we’ll be updating all of our Skins to make the most effective use of Thesis’ new capabilities. In addition, we’ve got two new Skins that will be available soon, and of course, they will rock the new functionality in an exemplary way.

How to Get Thesis 2.2 and Classic Responsive 1.2

Over the next 24 hours, you’ll see an update notification for Thesis 2.2 in your WordPress Dashboard. After updating Thesis, you’ll receive an update notification for the Classic Responsive Skin 1.2. Both are automatic updates, so this will basically be the easiest thing you’ve ever done.

Pro tip: If you don’t see an update notification for Thesis, visit your WordPress Dashboard home page, and you should see a notification there.

If this is your first time installing Thesis, you can simply grab Thesis 2.2 from the downloads area of the DIYthemes website (login required).

Not yet a Thesis customer? Pity! Show your website some love and see which Thesis license is right for you.

Developer Tools Box 1.2

If you’re a Thesis Professional, you’ll be getting a third update—the Developer Tools Box version 1.2. If you want to grab beta updates of Thesis (and Skins) in the future, you’ll need to apply this update.

Finally, once you’ve had a chance to play with Thesis 2.2, come back here and let us know what you think!

About the Author: Chris Pearson, Thesis creator and DIYthemes founder, is obsessed with optimizing the web and making sure every last detail receives the attention it requires. Follow DIYthemes on Twitter for the latest tips and info on building effective websites.

If you enjoyed this article, enter your email below to get free updates!

{ 115 comments }

Ruthanne Reid

This looks great! You’ve done SUCH a great job with this update!

Chris Pearson

Thanks, Ruthanne! Between the code, the updated docs, and the communication around the new version, it certainly feels like we’ve been busy.

Amit

Hey Chris i am new to the Thesis Themes, i have installed the basic theme on one of my blogs, can you recommend me online resources (free or paid) to learn A-Z about Thesis Theme Customizing.

So that i can create awesome sites, which are show cased as an example on the homepage of Thesis Themes.

Waiting for Your Response 🙂

Shari Smith

Very excited about the visual post editor. Just been messy with that via an admin plugin. This will be much much easier!

Chris Pearson

Oh indeed! And it gets better—if your Skin is using Google Fonts, Thesis will detect this and convey the Google Fonts in the editor, too.

Keith W Jones

All of the test sites are fine.

Looking good – Thank you.

Do we restore default data?

Next for the real test.

Chris Pearson

Good call, Keith! You DO need to restore CSS and Editor CSS data after updating to the Classic Responsive Skin.

This is detailed in the Classic Responsive changelog, too.

Reese

I’m very happy you guys dropped the Thesis 2.2 update. I can’t wait to dig in to the revamped Skin API. I also can’t wait to play with the new skins you guys have cooking. Thanks.

Chris Pearson

Because most people will never even see the inside of a skin.php file, I didn’t want to say too much about it in this intro post…

But the Skin API updates are a huge, huge deal. Tremendous power is literally only an array away.

And with the updates to display options and other Skin API methods, your skin.php files will be smaller, more organized, and more powerful than ever.

Tyge Mortensen

Hi, I havent used Thesis since version 1.8.2 an are now having problems installing, Site craces. How can i get a version 2.2 after havent opdated for loooong. Bourgt the pro many years ago

Chris Pearson

Tyge, please log into DIYthemes.com and then open a support request in our Customer Support Center.

Tim

The in-editor display of CSS is a total treat.

Looking fwd to seeing the schema stuff in action – is there a review type yet? One thing I’d love to see in Thesis-land is a bona fide affiliate/review skin.

To clarify, the WPSEO plugin you’re talking about is Yoast’s?

Chris Pearson

The Review schema has been an available type since version 2.1. You can select whatever schema you want in any Post Box in the Skin Editor.

For example, you could have a default schema (BlogPosting) on your regular pages, and then you could have a special Post Box that only appears in a Review Template, and that Post Box could have the Review schema.

And yes, the WPSEO Plugin is the one from…that guy.

Mike

I’d love a tutorial on everything in between “In theory … and Make sense?”

🙂

Chris Pearson

Ok, you got me 😀

Aniruddh

I have query here. The default review schema is not complete. It shows multiple errors in Google Webmaster console. The features like rating are not available if I am not wrong. So I am using other plugin for the same. But that slows down site load speed. Is any simple way to fix this using the theme schema function?
Also I am using Effectus skin. Will I get the new features which you have introduced with Thesis 2.2? Or I should use only Classic Responsive 1.2? I am not developer.

Chris Pearson

You will drive yourself crazy if you rely solely on what Google says about your rich snippets.

First, Google’s reported “errors” are not really schema markup errors.

Second, when you’re using Google’s Structured Data Testing Tool, be sure “Articles Rich Snippets” is selected in the upper right (and not “All data” or “AMP Articles”).

Third, although we can’t accommodate all the potential information types you might want to include with your (ever-expanding) schema, Thesis offers a simple solution to this problem.

Using the patent-pending Skin Editor, you can add your own snippets data to any HTML Container Box by way of the new “HTML Attributes” option.

Finally, we are currently updating all of our Skins (this includes Effectus) to leverage the features found in Thesis 2.2.

Pierre

Hi

Chris, most of the changes seem gear toward the API + Skin Dev’s. (I’m not)

So, I guess for common users, we will need to add “PHP snippets” to add some new functionalities ? like : Display Options, Google Fonts, Header Image, Logo, WP Dashicons .. etc ..etc.

I understand that most official “Skins” have divers “options” but “classic-r” is the flagship, and I wonder why a simple UI “Logo” was not added to it. (example).

Chris Pearson

Pierre, the idea here is that we update our Skins with the functionalities relevant to each.

Classic Responsive 1.2 is the first Skin in our lineup to make use of the newest Thesis 2.2 features, and anyone who uses that Skin can experience true WYSIWYG in the post editor (and more).

Right now, we’re updating our other Skins and giving them the same polish and attention to detail that went into Classic Responsive 1.2. It’s likely that at least one of these Skins has a feature set that is precisely what you’re after.

And if you are unable to find a Skin that has the precise features you’re looking for, you now know that it’s easy to add these features to any Skin.

Bottom line? You can get exactly what you want with Thesis.

Pierre

Hi

Chris, I expected a better personal answer from you.

40,000+ posts helping “diythemes” forum users, a Creative Director, a MarkCom specialist, a winner a many international creative awards, an “unofficial” Thesis ambassador.

I’m > Pierre > postrophe
thrill@videotron.ca

Swarup Rajsekar

Thanks Chris. I’ve been waiting to use the Open Sans font on Classic Responsive for a long time. It’s perfect now.

Jan Smith

I’m much more interested in the css. I would be interested if you put bootstrap css into your theme.

Chris Pearson

Jan, we don’t include boostrap in our Skins because it adds way too much weight to the CSS file (and we are all about baseline performance).

Despite this, it’s extremely easy to add bootstrap to your site with Thesis. Simply copy the boostrap CSS and paste it into your Custom CSS, and boom—instant gratification.

Jan Smith

I have already added bootstrap to my Thesis system. I now edit only the css.css file that Thesis generates, and I never touch the main css or the custom css through the Thesis interface.

About half of my readers use handheld devices, so it’s important to have my site fully responsive so that it is readable on both desktop machines and handheld devices. Thesis as it comes does not do that.

Chris Pearson

Can you elaborate on how Thesis is not fully responsive?

We put a ton of effort into responsive design and testing, and we make sure our Skins are perfectly responsive before shipping them.

If an aspect of one of our Skins is not responsive, we need to know about it so we can issue an update right away!

Jan Smith

Chris, here are a couple of examples.

Right in the center of my front-page at wordblessings.com are 3 main choices. If you are viewing on your desktop computer, everything looks proper. But on a smart phone — using Thesis but before I added the bootstrap code — a reader had to scroll horizontally to see all the choices. Not acceptable.

Here’s another example. In order to make it easier for readers to find and read all articles related to a topic, I created pages with lists of links. Again, there are 3 columns of content. And again, with Thesis alone, readers on small devices has to scroll horizontally. Here’s a link to what I call the Blog Index

When a reader clicks the header link at the top of one of those lists, they see a page with a similar layout, but with an article excerpt in each column. When viewed via a small device, the columns stack vertically. Easy to read!

If there is a way to do that with Thesis alone, I’d love to know how to implement that. One thing I did was to move the site to Flywheel where they have optimized everything for WordPress. The loading speed seems great, even with the added burden of bootstrap.

Matthew Horne

Hi Jan, if you added custom code you also need to include CSS specific to that custom code which would include CSS media queries that allow you to control the behavior of HTML on different screen sizes.

If you ask on the forums, people will be able to help you achieve what you want to achieve.

Jan Smith - reply to Matthew Horne

Thanks for writing, Matthew
Actually, I have already achieved what I want, but as I thought I explained previously, I had to go outside of the stock Thesis css system to get there. My css has the bootstrap css at the top, followed by the combined Thesis css and the custom css I added within the Thesis system.

As we know, Thesis creates a combined “built-in” css and custom css. This combined css has the file name of css.css. I added bootstrap ahead of that, and named the resulting file css.css.
The only “disadvantage” is that I will have to use an external editor to add/modify my copy of css.css. A small price to pay for the advantages.

BTW, I am used to using media queries in my own css, but bootstrap makes some of these things (see my examples) so much better and easier.

alex

Is there going to be a promo soon? Ive been waiting for months to see one!

Chris Pearson

What do you mean by promo?

alex

discount! there was no deal on cyber monday or holidays. A small sale would be nice!

Chris Pearson

In nearly 8 years of business, we’ve had ONE sale (and it was in 2008).

We don’t do sales anymore, and after that sale in 2008, I explained why.

Review Guy

Thanks Chris for the update. I used Thesis 1.8 in the past and like Theis 2+ just as much. It’s easy to use and customize.

Jim Straughan

No expert, but liking the seo and diy aspects.

Looking to upgrade my ole real estate site done in thesis, add wolfnet idx ..this could be a great niche for an ambitious type…and I can be your guinea pig!

As a bonus you get to make money from real estate agents

Adam

Sounds like an exciting upgrade, but unfortunately the upgrade process is not going well for me :\. I logged in to my admin panel and found the “upgrade!” prompt awaiting me. Great, clicked! A few moments later, success. Well, so it seemed.

But when I go to my admin.php?page=thesis page, I’m urged “update now!” And when I click on that, I get “The theme is at the latest version.”

Under skins, Classic Responsive v1.1 is shown, not v1.2.

Ideas? :\

Chris Pearson

Adam, please open a support request (login required), and we’ll get to the bottom of this!

Roy Blumenthal (@RoyBlumenthal)

Hi Chris…

I’ve reverted to using Thesis 1.6. Simply because Thesis 2 is absolutely opaque to non-developers. The UI of 2 has nothing at all in common with 1.6.

Why can’t you put 1.6 functionality into 2?

Please make Thesis the framework for anyone to use again .

Chris Pearson

Utterly ridiculous sentiment, Roy.

A long time ago, you decided that “Thesis 2 is absolutely opaque to non-developers” and then never gave it another chance.

You could learn to use Thesis 2 more effectively than Thesis 1 in about 5 minutes.

Literally ALL of the functionality in Thesis 1 is contained (and actually surpassed) in two places—the Skin menu and Site menu. The function of the items in each menu are quite obvious; for example, Design, Custom CSS, and Favicon.

Thesis 1.6 was completed in 2009. It’s time for you to update Thesis and benefit from years of refinement and testing.

Jane

I would love to understand how to use thesis 2. Could you link to where the instructions on how to use it are please?

Chris Pearson

Jane, the Thesis Getting Started Guide contains links, information, and videos that will help you understand the basics.

Depending on your experience and skill level, you can do as much or as little as you like with Thesis. Most people use the Thesis Admin (conveniently located inside the WordPress Dashboard) to make point-and-click design changes, enter SEO details, and add services like Google Analytics to their site. It’s easy!

Martin

Just to add my tuppence worth in here…

When I first moved to Thesis 2 I was as confused as anyone, because the thought process behind T2 is completely different from Thesis 1.x.. That required that I completely re-think how to approach things. But I persevered and boy am I happy I did..!

For me, T2 is a fantastic tool with which to develop WordPress sites – I can literally create any kind of screen layout I (or my customers) want in a fraction of the time it took with T1.x – and I would never describe myself as a coder.

The templates available in the skin editor, and the ability to create additional templates at will, means you could have every page on the site with a different layout if you wanted to (not sure why anyone would want to, though!) and all done with drag and drop.

For anyone still using T1, and building sites regularly, the time invested in learning how to use T2 will be repaid zillions of times over.

Cheers,

Martin.

Chris Pearson

Martin, thanks for stopping by and sharing your Thesis story! You’ve made my day, and it’s not even 8am 😀

Gowtham

Many of my clients said the same to me that thesis 2 is difficult for non developers. But thesis 2 is very easy to use than thesis 1.x if you have time to learn how it works. 🙂

Give it one more try, i know you will come to learn how to use it. Then it will be 10x easier than thesis 1.x

Thesis 2 is the best framework i have ever worked with.

Keith W Jones

I liked ver 1 and learnt a lot from it.

Then came ver 2, there is a learning curve but if you can work 1 you soon find out that 2 is easier and quicker.

My view is you need to forget 1 because 2 is a different product. You can use the same tricks you used with 1 but you there is no point with this new system.

Thesis is the only theme I use for WP.

I do maintain other themes on sites that I did not create but changing the php files is not a s easy.

Load WP – Thesis – Skin and you already have an half decent site, without doing anything.

Alan

I understand all the moving pieces but it would be great to have a searchable section with tutorial in 1 place that is updated frequently.
Just my 2 bits.

Gabi

Roy,

Sorry, but I’m going to butt in here…

I’m not a developer at all. I’ve been using Thesis since 2008 and have learned as the framework developed. Anyone can do it, trust me, I’m living proof.

The forums are really helpful if you’re stuck. I’ve built some pretty amazing sites and I don’t know s***!

Beny Hirmansyah

This upgrade destroyed my site. After saving skin CSS, my css.css become blank. Even I try to restore skin, it always generate blank css.css.

Beny Hirmansyah

Fortunately, I got backup on my CDN. I update css.css manually and copy paste entries from my backup css.css.

I don’t know. In this new version, everytime I try to save Skin CSS, it always generate blank css.css. I’m using Classic Responsive 1.2. It’s normal on Classic Responsive 1.1

Chris Pearson

Beny, you’ve got some funky CSS in your Custom CSS that is causing the SCSS preprocessor to fail. Please see this forum thread, and we can help identify the offending CSS.

Beny Hirmansyah

You are right, Chris. I’m not aware with these ‘funky’ CSS. There are some in my custom CSS. Fix it by myself and it’s magically working again.

Thanks Chris. It’s a really great update anyway. I love it.

Graeme Bosworth

HTML Attributes!!! Thank you!

Great update!

Chris Pearson

Boom! I’m pretty excited about this particular feature, too.

Bilal Ahmad

WYSIWYG seems interesting but since I am using third party Skin I will not be able to utilize it. Thanks Chris for your continues work on thesis. It is my all time favorite theme and no matter what, I am not going to leave it. 🙂

Chris Pearson

Even if you’re using a custom Skin, you can still add WYSIWYG support via Editor CSS.

Adding Editor CSS to your custom Skin is easier than you think; in fact, I’m certain you can do it yourself!

David Alexander

Could that be done by simply testing classic responsive and copying the editor css over to your own third party skin then saving to get the basics working, then add as you want from there to customize the experience?

+1 for an official Thesis video series.

I think the power of most themes is 70% in docs 30% in the actual tools. Explains why the substandard Genesis has made such an impact in the market. Not a bad theme framework but miles from being excellent but their commitment to documentation is what puts them in a strong position. Biggest oversight in WP theme developers business plans in my experience.

Chris Pearson

David, you could certainly take that approach, although the typography, CSS variables, and Post Box styles are going to be different for every Skin (and thus, some of the CSS references may not make sense).

Interesting comments about Genesis documentation—I only ever hear people complaining about how much code it takes to do anything with that Theme.

I guess people don’t mind as long as their torture is well-documented 😀

David Alexander

Your first comment makes sense, I guess if they want to experiment with it that might help but people probably need to go through the skin css or custom css to pick out the elements which effect their post formatting and then create it from that? I presume that means copying the styles not cutting them and moving them out of skin css? or am I mistaken there?

Don’t get me wrong, that is an accurate statement about Genesis also, though yes I honestly think as annoying as that is its minor when compared to documentation, perhaps it’s psychological confidence factor in getting people to keep progressing, albeit bit by bit. Glad to see the docs expanding and so on here on DIYThemes though.

Chris Pearson

…people probably need to go through the skin css or custom css to pick out the elements which effect their post formatting and then create it from that?

For anyone not using an official Skin from DIYthemes, this is indeed an approach they could take.

I presume that means copying the styles not cutting them and moving them out of skin css?

Correct—any styles included in Editor CSS are in addition to and not instead of Skin CSS.

Finally, regarding documentation, the revamped Skin API docs are an example of our new “style” moving forward.

The Box API will be the next big piece to receive this treatment, and then we’ve got to figure out an effective way to teach the (relatively advanced) Skin Editor.

Bilal Ahmad

I thought it is only for the Classic Responsive skin. Anyways just upgraded to the 2.2 and the Home Page Title was showing as blank in the browser. I am using Yost SEO plugin. Just noticed that we need to use the Yost SEO Plugin Meta tags now because the thesis tags are not working now.

Chris Pearson

Thesis meta tags are disabled if Yoast SEO is present. Either use the Plugin for everything SEO-related, or don’t use it at all (you definitely don’t need to use it).

David Alexander

Does this allow for transporting the data from Thesis SEO fields to Yoasts? That was always an issue in moving across for sites that genuinely needed Yoast. An instance like that is a Thesis site with WooCommerce, Yoast becomes essential in my eyes to gain control over all of the surplus created by WooCommerce.

SEO data transporter which used to work for this purpose died when Thesis 2.2 meta fields were changed slightly? I believe it had something to do with the Thesis fields being stored in an array or something like that.

For any confused WP SEO is actually called “Yoast SEO” now, it was renamed a few months back.

Chris Pearson

While Thesis does not include code to transport your data, we’ve helped lots of people accomplish this very thing in our forums.

I’ve talked to Nathan Rice about the SEO data transporter, and he opted to drop support for Thesis SEO data because of the format of its meta data.

Basically, Thesis’ SEO data is stored relative to specific Boxes—for example, the Title Tag Box generates (and then “owns”) the title tag post meta for your WordPress posts.

Other Themes that attempt to store SEO data do so in absolute terms. They store SEO data directly—for example, no specific element “owns” the title tag data (except the Theme itself).

The Thesis data storage method is more modular, where each piece of your website owns the data relevant to it.

At any rate, it’s quite easy to transport the Thesis 2.1+ SEO data to the Yoast SEO Plugin, and we’ve helped many people accomplish this via support.

Phillip Isaac

Hi Chris,

After a long waiting, you guys rocked once again.

Our Team was playing around with Thesis 2.2 in all of our Existing Skins and too with our Clients.

As you said, there are many small coding updates like google fonts, header image needed to be fixed in skin.php after updating Thesis 2.2.

Soon we will update our Existing Skins with Thesis 2.2 Ready with Google fonts and few other more.

Chris Pearson

Excellent news, Phillip!

You’ve nailed the “big idea” with Thesis 2.2—guys like you now have easy access to perfectly-integrated functionality like Google Fonts, and you can extend this functionality to your users.

All of your Skins just leveled up!

David Alexander

Great stuff! Excited to try these new features out and try manually updating some ports of Classic Responsive I turned into a better boilerplate for my own purposes. Kind of thinking it may make more sense to re-port from the new classic responsive and add my custom code rather than retrofit my modded classic responsive to contain the new code/features.

I have a couple thoughts

1) New Hook system – has this changed since it changed between 1.x and 2.x or is it the same as it has been for the past couple years?

2) is 2.2 multi-site ready. I was testing it and noticed I couldn’t update Thesis 2.2 from the network site, but could from the individual users, which seems a security issue potentially? or maybe I am missing a snippet of code to fix this functionality?

Thanks, keep up the good work, excited to see how Thesis evolves over the next quarter.

Chris Pearson

The Thesis hook system has evolved twice since 1.x, and both evolutions are outlined here.

The first big change was removing the thesis_hook prefix from all hook names. The second big change is the way in which hooks are called, but this only affects you if you create hooks (and not if you just use them, which is what 99.9% of people do).

Finally, multi-site is a testing disaster. We’ll have to take a closer look at this and determine what’s going on. I’d never release anything if I had to detail out everything related to multi-site 😀

David Alexander

Thanks for the explanation. I will check it out, I do create hooks also to add custom php functions cleanly from custom.php. So the second part of that evolution happens at 2.2? In that case I may need to review through any instances where I created hooks. The first evolution I was more aware of though the second sounds familiar (as though I saw it discussed elsewhere or before).

Multi-site – I don’t actually use it in any real-world scenarios, purely on a server so I can preview WP Themes for my own internal purposes, though I am not sure how well adopted this is by other users. Never really had a good purpose for it myself other than for being able to preview several demo sites on a single install.

Again thanks.

Chris Pearson

In that case I may need to review through any instances where I created hooks.

You don’t have to do anything here if you don’t want to—the traditional do_action() still works to instantiate hooks.

By using the new hook generation syntax, your hooks will be programmatically “sniffable,” which will open up more and easier customization opportunities in the future.

Martin

Hi,

I am having a problem with updating Classic responsive skin. After clicking to update it, I get connection information. When I click Proceed I get to a blank page with only Update Thesis Skin title and Back to Thesis button.

And Skin is not updated.

Chris Pearson

Sites that require FTP credentials for updates need one extra step to complete the update. Add the following code (along with the proper values for your server) to your wp-config.php file:

define('FS_METHOD', 'ftpext');
define('FTP_BASE', '/path/to/wordpress/');
define('FTP_USER', 'username');
define('FTP_PASS', 'password');
define('FTP_HOST', 'ftp.example.org');
define('FTP_SSL', false);

Martin

Thank you for you help!

Kevin Rape

I’m really excited about the WYSIWYG when writing the posts! It was always too time consuming to save drafts, look at a preview, then make changes, and again at the preview. Thank you so much!

I’m just learning and using hooks for the first time. The new updates look well documented and should be easy to update. I have used the hooks, css, and custom functions to place my social media share buttons in one place (Hovering along the left side of the post), but depending on the screen width, the css (via @media) changes it’s location to the sidebar or under the post. It was a little tricky to figure out the first time, but I’m finding it extremely useful. Thanks for the hook-up on adding so many hooks (there’s no end to my puns)!

Kerem

good news

Antonio

Hello, I have a question about the update. There is no update notification in my wp dashboard. How can I install it manually?

I haven’t installed the beta version (it was not suggested on living sites); I tried to manually install Thesis 2.2, but it says “directory already exists”; I also tried to install the beta (following the three suggested steps) but even this didn’t worked.

Someone can help me? Thank you!

Chris Pearson

Hi Antonio, to do a true manual update, you’ll need to use FTP.

You can grab the Thesis 2.2 package from our site, and then you’ll need to unzip it and then install the /thesis folder in the
/wp-content/themes/ directory.

Regarding the automatic updates not working, if you have access to the PHP errors on your server, you might be able to at least see the failure notification associated with the updates. If you can find this and tell us precisely what it says, we can get the updates working for you.

Antonio Cioffi

Thank you Chris for the answer. But I have another problem 🙂

I have manually installed Thesis 2.2 as you said, all is gone ok, but there is no notification about skin update. So I think I have to manually install the Classic Responsive 1.2 in the same way, via FTP. But I discovered that in my WP directory I have two thesis folder, and the /classic-r folder is both. There is one in /wp-content/themes/thesis/lib/skins/ and another in /wp-content/thesis/skins/. In this last directory there are also my other skins (effectus and pearsonified), and also (in the /thesis/ folder) the /boxes/ and /packages/ folders. My questions: in which of the two I have to copy and replace the updated skin? In both? Or may be that for some reason I have a wrong duplicated folder? This would be the problem for which I don’t receive update notifications? How can I proceed? Thank you very much again!

Chris Pearson

Antonio, this conversation is better-suited for our forums.

That said, your Thesis directories are set up properly; the only Classic Responsive you want to work with is the one in the /wp-content/thesis/skins directory.

The other one is used by Thesis to install the Classic Responsive Skin when you first install Thesis on a site.

Heather

Hello! I’m in search of support and/or upgrade download for Thesis 184, as we’ve run into a pesky error we can’t seem to get clear of. It recognizes my email address, and said that my password reset information was emailed, however I still don’t see it (checked spam folder as well). Would you please send password reset information for my email address posted here? It’s for this website.

We have many of these errors rying to log in to the dashboard: Warning: Cannot modify header information – headers already sent by (output started at /home/aptdocto/public_html/wp-content/themes/thesis_184/custom/custom_functions.php:1) in /home/aptdocto/public_html/wp-includes/pluggable.php on line 1228

When I re-installed the same theme (without modifications) the error went away, but of course all header modifications disappeared. Hopefully you can help us retain customizations with proper access to the dashboard as usual. We’ve really enjoyed the site – thank you!

BTW: I assume of course email addresses are not posted. I attempted to comment on the appropriate upgrade announcement, but comments are now unavailable there. I haven’t had the need for the upgrade until now – Sorry I’m late!

Chris Pearson

Heather, you simply need to download and install Thesis 1.8.6.

If you continue to experience problems after updating, you’ll need to open a support request so we can assist you with your custom_functions.php file.

daveM

I am about to migrate my blog to WP and am a little bit intimidated.

Is a newbie going to be able to handle this theme? I guess I should not worry as it will be easy enough to start anew should I make a big error.

What are your thoughts, please?

Thank you

Chris Pearson

Dave, with Thesis, you’ll have more control over your design than with any other Theme.

You’ll be just fine as you give your site new life with WordPress.

Jeff M

One of my clients reported losing all of her styling after upgrading to Thesis 2.2. I tried the “Updating CSS After Skin Updates” but it still does not work.

Have you heard of anyone else having their entire site have zero style associated with it?

Chris Pearson

No, this makes no sense unless the client used the Skin Manager to reset ALL defaults (and not just the Skin CSS and Editor CSS). I can pretty much guarantee this didn’t happen.

Instead, I think the issue is that your client has some wonky Custom CSS that causes the SCSS parser to fail. If you can open a support request and include the client’s Custom CSS, we can resolve this issue quickly.

Dima

Hello, Chris!

I updated to Thesis 2.2 and Classic Responsive 1.2, but I see my post editor area with the post body in the middle of the post in Visual Tab. So the post text is in the middle of the editor area and there are empty screen margins on both sides. Is that bug or it’s build in the skin? Now I have a difficulty to align the pictures. In the live posts they are not aligned properly, but when I checked in the editor, they are aligned. What can I do to fix that?

Thank you!

Chris Pearson

What you’re seeing is intended behavior—it’s the WYSIWYG output!

It looks like you’ve modified your site’s CSS, and this is why what you’re seeing is not precisely what you’re expecting.

You have a couple of options here:

  1. Add/modify CSS in the Editor CSS tab to make the WordPress post editor display your posts more accurately (per your CSS changes)
  2. Remove the first width declaration in Editor CSS, as this will then make the post editor wide enough to show you reasonable approximations of image positions.

Gowtham

Nice Update Chris. The thesis homepage update is very helpful to find the generally used items right at the homepage and not to go through the menus 🙂

And the Editor CSS technology is awesome 🙂

Vern L

Installed the update and then added a Google Custom Search Engine to my site – and thesis skin conflicts with it. Anybody experiencing same thing and came up with a fix? I love Thesis – but the Google CSE is essential.

Help! Cheers!

Chris Pearson

Vern, please submit a support request on this issue, and we’ll get it resolved right away. Thanks!

Bernard Go

Hi,

Does the Classic Responsive 1.2 also feature an asynchronous implementation of Google Fonts like Effectus?

Chris Pearson

Bernard, one of the major improvements in Thesis 2.2 is a Skin API that includes things like easy Google Fonts implementations, Header Images, Logos, and color and typography tools.

These items are now available to any Skin, and indeed, Classic Responsive includes the new Google Fonts implementation by way of the Skin API. This implementation is asynchronous, and you can view it as a highly refined version of the one from Effectus.

Bernard Go

Thank you, Chris.

Cahayapurnama

Thank update very nice Cool

Nate Hay

Awesome User Interface on Thesis 2.2. I’m using this theme since the beginning for one of my WP project. Loving the update Chris!

Robert Greene

Would it be possible to use a Google font on a specific post (the font should only be loaded on that specific page and not site-wide)?

Chris Pearson

Robert, this is certainly possible, but the best way to do it is by leveraging the hook_head or wp_head hook and only inserting custom Google Fonts code on the specific post or page.

Standard Thesis design controls apply to your entire site, and any Google Fonts you select will be applied everywhere (and not just to a specific post or page).

Because of this, the programmatic approach described above is preferable for an application like the one you’ve described.

Ofis Mobilyalari

Awesome work Chris!! I just started making a responsive site for a client so I think you just saved me some time! Thanks bud.

alex

why the choice of not using schema is removed?

due to my own seo preferences, in some occasions i refrain to specify schema type, and i prefer not to use it at all.

Now, i don’t have an option – by default it is an Article. This makes it really complicating and i have to restore the website to the previous thesis version.

thank you.

Chris Pearson

Alex, the choice of not using Schema has NOT been removed.

Since July of 2013, all of our Skins have come with the Article Schema enabled by default.

This can be changed easily by visiting the Skin Editor and turning Schema off for each applicable Post Box. If you need assistance with this, please visit our forums or open a support request.

kally hyes

Just Install thesis Thesis 2.2 on my 2 brand new blog .. really its awesome .. it more than i thought .

Yogita

This is superb! This update gives me happiness! Thanks for the share!
Great work 🙂

Marni

Thank you for the update. All working very well on our Thesis / Woocommerce based site! 🙂

souvik ghosh

Hello chris, Thanks for the update. This one works great with thesis. I am using thesis from a year.

Ashutosh Jha

Hey Team,

I am using Thesis since the start itself and really impressed with couple of things-
1. Responsiveness
2. Customization

Thanks for updating it frequently and adding more features 🙂

-Ashutosh

examsleague

Hi, this is a great article. i am buying your theme definitely.. i have issues with organic search results- due to site speed and other major issues.. i am going to use this thesis theme and lets hope for the best…

Pedro @travelwithpedro

Using the theme on a new website, but didn’t get the updated version yet. Looking forward to trying it out.

Aanchal Saroha

I have recently switched to Thesis 2.0 & guys to be frank its worth buying! I am loving it and thanks for the great work team! 🙂 Keep Growing, God Bless You!

Regards,
Anchal Saroha

Rahul Yadav

Great Theme. Thank you!

Pedro

I deactivated my Thesis in favour of another one. But I think it is time to go back to it, seeing these new updates.

Guy

I just tried the version 2.2. I must say the update is really good. It is more easy to use and looks beautiful.

IPL 2016

Oh Well!! Now I can Use Open Sans Font and it is responsive too.

Denny

I think it is time to go back to it, seeing these new updates. Very excited about the visual post editor. Just been messy with that via an admin plugin. This will be much much easier.

Jan

Hey

Since the update I have problems to remove WP header links like /feed.

What I try to do in custom.php:

add_action(‘init’, ‘remheadlink’);
function remheadlink() {
remove_action(‘wp_head’, ‘feed_links’, 2);
remove_action(‘wp_head’, ‘feed_links_extra’, 3);
}

The links are not removed.

Tauseef Alam

The new UI refresh in the new version is indeed noticeable. Thanks for the update team thesis.

Jan

Hi,

I am missing Archive Content when editing a category!

The whole section seems to be lost in editor, content is still displayed in frontend though …

Best
Jan

Matthew Horne

Hi Jan, but that is a legitimately OK thing to do.

If adding bootstrap is something you need for your customization then you can add that. Thesis isn’t a fixed dimension, how you customize your skin and to what degree is entirely up to you.

We cannot add bootstrap because most people simply don’t need it.

If you add additional CSS to the Custom CSS editor under Thesis > Custom CSS in the side menu, you can paste in the entire bootstrap CSS there and it will be combined with the main CSS file, any CSS added to the Custom CSS editor is added after the skins CSS so you can overrule anything you want.