YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

YOOtheme Pro for WordPress

The new website builder. Even newer.

Nov
07
YOOtheme Pro for WordPress

It's been a couple of weeks since we released YOOtheme Pro and quite a few things happened in the meantime. We have been working hard and are excited to announce that as of today, YOOtheme Pro is available for WordPress! Joomla and WordPress users won't only be able to enjoy last month's website Fuse, but also our new release Horizon.

There's still more good news to share. You can now use Widgetkit 2 and YOOtheme Pro simultaneously. We know that this will make many of you guys very happy.

In addition we published 12 minor releases in the last 4 weeks which come with a new style, a bunch of new features, options and settings as well as several improvements and bug fixes. This is an impressive number that we are proud of and hopefully it shows, how passionate we are about YOOtheme Pro. We will keep pushing even more updates in the future. Read on to find out what all this means in detail.

YOOtheme Pro for WordPress

First of all, thank you to our WordPress users for your patience. This gave us the time to work out a solution that allows us to integrate YOOtheme Pro seamlessly into the WordPress interface, so that you won't even notice that you are working with anything but the CMS itself. Experienced WordPress users will instantly recognize the UI and newbies can easily find their way.

YOOtheme Pro is embedded into the interface and adds its functions to the native WordPress Customizer. You just go to Appearance > Themes and hit the Customize button below YOOtheme Pro and you will find our own settings in addition to the WordPress menu.

WordPress

WordPress itself still takes care of the menu and widget handling in the Customizer. To assign a widget to multiple pages, you can use the Jetpack plugin, as is the recommended workflow of WordPress.

The October website Fuse as well as our new release Horizon are now available for WordPress, including all YOOtheme Pro features.

The new website, Horizon

Horizon

This month's website, Horizon, comes with an elegant and clean style. It works brilliantly with product pages or software company websites. The newly added box shadows provide more depth for the overall appearance. Choose from 8 different prebuilt layouts: Frontpage, Products, Specs, Overview, Services, Company, Pricing and News.

  • New Material style
  • 8 Layouts for different page types
  • Product and business topic

New Material style

Today's release includes the new Material style. Thanks to the modularity of YOOtheme Pro it can be used not only with Horizon but also with Fuse and any future website. The new style is clean, elegant and lightweight, featuring colored details and UI elements. We introduced a number of new style options to give you more flexibility. All these options can also be applied to the Minimal style of Fuse theme.

Border

YOOtheme Pro now employs so-called modes for different components that allow you to change global aspects of your theme's styling in one click. In this case you can switch through different border modes, for example to style forms. Apply a top, bottom, left, right or full border by selecting one of the available options.

Border Modes

Box Shadow

The style customizer includes a box-shadow picker. With this you can customize every aspect of an element's shadow. Enter values for offset, blur and spread, enable inset mode and pick the shadow's color and opacity.

Box Shadow

Navbar item line

Another handy new addition allows you to add and style a decorative line that can be positioned at the top or bottom of navbar items. Enable Slide Mode, so that an animation will be applied to the follower when you hover different menu items.

Navbar item line

Typography

Some improvements have also been made in the default theme's typography settings. All Google fonts your style is using are automatically displayed at the bottom of the Style panel.

Google Fonts

Improved Sorting

The new style customizer already was a big step forward. Nevertheless, we are continuing to improve its structure. Variables are grouped by modifier, then ordered semantically – for example modes like hover and active stay together – and alphabetically. This will help you to quickly find anything you want to modify in your style.

Variables Sorting

Take the button component for example. First of all, you can see general variables that apply to all buttons ordered alphabetically, followed by the groups Default, Primary, Secondary etc. At the bottom of each of these groups you will find hover and active states bundled together (if they exist).

Inverse Component

The Style customizer now features all variables of the Inverse component. This allows you to display components on all backgrounds. Take the Card component, for example. The Primary and Secondary modifiers allow you to select a color mode, so when using a dark background you can switch to light mode and the card's content will adapt accordingly. This is done through the Inverse component, the place where you modify the appearance of elements that you want to invert for contrasting backgrounds.

Inverse Component

The global Color Mode select field lets you determine, whether light or dark mode is used, depending on the style. Light styles should apply light colors on dark backgrounds, as elements are usually dark by default, and vice versa.

Apart from all this, you will also notice that the performance of the Style customizer has improved dramatically, so that loading times have decreased by as much as 70%.

New Theme Features

Just like Fuse, the new website Horizon is built on our first default YOOtheme Pro theme. During the last few weeks we have relased several updates with improvements and bug fixes.

Layout

For better handling we've moved the image settings of each position into a separate panel. Instead of a bunch of options automatically appearing when you select an image as your position's background style, there's now an Edit Settings button that leads you to these options.

Image Panel

Module Options

Modules in Joomla feature an additional Template tab. Here you can adjust a module's style, text alignment and width, which now can also be 100%. This enables you to stack multiple modules within one position.

Module Options

Builder

The YOOtheme Pro Builder also features a couple of new options and settings.

Grid element

The element library has grown by a new item to create a grid. That way you can easily align content in columns next to each other.

Grid element

Section Width

The Width option of the Section panel has also been expanded. Now you can apply the Default, Small, Expand and Full, but also Large width, which is currently at 1600px.

Section Width

Grid Options

Builder settings for the grid inside a Row have been enhanced, too. Auto/Expand widths have been refactored to contain one grid item with a fixed width and the others expanding to fill the remaining space. This leaves you with the Fixed-Left, Fixed-Right, Fixed-Inner and Fixed-Outer layouts. The cell's width can be set directly in the Row panel.

Grid Options

Divider Small

The Divider Element now comes with the additional Small style. It displays a shorter line that can be aligned to the left, right or center of the container.

Divider Small

New Icons

The icon element already comes with a comprehensive set of elegant line icons, which we will keep expanding in the future. With the Horizon website, four new icons find their way into the collection: plus-circle, minus-circle, play and play-circle.

New Icons

Widgetkit 2

A much demanded feature was the compatibility of YOOtheme Pro and Widgetkit 2. Up until now this wasn't possible, because YOOtheme Pro and Widgetkit are utilizing different versions of our frontend framework UIkit. However, with this release, we have applied a noconflict mode that prevents issues previously arising from these different versions. So now you can use both in the same installation and add widgets, like a Slideshow, to your modules/widgets and articles. Note, that this is only a preliminary solution. In the future, all Widgetkit features will be fully integrated with the builder. Also be aware that, since different versions of UIkit are being loaded, your theme's style won't affect Widgetkit. It always applies the default UIkit 2 style to its widgets.

How to update

If you have installed Fuse before, you can simply update the theme from the Joomla backend, making use of the easy 1-click updates that YOOtheme Pro has introduced. Your website will look the same in the front end, but you have all improvements available in the website builder. Additionally, the update will add the new Material style to your theme. Go to the style customizer and select a style to display your website in a whole new look.

If you have not installed Fuse before, or want to start fresh, the recommended way to install is using a prepared demo package. It will include a number of demo pages for you to get started right away.

Wrapping Up

A lot of bugs were fixed and the creation of child themes has been optimized – for example, you can add your own custom.css file. In the future we will continue to improve YOOtheme Pro and the Default theme and add more and more features and styles to it. Thanks to the modular concept of YOOtheme Pro, all innovations will be applicable to past and future websites.

As usual, we are eager to hear your feedback. Be sure to let us know what you think and post any features you are missing in the support area.

By Sascha | | Posted in Themes, Pro

Comments (41)

  • e.manuel

    e.manuel

    | Profile |
    Great to see! I have been nervously waiting the complete last week!
    Is the Page Builder also integrated within the wordpress theme appearance settings?
    Thought it would be great to have the page builder directly integrated in wordpress pages/posts? Wasn't it the plan anyway?
    • e.manuel

      e.manuel

      | Profile |
      Ok, after a short test: There is already a integration in posts/pages. But this is basically just a link to the theme appearance settings, right? Are you going to change that to a better "wordpress like" page builder or is it planned to keep that as is.
  • hubert.cole

    hubert.cole

    | Profile |
    Looks astonishing! Thank you for realizing that widgetkit 2 is the heart and soul of what most of us do. Can't wait to get the updated widget kit tomorrow and begin testing. Temporary or not the fix is very important
    • sascha

      sascha

      | Profile |
      We just released Widgetkit 2.9 which works with YOOtheme Pro.
      • hubert.cole

        hubert.cole

        | Profile |
        Yootheme is the longest running subscription plan I have ... for good reason. Yoo guys are fantastic!
  • questbrinn

    questbrinn

    | Profile |
    Wow, THANK YOU! I am pretty sure you guys need some sleep now.
  • ynottony

    ynottony

    | Profile |
    Well done YOO!
  • supporter

    supporter

    | Profile |
    Well done !

    But please answer in your support center, no reply in nearly 6 days ...
    https://yootheme.com/support/question/103985
  • getyoowoo

    getyoowoo

    | Profile |
    And there it is :)

    I'm just not sure to install Widgetkit for the time being. As all features will eventually be part of YOO PRO. I always try to keep my install as clean as possible.
  • coreyallen

    coreyallen

    | Profile |
    The WordPress downloads for both Horizon and Fuse appear to be identical. Is this correct?
    • sascha

      sascha

      | Profile |
      Thanks! I fixed the Horizon demo package link.
      • coreyallen

        coreyallen

        | Profile |
        The WordPress theme files themselves should be identical?
        • sascha

          sascha

          | Profile |
          Yes, we built all new features into the same theme. So, also the users who uses Fuse as starter site, can make use of them. Think of the new default theme as "Super Theme" ;-)

          This is our new modular concept of YOOtheme Pro. All improvements and features will be applicable to past and future websites. This is why the new style Material is also available for Fuse users.
  • mark.deubel.6

    mark.deubel.6

    | Profile |
    First of all.

    I use Joomla and I absolutely love Yootheme Pro.
    I've never been able to build my site so easily. It still takes some searching, but it is very intuitive. I've got my Zoo blog working ass well, so up till now, no complaints, just compliments!

    PS: Thanks for the frequent updates as well!
  • brokie

    brokie

    | Profile |
    Really good news that Widgetkit now works in YOOtheme Pro. Thanks for that.
  • vladimir.eliseev

    vladimir.eliseev

    | Profile |
    God Bless you guys for your work!
    Very happy that we can now choose language for the Google fonts! Really need this feature.

    And also widgetkit is extremly needed for our works! I am happy. Wait until download of new widgetkit!
    • sascha

      sascha

      | Profile |
      We just released Widgetkit 2.9 which works with YOOtheme Pro.
  • troy.smith.24

    troy.smith.24

    | Profile |
    Taking a look at the demo package :)
    Oh and you need more support staff as ive been waiting over 8 days for an answer to a reported issue, Thanks
  • akcreation

    akcreation

    | Profile |
    Hi there, is there any update on the beta release of uikit v3 please?

    I want to use the new templates but prefer to hand code things (ie not use the page builder), but without any documentation for uikit 3 this is impossible.

    Thanks
  • akcreation

    akcreation

    | Profile |
    ...also is there any update on when the new framework will have a Mega Menu? As this was the number 1 request from Yootheme members when you consulted with us.

    Thanks
    • websitecolors

      websitecolors

      | Profile |
      Mega Menu is very important... please add this request...
      Thanks a lot

      Good Work ;)
  • totoweb

    totoweb

    | Profile |
    Hi Yootheme,

    It is getting better. :) Remains Widgetkit 2 working on YOOtheme pro also if it is updated with built in Widgetkit in the builder?

    Keep up the good work!
  • dimkelvin

    dimkelvin

    | Profile |
    No Woocommerce Support??
    • sascha

      sascha

      | Profile |
      Yes, it comes with Woocommerce support. If you have any issues please let us know in our support center.
      • troy.smith.24

        troy.smith.24

        | Profile |
        @sascha

        How do you contact the "support center" questions made in the "Support Forums" don't get answered.

        Please help.

        With this new pro theme will there be a master template like previous warp themes, Since Widgetkit is built in how does it update or do you update it, The theme looks nice but when will you do a theme like sync again with the gradients, These flat windows 10 style themes are a dime a dozen and becoming a bore, Would really love to see some innovations in the next theme.
  • werk.net

    werk.net

    | Profile |
    Holy s....!

    We're using UIKIT since about 100 years, our intranet is running very stable with UIKIT... thats why we're watching your work since many years...(Btw: We are proud to have such a global player here in Germany, although we are forced to talk and read in English here since years... this is a pity...).
    We followed your new PRO Project in the last weeks... and today we joined your family. After playing around with the builder for wordpress, I have to say it again: Holy s....

    Great work, clean design, so many customization settings, wow, we're tired of using this bloody visual composer... and we are very happy to pay for such a great work... go on... we enjoy your work and appreciate your efforts to make our life easier... thanks a lot... and many things can be hardcoded... thats really fine...

    Greetings from the other side of Germany
  • leonel.soto

    leonel.soto

    | Profile |
    Great. new themes look amazing
    when you guys will have the themes install pkg with layout libraries
    populated ( as demo pkg ) of is possible to drag and drop from demo to theme install ?
  • esinit

    esinit

    | Profile |
    When is the new UIKit 3 documentation coming?
  • david.henry

    david.henry

    | Profile |
    This s a game changer, just getting my head around it now but looks like no more messing around with lots of plugins to do one thing
  • triangle

    triangle

    | Profile |
    I have been using Joomla for 2-3 years and have been wanting to try wordpress, but never have (mainly because I'm familiar and proficient in Joomla - haven't wanted to put in the time to learn something new).

    I wonder if now is the time to switch? Anyone here switch from Joomla to Wordpress and have some insight? Regret, Joy?
    • e.manuel

      e.manuel

      | Profile |
      loved to use joomla, especially some things like the gui, the complexity and security are really great in joomla. but lord, wordpress is damn easy, not just the gui, but i.e. a plugin creation as well. and there are so many plugins out there that, after years working with joomla, wordpress is now the way to go for me. you should really give it a try.
  • brokie

    brokie

    | Profile |
    This week I started to create a website with YooThemePro.
    It takes some time for using it but if you know the way you see it logically fits together and is very flexible.
    I am very impressed with this fine piece of work and wants YOOtheme therefore give my compliments.
  • maxip4

    maxip4

    | Profile |
    When will be released the new theme?
    • olivia

      olivia

      | Profile |
      Our new release and YOOtheme Pro 1.2 is coming on Monday 5th. It'll have some really cool improvements on board!
  • andrew.khvatov

    andrew.khvatov

    | Profile |
    Hello team.
    Excellent template, I have already started on her website - http://psh.pet.
    Two questions.
    1. Make the following template in black, please.
    2. When I can use widgetkit?
  • olivia

    olivia

    | Profile |
    Please post your questions in the support forum :) our supporter will help you there! Many thanks!
  • nemanja

    nemanja

    | Profile |
    i think you should add a box for conditional logic

    on warp7 this plugin was fully supported
    https://wordpress.org/plugins/widget-logic/screenshots/

    with this i could add lets say a button to be visible on on special categories of woocommerce or post categories or have it everywhere and exclude some pages, i think WP is missing this in their core but it s a must to have in the theme, since you decided to remove all wdgets and use the builder

    Just an idea :) i will try and find a workaround for myself

Leave a comment

Please login to leave a comment.