Lots of new WordPress themes are being released each month. But most of them offer the same design and same set of features. You will have a hard time finding a unique, interesting theme from these.
Y Theme is a clear exception in this case. This highly flexible WordPress theme comes with a fresh design approach along with lots of exciting features. If you are looking for an innovative theme for your next project, this theme could be an excellent choice for you.
In today’s post, I am going to review the Y Theme and find out which options it offer for the users. Let’s get started, shall we?
Getting Started with Y Theme
Y Theme uses Hybrid Composer, a unique page builder solution with direct editing options for all contents. Let’s start the review with this composer.
Using the Hybrid Composer
You can check out Hybrid Composer by going to the post editor. Go to Posts -> Add New, and you will see a screen like the following –
If you have never used the Hybrid Composer before, the interface will look a bit confusing to you. Especially because you can’t see the admin menus and the regular sidebars like the publishing, categories, tags, etc.
All of these are still on the page. They are just slightly hidden. If you look at the left side, you will find the menu icons. Hovering over each menu item will open the sub-menu for that item. You can open the full menu by clicking the play icon at the bottom.
On the other hand, the regular WordPress meta boxes are on the right side. Just hover over the slightly visible sidebar, and it will slide in. The theme has added two additional meta boxes before the regular ones.
Y Theme allows you to provide a sub-title for the post, which will be displayed right after the main title. You can add a particular title background for that post. The background styling options include going full-screen, enabling parallax, ken-burn animation, adding an overlay, etc.
You can add single or double-column sections to the post. Then, you have to add components to the section. Hybrid comes with all the necessary components like title, text block, text editor, image box, CTA, button, table, separator, code, testimonials, pricing table, list, menu, etc.
You can drag and drop the elements and sections to create your desired post layout. It is also possible to duplicate, choose from the standard styling options, and apply custom CSS classes.
On the right sidebar, you will find two new meta boxes. Among them, “Item Main Content” allows you to add featured image, excerpt, etc. for the post.
“Composer Options” allows you to switch between the composer and classic mode for the post and add custom CSS. It is also possible to save your current layout or load from the built-in templates. The available templates include coming soon, FAQ, portfolio, etc.
Now that you are familiar with the Hybrid Composer let’s find out which customization options Y Theme offers.
Customizing the Y Theme Styles
You will find the customization options at the Appearance -> Y Theme page. The page is divided into several sections. Let’s explore each section one by one.
# Main Settings
The first three options of this section allow you to upload your logo, secondary logo, and favicon. You can set the top margin for the logo. Then, you can choose the skin for your site. Along with the default options like Minimal, Construction, Creative, Elegance, Modern, Dark, etc., it is also possible to create your color skin.
The theme comes pre-packaged with the Font Awesome, Icon Mind Line, and Icon Mind Solid icons. “Icon Family” allows you to choose one of these icon families. If you have chosen to create a custom color, you can define the main color, hover color, and two additional colors in the last four options of the page.
The first options in this section allow you to choose the website layout. You can choose wither Full Width or Boxed. If you have opted for the boxed layout, you can define the background image or color in the next two options.
Next, there are several options to define the site width, section top/bottom padding, full-width left/right padding, column margins, and title and elements margins.
The last two options of the page are for choosing the left and right sidebar width. There are several percentage points for you to choose from.
This is the section where you can configure the menu styles. And the first option allows you to choose the menu type. There are several options like classic, big logo, subline, subtitle, middle logo, middle box, icons, side menu, etc. You can check out a preview of the menu style below.
The next option is to choose the menu animation. The available options include various fade, slide, and pulse animations.
If you want to apply further styling like transparency, hamburger menu, wide menu, fixed top, centered, etc., there are separate checkboxes to activate each of these stylings. If you are developing a one-page website or want to create a mega menu, there are dedicated checkboxes for these styles too.
You can also choose to display the search box, search button, and social icons in the menu. If you have chosen the middle logo as the menu style, you can decide to show the logo above the menu.
In the “Menu Design Settings” area, you can define the logo height, menu height, and menu left a margin. Lastly, there is a checkbox to activate the secondary top menu.
As you can guess, this is the section for choosing the footer styles. In “Footer Type“, you can choose any of these footer types – base, minimal, and parallax. There are checkboxes to show the social icons on the footer and to make the footer full-width. You can add additional CSS class(es) to the footer.
“Columns Layout” allows you to choose the design of your footer. Next, you can upload a custom background for the footer.
The next few options allow you to add custom HTML to the left, right, center area of the footer and to add your copyright text.
# Page Titles
This section holds the options to style your page titles. First of all, you can choose the title type. The available options include base, image background, video background, or images slider. You can upload the image/video in the next fields.
Checking “Parallax” will enable parallax effect for the background. It is also possible to enable the ken-burn effect for the title. The next options allow you to enable full-screen title, overlay and choose the subtitle type.
The last two options of the section allow you to import or export the theme settings to and from other websites using Y Theme.
# Social and API
Here, you can add links to your various social media profiles including Facebook, Twitter, Pinterest, Instagram, YouTube, LinkedIn, and Google+.
If you want to use Google Maps on your website, you have to provide the API in the “Google Maps Key” field.
# Replicating the Demo Designs
Y theme comes with a lot of attractive demo designs. You can use these demos to inspired your creative mind and come up with a unique concept for your website.
However, if you don’t have the time to create a unique design, you can get started with any of these demos. The theme makes it very easy to import any demo design to your website. To do that, go to Appearance -> Y theme and click on the “Demo Import” section.
The demos are divided into several categories. Choose the one you want to use and click on the preview. On the next page, click “Yes import now” and this will start the import process.
Creating Lists with Y Theme
Lists is a unique feature of the Y Theme. This feature allows you to create contents which should be displayed with the same style. For example, you can add your team members, portfolio, projects, blog posts, etc. by using the list.
To create a list, go to Lists -> Add New. This will take you to a page like this –
The first row of options allows you to choose the icon and provide the plural and singular names, unique ID, etc. The next section is where you can create the template for displaying the single items. You can add image, video, slider, animation, base, or empty areas to create the layout you want.
It is also possible to load a template or provide custom CSS for your design. Once you have made the changes, click “Publish“. This will create the list and add it to the dashboard.
You can access the new list by its name. For instance, if you created a “Projects” list, you can add new projects from Projects -> Add New and view all projects from the Projects -> Projects page.
Y Theme Pricing
Y Theme is priced at $64 from ThemeForest. This price includes six months of support from the theme developers. You can extend the support to 12 months by paying $19.50 extra.
You need a unique WordPress theme to create an attractive, beautiful website. As I have described above, Y Theme comes with several new features and styling options to help you create unique websites within a short period.
Now that you have read the review, what do you think about Y Theme? Does it look like an interesting one to try on your next website building project? Let me know by leaving a comment below.