Suffusion Version 4.0.0

Finally, after about 3 weeks in beta and 1 more week in the approval process, Suffusion 4.0.0 is out. A lot of things have changed at various places in the theme, and some of these changes are groundbreaking:

  1. New Features
    1. Mega Menus
      This is the first big-ticket addition for this release. Suffusion is now officially the first free theme to include Mega Menu support. To get them working:
      1. Go to Appearance → Menus.
      2. For any top-level menu item in a menu, under “Pick a widget area for a Mega Menu” pick a widget area, and set up the number of columns in the widget area.
      3. Then go to Appearance → Widgets and add widgets to the Widget Area you just selected.

      There are 10 widget areas dedicated to mega menus, which can additionally be used in combination with Widget Logic to give you absolute control over your mega menus.

    2. Custom Layouts
      This is the second big-ticket addition, with benefits outreaching the mega menus. You can now assign a “Custom Layout” template to your pages. This template offers you 5 dedicated widget areas, each of which can be configured to have its own number of columns. You can then add widgets into the widget areas and use Widget Logic to mix and match the widgets. Here is how you make this work:
      1. Go to Templates → Custom Layout template.
      2. Assign the number of columns you require in each widget area, and set up other aspects as appropriate.
      3. Go to Pages → Add New, put in the title, assign it the template “Custom Layout” and then “Save Draft”. In the Additional Options for Suffusion below you will see a new tab called “Custom Layout”.
      4. You can go to Additional Options for Suffusion → Custom Layout and set a different number of columns if you wish for a particular widget area to override the defaults. If you don’t do anything, this will pick up the defaults from Templates → Custom Layout template.
      5. You can also go to Additional Options for Suffusion → Layout, and pick a different sidebar layout if you wish.
      6. Go to Appearance → Widgets, and add widgets to Custom Layout Widget Areas 1-5.
      7. Go back to edit the page you created and publish it.
      8. For additional pages, create a page in the same manner, but to display different widgets use something like the Widget Logic plugin.

      I am working on redesigning the theme page – once done, I will publish an article on how I did it.

    3. Layouts for Pages
      This is the third big feature, but not in the league of the first two. So far if you had to get a different sidebar layout for a page, you would select the appropriate template. E.g. If your blog had one right sidebar and you wanted a static page with no sidebars, you could do this using the “No Sidebars” template. While this will still work, it is being deprecated in favour of the more flexible page layouts. With effect from this version you can go to Additional Options for Suffusion → Layout, and pick an appropriate sidebar layout for pages.
      What is the advantage? It is quite simple: let’s say you want a login page without any sidebars, while your blog has sidebars. In the previous versions you could only select the Login template or the No Sidebars template, not both. But now you can assign the login template and pick the 0 sidebars layout and get your desired results.
    4. Additions to Featured Content
      A host of options were added to the Featured Content (both static and the widget). You can now position the numbered index and the Previous / Pause / Next controls in different places. You can also use icons instead of textual representations etc.
    5. Additions to Query Posts
      The Query Posts widget has some additions that might seem insignificant but are of paramount value. Firstly, you can now use them to display just the thumbnails, or the full contents. Secondly, you have the option to split the widget into its individual posts! Think about it – if you select the option to split, and you use this in a Custom Layout, you can essentially mimic the Magazine layout.
    6. Several Small Additions
      There are several small additions in the code:
      1. I have received some requests in the past to disable the “Additional Options for Suffusion” box in the post editor. I never had a good solution for this earlier, however now you can do it by adding this in your child theme’s setup function:
        remove_theme_support('suffusion-additional-options');
      2. You can now toggle the breadcrumb display for individual pages from the Additional Options for Suffusion section.
      3. You can force excerpts to always show a “Read More” link. See Layouts → Layout: Excerpt / List / Tile / Mosaic / Full for the new option.
      4. The <!--more--> tag now gets an “excerpt-more” class added to it for customization.
      5. There was earlier an issue with Widget Logic, which didn’t treat conditionally empty widget areas as empty (the ones below the header and above the footer). I have added some script to automatically remove such widget areas.
  2. Changed Capabilities
    1. Code Housekeeping
      Lots of tiny things have been changed to enhance code efficiency and flexibility:
      1. I made some fundamental changes with respect to code structuring, by separating admin functionality from front-end functionality and putting things in different files. This will further reduce page load times.
      2. I have optimized the custom-generated CSS for the widths of the widgets in the Widget Area Below Header and the Widget Area Above Footer.
      3. I have taken out the browser-specific CSS settings to a large extent (e.g. rounded corners and shadows). Further, navigation bar CSS has been trimmed down.
      4. The tile layout and the magazine template have been converted to use divs instead of tables. This now lets you position the “Full Story” button at the bottom of the containers.
      5. I have also fully dropped support for versions older than WP 3.1.
      6. The “Custom Types” functionality has been abstracted out to its own plugin.
      7. Earlier for the Magazine template you had to set the sidebar layout from Templates → Magazine. Now you have to do it from the Edit Page screen, in the Additional Options for Suffusion.
      8. I had to disable the help text display in versions 3.9.4-3.9.6 because WP had deprecated the APIs. I have added the capability back.
    2. Better Option Organization
      Some options have been moved around a bit in the back-end:
      1. New Layouts tab in Suffusion Options
        Settings for “No Sidebars”, “Single Left Sidebar”, “Single Right Sidebar” etc. have been moved to the new Layouts section from the Templates section. Also, other layout related settings such Sidebar 1 and Sidebar 2 positioning options have been moved to this section under “Default Sidebar Layout”, including “Sizes and Margins” from Other Graphical Elements. The last new section here is “Layout: Excerpt / List / Tile / Mosaic / Full”, which has been moved from Other Graphical Elements.
      2. New Typography tab in Suffusion Options
        Some people had reported issues saving options under Skinning → Typography. I have moved all the typography options to a new section to help resolve these issues.
      3. Rearranged Additional Options for Suffusion in the Edit screen
        What was one big section that used to show up under the editor as “Additional Options for Suffusion” has been split into tabs that show up as appropriate for posts and pages.
  3. Bug Fixes
    Version 3.9.6 was very stable and hardly had any bugs. The following minor niggles have been fixed:
    1. The “Continue Reading” string was not showing up for translation.
    2. The CSS class corresponding to the correct colour scheme was not being assigned to the body element.

Do bear in mind that this is a very big release. Suffusion’s beta testers have been thorough with what they have tested, however with great options come scary combinations and scarier layouts. It is possible that in spite of our combined efforts some issues have slipped through the cracks. If so, do let me know in the forum and I will work on resolving them immediately.

If you like this release, please take a moment to thank Mark van Jaarsveld, Miguel Koscianski Vidal, Colin Spencer and several other testers (Reza, Greg, Bob Schecter etc.) for their diligence and continued bug reporting. You folks rock!

39 Responses to “Suffusion Version 4.0.0”

  1. Thanks and congrats Sayontan

  2. […] have changed at various places in the theme, and some of these changes are ground-breaking: See Sayontan’s Post for Full […]

  3. We’re not worthy!

  4. In Back-end, SEO / Meta Settings is the first item about IE7 or IE8?

  5. good job Sayotan!!..your hard work just amazes me…everytime..

    and a big thanks to everyone who has supported in the development of Suffusion 4.0..

    Suffusion is one of the best themes and I use it across multiple sites..and i always look forward to great wordpress and buddypress integration..
    I always look forward to your new releases and also browse the support forum regularly for issues and solutions..
    ..so we really need your constant support..keep the fire burning…thanks once again..

  6. Thanks for all your work!

  7. Hi all,

    Thanks for another update Sayotan!

    I have just applied this update (I didn’t test the beta versions) and after I had, the text overlaid on my featured post is no longer translucent (it’s a solid grey now) and I can’t find an option to switch it back to translucent… What am I missing?? 🙂

    Thanks

    • Two options:

      1. Add this to Back-end → Custom Includes → Custom Styles:
        .sliderImage div { opacity: 0.6; } 
      2. Alternatively add this:
        .sliderImage div { background: rgba(22,22,22, 0.6); } 
      • Thanks. Yes.. That solved it but it might be nice to have this option available in the config?

  8. Thank you. That solved it, though I think it would be better to keep this option at the Featured Content menu.

  9. Thanks so much Sayontan. I can’t wait to test out v4!

  10. Thank you, Sayontan (and testers!) Just when I thought Suffusion couldn’t get any better, you’ve done it again. A million thanks!!!

  11. Great job as always but I have some issues that I thought would be resolved with the new update that wasn’t. Favicon does not work in IE 9 and the Upload-functions in Header and Favicon causes IE 9 to shut down when I press the Reset button.

    • This might be a problem with your machine, because I can use IE9 to do this without issue. Also note that you don’t need to load a favicon through Suffusion. If you simply have a favicon.ico file in the folder where you have WP installed, your favicon will be picked up automatically.

      • I should have known there was something wrong at this end. Thanx a lot, Suffusion is an amazing theme.

  12. […] the release of Suffusion Version 4.0.0 on Thursday 16th February 2010, the following 66 sites have successfully upgraded to the new and […]

  13. Thank you so much for your continued work on this theme. I’ve used it on literally dozens of sites over the past couple years and I’m amazed at everything it can do.

    Friendly reminder to my fellow users: I’m sure a few dollars dropped into Sayontan’s PayPal account would go a long way to showing our appreciation. 🙂

  14. bug: 3 excerpts in magazine break into only 1 still exists (described in beta 3)

    • Sorry, I couldn’t understand. The issue with b3 was that in some cases the third excerpt would come on a new line. As far as I can understand that is not what you are saying. Can you provide a URL to illustrate what you are seeing?

  15. Sayontan,

    As a new wordpress user, (and probably advanced too) there is absolutely no better theme than Suffision. Unfortunately the save/reset button will not save any of changes I make.
    I did my homework and looked in all the treads I could on this problem. Sayontan has covered ways to fixing this problem inserting code etc. But with beginning wordpress users this is a daunting task. Sayontan, is there a way to download previous versions of Suffusion that do not have this problem, such as 3.9.1? I feel many beginners were having this same problem and came to the same conclusion. But are drawn away because they only can get the “latest version of Suffusion”. Thank you for your time.

    • I don’t believe this has anything to do with the theme. You can download older versions from the WP repository itself (http://wordpress.org/extend/themes/download/suffusion.3.9.1.zip gets you version 3.9.1), but it will in all likelihood not solve your issue.

      What is the problem you face? When you click on “Save / Reset” do you see a set of buttons popup? If you don’t, then your culprit is a plugin that is interfering with the theme’s JS.

      • Sayontan, disabling the add-ons worked just as you said. I should have just asked instead of try to figure it out for days by myself. GREAT THEME. Ill have to “buy you a coffee” in the near future. Thanks.

        • Hi Jake,
          I am also facing the same problem, can you please tell me which addon/plugin did you disable to get out of this issue. Hope my blog will also be saved with your reply….

      • Solved Save/Reset button problem

        Hi Sayontan,

        terrific work you’ve accomplished with your Suffusion theme.

        I just solved my problem with the Save/Reset button not showing the pull down menues. Your hint with an interfering plugin helped in the end: After deactivating the plugin “Category Sticky Posts” version 0.13, saving wasn’t a problem any more.

        Thanks a lot and kind regards

        Klaus

  16. Where can I get the POT file for this release?

    P.S. I see there is a problem with your share icons. Those are currently being displayed into the input boxes for our name, email, etc. when we want to enter a comment. Pretty strange.

    • The PO file is in the translation folder. Thanks for the heads up on the share icons. I have fixed the issue.

  17. Epic! Updating now 🙂

  18. Still same (long) issue with multilang (qTranslate) logo link. I recomend to next release two line with:

    <?php echo $home_link;?>

    change to:

    <?php bloginfo('url');?>

    in actions.php

  19. […] последней же версии Suffusion 4.0.0 реализована поддержка большого меню с гибкими […]

  20. Please help me……I face a great problem..When i click Save/Reset botom..do not show popup Window.So I can”t save my theme option…………Please ans me Quickly…(My browser: Mozila,google chorm)

  21. My menu disappared after playing with the “other graphical elements”.

    How do I bring the menu back?

  22. sayontan sir, you are genious. i feel genious is also a small word to describe your talent. thank you very much for providing such a great theme for free.