Rosa WordPress Theme Review

The Rosa WordPress theme

An intro to the Rosa Restaurant theme for WordPress

The Rosa WordPress theme has been around since 2014 and has accrued over 7.5k in sales on Themeforest. To say it’s done well for itself would be an understatement.

Rosa is billed as a restaurant theme for WordPress self-hosted installs and features a varied range of features to ensure your eatery gets the look and feel it deserves.

The Rosa theme lends itself well to those who run a bakery a restaurant, café and more. Basically, anything food or drink related and you’d be right. It’s more of a business or in this case a food business WordPress theme as it is opposed to a blog.

That’s not to say with a little tinkering and some love you couldn’t get it to work like a blog, you get a general idea though.

So let’s get another WordPress theme review on started then? Onward’s good people to my review of the Rosa WordPress theme!

Rosa WordPress Theme installation

Installing the Rosa WordPress theme

I’m no stranger to this really, Neither should you if you read my blog, installing the Rosa theme is as simple as uploading the zip or indeed FTP if you feel fancy.

Upon installing the Rosa theme and indeed activating the theme we are greeted with the below:

Rosa WordPress Theme review plugin install

This is prompting us to install 4 additional plugins to get the theme up and running. They are as follows: Customify, PixTypes, Contact Form 7 and lastly PixCodes.

Installing customify

So let’s do what the theme asks for then, shall we? First up Customify. As you can see from the above, customify hasn’t been tested with my version of WordPress. For the record, I’m on 4.5 at the time of this article.

The Customify plugin is contributed to by the Pixel Grade people (who incidentally built the Rosa theme) it has a load of options attributed to it.

I’m not going to go into all of them here, suffice to say it will give the theme additional functionality without being baked into the theme itself.

Rosa Theme Review PixTypes plugin

Next up on the required plugins list is a plugin called PixTypes. Again by Pixel Grade, this plugin allows you to define what custom post types/meta boxes should be active when the Rosa theme is installed.

I can only assume that this will add functionality to the theme and it is coded to harness the PixTypes plugin.

PixCodes plugin for the Rosa WordPress theme

Last up on the list is the PixCodes plugin (I’m not going to go through Contact Form 7 everyone and their dog knows that one). This plugin offers a shortcode interface into the theme or I guess any themes Pixel Grade offers. Again this plugin is by Pixel Grade as well.

Installing required plugins for Rosa

Well as you can see from the above image there is actually 5 plugins, not 4 that need to be installed. The last one not mentioned in the required plugins installer note was PixLikes.

What this does remains to be seen, so let’s install and activate all of these bad boys then shall we? Yes, yes lets.

Right all Rosa WordPress theme plugins installed what’s next?

Rosa Theme Review installed this is how it looks

For those of you who like to jump the gun (myself included), the above is what the Rosa WordPress theme will look like.

Now bear in mind that I have the latest version of WP at 4.5 no other plugins installed, save for the ones the theme prompted me to install. No additional content, just the standard sample page and hello world blog post. I have changed the permalinks to reflect SEO friendly URLs.

Don’t ask me why, it’s my review and I hate ugly URLs, Nuff said.

Now you’re going to get confused. Trust me. It’s a good thing. Here’s why.

Silly statement? No, not at all. Anyone who has bought a theme from Themeforest or any theme company that has it’s own theme options panel will now get lost.

Mainly by and large to the fact, the Rosa WordPress theme options are all in the WordPress native customizer. See below for what I mean:

Customising the Rosa WordPress theme

Don’t get me wrong. I’m not adverse to theme options panel if it’s done well. However, the WordPress native customizer has come on leaps and bounds of late.

It’s nice to see Pixel Grade making good use of it, so let’s take a look at the settings of the customizer.

Rosa WordPress theme options (through the customizer)

Rosa WordPress theme options

Well as you can see we have an option for a logo an inverted logo (think black on white, white on black etc.)

We can also enable smooth scrolling and choose the number of columns we want to display in the widget area. The choices are 1,2,3,4 and 7. Couple that with the column width which has options for one third, two thirds, and whole. More on this later.

Want to change the copyright text? Well, this is your opportunity to do so. There’s nothing worse than a WordPress theme hard-coding in copyright text with a link back (big no, no) thankfully Rosa does not disappoint.

Social sharing options for the Rosa WordPress theme

Sharing options for the Rosa WordPress theme

Social sharing is handled by integration with the AddThis service. It’s here you can follow the on-screen prompts to add the appropriate code and choose the social networks you want to offer up to your visitors.

You can elect to enable the AddThis sharing analytics if you use the service as well as add tracking to social shares via AddThis. All you need to do is add your AddThis username and follow the instructions in the customizer and the links it points to.

Another handy option is to add Google Analytics tracking, your Google property ID and more.

In fairness ticking these boxes didn’t bring up another box to actually add the code in etc., so unsure as to the nature of them. Perhaps they haven’t been coded into the theme itself as yet or are a by-product of a previous theme using the same structure.

Adding in custom code to the header/footer in Rosa

Rosa theme header & footer options

The next option is to add in custom JavaScript as you see fit. You can either place it in the head or indeed the footer. Think Google Analytics tracking code and such and you’d be halfway there.

Installing demo data for the Rosa theme

It’s brown trouser time (or pants if you’re an American). It’s time to install the demo data and hope and pray nothing breaks.

Installing demo data Rosa WordPress theme review

Right, I’m off to hide behind a chair and peek intermittently at what’s going on. Actually, I need a wee (or pee USA). Let’s hit the demo install button and just go with it. Ahem, eeeeek Winking smile

Color me happy. Demo data installed. WTF? That was quick???

Rosa theme demo data installed

Wow. I have to say that was done real quick. Sure it didn’t load any images just text and page layouts, but wow. Massively surprised at how the homepage looks now, it looks awesome.

The WordPress customizer kept me up to date with the state of the imports and how it went. Got, to be honest, I don’t usually import demo data as I like to tinker around and find things to mess with.

This is the first time in a while I have installed WordPress theme demo data, looking good so far!

The Rosa theme demo data added a total of 4 new blog posts (all recipes), 35 pages. 4 categories and 5 tags. In fairness, the demo data has made the site look pretty much like the demo over on Themeforest. Sans the images of course.

Now we’re going to go back. Back to the WordPress customizer

Header options for the Rosa WordPress theme

Layout options for Rosa WordPress Theme

Here we have three new options. First up is the header option its from here we can make changes to the header.

Header options

As you can see from the above we can change the height of the logo, the vertical margins of the header and of course lastly change the space between the menu items. So you can tinker to your heart’s content.

Changing the content layout in Rosa

customizing the Rosa WordPress theme

Here we can change a number of different things to suit our tastes. We can change the border width, container width, and the section vertical margins. All done using the WordPress customizer which is great as this gives us a real-time view of how it will look.

We can also change the sidebar width, choose whether we want to show the scroll down arrow in a bubble or make it transparent. Lastly, we have the option to always show the arrows within the slideshow or show on hover.

Footer options for the Rosa WordPress theme

Footer layout options for Rosa

Here we can choose whether we want the footer area dark, light or the accent color (more on that in a bit). Lastly, the footer bottom bar style has the same options available as well.

Color options with the Rosa theme

Color options for Rosa theme

Those of you who were paying attention to the previous section will have noted the accent color. Well, the color options in the Rosa theme let us change the accent color (think boxes and such throughout the site) whatever you choose here will be reflected on site.

We can change the color of the text the heading text, nav links, cover color and header color.

You will note two more boxes underneath with an upload button. Well, the first one allows you to set an image background in the menu section. Once you do this you will be greeted with four new selections to do with the placement of the image.

The first box will deal with how you wish to display the image. Options here are: no-repeat, repeat all, repeat horizontally, vertically and inherit. The next box gives options for inheriting, contain or cover.

The next deals with whether or not you want the image background fixed, scroll and lastly inherit. The last deals with actual placement choose from the center, left center and more.

The next upload button deals with content color. Here you can upload an image and it will be shown in the page content itself. With all the same choices above again. This gives you an edge when creating your very own restaurant or eatery website.

Typography settings for the Rosa WordPress theme

Typography settings for the Rosa WordPress theme

Well if you like options for your typography you’re in luck, Rosa has plenty of them. You can change the headings font choose from Google fonts adjust the subheadings and font for subheadings as well as adding in spacing and offsets.

We can also change the navigation font, whether or not to make it bold, change the font size and much more. Lastly, there is an option to change the body font as well choose from a wealth of fonts and change the font size and line height.

I must admit I am really, really starting love the way the Rosa theme makes use of the native WordPress theme customizer. It’s great to see it put to good use like this.

Editing the blog layout for Rosa

Editing the blog layout for the Rosa WordPress theme

Well, we have some more options to choose from here, this time around they deal with blog layout. Let’s go through what’s on offer.

First up we can choose whether or not we want to show the author info box on blog post pages via a tick box. Whether or not we want to show social showing buttons in posts.

Choose to show comment avatars and comment count numbers. Whether or not we want to show the main sidebar in single blog post pages.

Want to change the text in archive pages from ‘Read more’ well you can from here, as well as choosing the excerpt length. What you will not see from the image above are two other options which deal with post meta.

Choose to show or hide the post publish date and lastly the option to change spaces, comma or slashes with a custom dot. I had a play around with it, basically, it puts (as it says) a custom dot with your accent color between the publish date and more.

Add Custom CSS through customizer

CSS Editor options for Rosa

Want to put even more of a stamp on your installation of the Rosa theme? Well, you can if you know CSS and know your onions you can make changes from here. Although in fairness if you’re making a boatload of changes you should consider making a child theme of Rosa.

Site identity, menus, widgets, static front page

There’s no point showing you any images of the above as it’s pretty much the mainstay with themes that use the WP customizer. Here you can change your site title, tagline and upload a site icon, manage menus, widgets and of course choose a static front page and nominate a page for blog posts.

Creating posts/pages in the Rosa WordPress theme

As you would come to expect from the worlds most popular platform creating content is easy peasy. However, the Rosa theme has a few options up its theme sleeves.

No page builders here, nope just a rather pretty shortcode interface that makes adding your content a breeze albeit in a style and attractive way.

Rosa WordPress Theme shortcodes

As you can see from the above the first option we have is columns this is where you can adjust the width of columns and choose how many you want.

Shortcode columns

When you drill down into the column section you will be greeted with the above screen, it’s from here you can adjust via a slider and choose exactly how many columns you require. Or indeed add in a custom CSS class for additional styling if you want to.

Button shortcode with Rosa theme

Want to add a fancy button? No problem the shortcode editor gives you options for setting a link the size of the button, the ID of the button and more. I must admit although it’s a simple interface, less is more in my opinion and it works very well indeed.

Icons, I’m not going to take a screenshot of the icon selection, mainly due to the fact there are so many to choose from. The most important things after having so many to choose from is the fact you set a size a background shape and insert a link for the icon as well. Which is pretty sweet.

Adding tabs

Like tabs? Good, as the shortcode interface for the Rosa theme has them in spades. A very simple and self-explanatory interface awaits you should you wish to include tabbed content into a blog post or page.

Heading allows you to set a subtitle and title itself, great for breaking up content and highlighting a new section and what not. The separator shortcode sees you selecting a separator type and color of the separator, in conjunction with a heading it will look pretty epic.

Slider shortcode for Rosa WordPress theme

In a similar vein as the tabbed content interface, this is where you can add in a slider or two. Choose your navigation style and transition effects for some added style. Nice and easy to use, just add your content and you’re done.

OpenTable Reservation shortcode

Using OpenTable? Well, the Rosa WordPress theme offers full integration with it. Via the shortcode interface you can fill in all the details from OpenTable and it will output the details in a style and eye-catching way.

Adding a menu to Rosa WordPress theme

Adding a restaurant menu to the Rosa theme is as simple as clicking a button, you simply need to choose your menu style either regular or dotted hit the insert button and follow the screen instructions for adding in your succulent mouth-watering food menu!

Page options in the Rosa WordPress theme

If the shortcode element was not enough for you, you also have some more options specifically for pages. These deal with header height, menu bars and more.

Navigation and content border

Have a fancy black header and want the menu bar to be transparent? Well, here you can do just that, as well as set the content border style to choose from waves or simple to make your page content pop.

Featured header

Want a featured header? Yup, you guessed it this is where you can add in a rather natty header. Choose the header height from half, two thirds or full height.

Give your page a title and subtitle or why not add in a description for your visitors about the page and what they can expect.

You might also be interested in…

Page attributes, it’s not unusual for WordPress themes to offer page templates for specific purposes. The page attributes for the Rosa WordPress theme are a bit more special than your standard theme. How so?

Well, there are three to choose from the first one is no title, which isn’t that fancy granted. However, if you did not want to show the page title you can do so here.

No the ones that got my attention are the next two page templates. First up the Map Header:

Map header page template

The menu bar transparency option and content border style are still there as options, however, the minute you select the template Map Header the section underneath changes to the above.

It’s here you can add in your location or if you have more than one location (perfect for a franchise etc) you can add in Google map with locations of your restaurants/eateries/cafes and such. See below for what I mean:

Locations using the Rosa WordPress theme

Slider header in the Rosa theme

Want to make your header a slider? Well, you can with page template Slideshow Header. It’s here you can choose images of your establishment or awesome photography of your food.

In a similar way as the Map Header when selecting this template it throws up some options for you to work with see below.

Slider options for Rosa WordPress theme

There is plenty to choose from in the above Slider settings option. Here you can choose to add an image and chose the image scaling with options for filling fitting and fit if smaller. If any of this seems confusing don’t worry the Rosa WordPress theme explains this with a handy link to an image:

slider image scaling

There are more options available to you as well to ensure your slider displays perfectly, you can also choose the transition effect, whether it should autoplay and the duration between slides if you elect autoplay.

WPin Disclaimer – Paid for review

This review of Rosa was actually paid for by the theme developer themselves. In no way did this influence my end opinion as I write objectively about WordPress themes and plugins from an end user point of view. The utmost care was taken performing this review and any issues that I encountered have been mentioned (if any).

If you would like to submit your theme for review here on WPin please get in touch here. Hope you enjoyed the review of the Rosa WordPress theme, scroll down for overall verdict warts and all 🙂


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.