Wondering how you can begin a meals weblog? Thinking about switching your web site to a recent, new look? Find out the variations between the Foodie Pro theme and the Brunch Pro theme and be taught the professionals and cons of Shay Bock’s new WordPress meals running a blog template – from somebody who has used it inside and outside.

With the identify change and relaunch of my web site got here a recent new design. On my previous web site, Ramsons and Bramble, I used to be utilizing Foodie Pro – Shay’s older meals running a blog theme for the Genesis framework. It has served me extraordinarily properly for a previous couple of years and stays heartily really helpful – see my Foodie Pro overview for full particulars of this theme.

But it was time for a change. My design toes had been itchy and being a fan of Shay Bocks’ work I wished to provide her new baby theme a whirl. As with Foodie and Foodie Pro, I’ve spent many, many hours enjoying round with Brunch Pro, actually investigating its each functionality and making it look precisely how I need it. This is what I found.

Free Download Brunch Pro Genesis Theme

 

Like Foodie Pro, Brunch Pro has an enormous variety of widgetized areas. These areas allow you to put a spread of various web site content material into your weblog with drag-and-drop ease. The sidebar is widgetized, however the theme additionally contains many different areas which you could simply adapt on this approach. This theme comes with the aptitude to import all of the demo widgets directly (full particulars accessible right here) which could be very useful throughout set-up in case you don’t have a lot content material but. An older put up on the Foodie Pro takes you thru a few of these widget areas.

The homepage is rather well widgetized, which is nice for a professional-looking, magazine-style format (see my homepage). One characteristic that differs from Foodie Pro is the power to incorporate three skyscraper photos (hero photos) on the prime of the homepage. The theme is about up for these to indicate particular person posts, however I opted for 3 category-linked graphics as an alternative. This adjustment is extraordinarily straightforward to make and Shay contains full particulars on her web site.

Brunch Pro has an After Entry space so you possibly can add content material to the tip of every put up (for instance a profile widget as with my web site, an advert, a publication sign-up or another name to motion). This is a superb place to achieve readers which have remained engaged proper to the tip of your put up.

There can be a Before Header space which allows you to put a message or publication sign-up throughout the highest of each web page of the location. For me although, this regarded just a little thick on the completed web site, pushing extra vital content material out of the above-the-fold space, so I made a decision to not use it.

The footer has 4 widget areas so that you can add profile particulars, logos, social media icons, widespread posts and adverts. However, I opted to not put a lot in my footer this time as suggestions from Hotjar warmth maps recommended only a few folks ever scroll down there.

Brunch Pro comes with Header Right space so you possibly can place a leaderboard advert subsequent to your brand – this was a characteristic I needed to code myself in Foodie Pro. However for this redesign I’ve opted to not use this space as (on the recommendation of Foodblogger Pro) I’ve determined to not run adverts on the location for now.

I used to be additionally simply in a position to create just a few extra widget areas utilizing easy net tutorials or plugins. I added a Before Entry space so I may embody a message in regards to the identify change initially of each put up, in addition to subject-specific Sidebars and some extra Recipe Indexes – extra on them later.

studio press brunch pro theme reviews

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
Like the Foodie Pro theme, Brunch Pro has its personal featured content material widget, enabling you to make stunning, category- or tag-specific grids of your content material in any space that may carry a widget – your newest posts, posts with essentially the most feedback, posts about cake. To identify however just a few.

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
This is most helpful on the homepage and within the recipe index (described beneath), nevertheless it additionally means that you can place elegant picture preparations in your sidebar and footer. I really like being able to show totally different numbers and sizes of photos side-by-side, as you possibly can see throughout my web site, as I feel it makes the web page look extra fascinating.

Brunch Pro theme: Recipes

One important change between Foodie Pro and Brunch Pro is the change in recipe plugin. Where Easy Recipe was beforehand really helpful, Brunch Pro now makes use of Simmer. I’ve been utilizing Recipe Card, though this plugin is properly outdated now. I experimented with Simmer and whereas the theme’s recipe styling regarded nice on quick recipes, it did not look fairly proper on a few of my longer, multi-stage recipes. I adjusted the CSS and obtained it trying extra how I wished (see it in motion on this put up – Spring mushroom lasagne), with all of the elements first adopted by the directions – if anybody‘s thinking about that code, depart me a notice within the feedback.

But I do discover getting into the recipes fairly laborious – it’s important to create every recipe in a completely separate dashboard part, then insert it into the put up. Although you possibly can copy and paste elements in bulk, headers should be written then dragged and dropped manually and there’s no scope for ingredient quantities with a spread like 30-60ml. As far as I can see you possibly can‘t hyperlink from the elements, which is one thing I commonly do.

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
I plan to experiment with Simmer for recipes going aheadit is a way more up-to-date plugin and I think about it has superior structured information, however a complete change of my previous content material appears unattainable. For now my previous recipes will stay with Recipe Card and I’ll should reside with two totally different recipe designs on my weblog on the similar time. Not pleasing for my perfectionist net design tendencies.

Brunch Pro theme: Visual recipe index

Another nice characteristic of this theme is the visible recipe index. There is a complete, separate widgetized web page constructed into Brunch Pro that allows you to show your recipes in stunning grids, utilizing a number of featured content material widgets just like the homepage. This is a stunning option to direct your readers to your content material, rapidly, simply and visually.

My overview of Foodie Pro expressed reservations that there was just one web page like this within the theme. I can consider many conditions the place separate widgetized pages could be helpful, certainly different bloggers have emailed and commented with comparable ideas. This state of affairs stays the identical in Brunch Pro, nevertheless I’m happy to report I’ve now discovered a workaround! Full particulars are included in my put up, Styling Brunch Pro.

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
There is an alternate kind of recipe index you would take into account that I constructed for my previous web site. Because lots of my recipes comprise a number of elements that aren’t essentially mirrored within the titles and featured photos of the posts, I felt unable to incorporate these within the visible index as it will look complicated. Instead I created a text-based recipe index the place I may listing all of the sauce elements, for instance, from all of the recipes that contained sauces underneath the title “Sauces”. In the visible index this could not look proper as the image won’t clearly be of sauce. To make issues just a little extra visible, I then added an image of every kind of dish (see above). When clicked on, the web page jumps all the way down to the purpose yow will discover the suitable hyperlinks.

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
I wrote a reasonably complete tutorial about how you can construct a recipe index your self, nevertheless for my newest web site design I’ve opted to solely use the visible recipe index because the text-based index required me to enter every hyperlink manually – and I stored forgetting.

Brunch Pro theme: Visual content material archives
As with Foodie Pro, you possibly can customise your content material archives. Content archives are the pages which are generated and displayed as search outcomes or when a class or tag is clicked. You have many decisions with this theme about the way you need these pages to look – conventional picture/title and picture/title/excerpt or customisable visible grids as for the homepage and the recipe index.

These visible content material archives may also be used to create subject-specific pages that look fairly just like the recipe index, in case you do not wish to go down the route of adjusting code. Although I strongly suggest that you just do – it is enjoyable!

For now, my visible content material archives are set to show a sq. thumbnail and the put up title, with two photos side-by-side, ten posts/photos per web page, however this could all be adjusted.

Brunch Pro theme: Customisation

Brunch Pro Theme Review – Genesis Child Theme by Shay Bocks. Learn the professionals and cons of this meals running a blog theme and be taught the distinction between Foodie Pro and Brunch Pro. By @deliciouscratch | deliciousfromscratch.com
As with Foodie Pro, this baby theme provides an enormous vary of customisation choices which are imbedded within the theme and could be adjusted in your WordPress dashboard. Different sidebar/content material layouts, in addition to modifications that may sometimes be made by altering the CSS code, making this an ideal theme for novices.

 

change the fonts, headers and menu gadgets (type, sizes, colors)
change the buttons and hyperlinks (colors)
add your individual background
add your individual brand header
arrange your content material archives
These customisations will allow you to simply create a stupendous, personalised web site that basically appears like your individual, though I do encourage you to experiment with adjusting the CSS code to get the location trying precisely the way you need it. It’s a really rewarding ability and makes you are feeling like a web site magician. For this redesign I made many, many CSS tweaks that had been out of the scope of the Customiser and I would not have been fairly completely satisfied with out them. My put up Styling Brunch Pro particulars the modifications I made.

These tutorials are clear and really helpful, and when you’ve got any issues organising your web site, her crew will provide e-mail help with a quick flip round and can make it easier to make your web site look because the one within the demo does.

But this help solely extends so far as mirroring the demo web sitewhen you’ve got every other questions on how you can tweak your web site, you may be directed to a employed developer. I absolutely perceive how troublesome it will be for Shay and her crew to supply customisation help to the big numbers of individuals utilizing this theme, however it might depart you just a little caught. Hiring a developer simply isn’t an choice for many individuals and a few of us would dearly like to have the ability to make the modifications ourselves, to be taught these helpful and rewarding laptop abilities, albeit with a nudge in the fitting route.

As I stated in my final overview, maybe a help discussion board, as an alternative of e-mail help could be an choice for this theme? I acquired many, many questions on minor edits of Foodie Pro that would have been higher answered in a collective, searchable discussion board, though I used to be very completely satisfied to host so many individuals taking their first steps in code modifying! Do proceed along with your queries for Brunch Pro!

Brunch Pro theme: Mobile responsiveness

Brunch Pro is absolutely responsive – this implies it adapts to the display measurement the reader is utilizing and presents them with an optimised model of the web site, in reality Brunch Pro has 4 totally different cellular sizes constructed into the theme. This responsiveness reduces loading time for small units and permits crucial content material to be seen extra clearly on small screens.

The final incarnation of my web site did away with cellular responsiveness all collectively, though it was included within the Foodie Pro theme. In truth I wrote a complete tutorial on how you can disable the cellular theme in Foodie Pro. However for this web site redesign I’ve determined to embrace it. Google has been very clear about its plans for demoting websites that aren’t cellular responsive and I can see from my very own Google Analytics that my bounce fee is highest for cellular. Also, for now I’m not working adverts, so the dearth of sidebar on cellular units did not appear so vital.

However I nonetheless wished to prioritise the desktop look – it a lot prettier! Specifically, I wished my web site to look the identical because the desktop model for many screens and solely turn out to be cellular responsive across the measurement of a small pill. That felt like compromise to me. To do that in Brunch Pro I needed to alter the CSS, nevertheless it turned out to be a lot simpler than I assumed. I’m now extraordinarily pleased with how my web site seems to be on all units and I’m attempting to embrace the design problem of cellular responsiveness moderately than to simply hate it 🙂 Full particulars will likely be included in my put up, Styling Brunch Pro.

Brunch Pro theme: Recommended plugins

In addition to Simmer, Brunch Pro theme comes full with styling for a number of vital plugins, to make them mix as seamlessly as doable with the design of your web site. Genesis Enews Extended plugin means that you can add varied publication signup packing containers to your web site, which match properly along with your chosen theme. Simple Social Icons equally helps preserve your followers up-to-date along with your content material, providing colour-customisable icon hyperlinks to your social networks, through a widget. Gravity Forms are additionally really helpful, however I already use the free Contact Form 7 for my easy contact type and that appeared sufficient for my wants.

Brunch Pro theme: WooCommerce store
If you might be hoping to construct a stupendous, elegant store with this theme, you possibly can! Although the theme itself doesn’t provide WooCommerce compatibility, utilizing the Genesis Connect for Woo Commerce plugin makes every thing play properly.

BUY NOW   DEMO
Brunch Pro theme: Conclusion

So there we’ve it. I’m extraordinarily happy I made the leap to alter my theme, relaunch the location and transfer ahead with a recent, new design. I used to be completely pleased with my previous design, and with Foodie Pro, however Brunch Pro feels that bit extra trendy, that bit cleaner, that bit brighter, that bit extra shiny. It is very, extremely useful and I hope, with the construction I created, straightforward to navigatee. And as soon as once more I can say my web site seems to be and works higher now than at any level beforehand, and I’ve Brunch Pro to thank for it.

Click to download Click to download Click to download

LEAVE A REPLY

Please enter your comment!
Please enter your name here