On its face, Grigora Blocks by Latracal Solutions seems almost pedestrian. It feels like a theme you would use as a starting point to build your own thing. It will not have enough personality for everyone to give it a shot. However, for others, a base layout to customize is what they might be looking for. I genuinely love starter-type themes because they are often ideal for client work or DIY users who want to take control.
Plus, Grigora has a feature that only a handful of existing block themes in the WordPress directory can boast. It includes a sidebar in its default output:
There is one quirk with the sidebar. For whatever reason, the theme author specifically targets the last Group block in it, adding 30px of left padding. Any blocks added above it do not share the same offset from the content area as shown in the screenshot.
Sidebar-less designs are increasingly becoming the norm, especially in an age where most people browse the web through mobile devices. However, several Tavern readers have asked if I would share some block themes with sidebars. Grigora’s implementation matches with how I would go about building a similar layout (aside from the weird padding issue, of course).
For once, someone built a theme that did not automatically load all 90+ of my pages in the default nav menu. Almost every time I activate a new block theme that does this, it is broken on the front end. For this break from the insanity, I can only thank the developer.
The most disappointing thing about Grigora was that its default design did not match its screenshot from WordPress.org. Anyone who has ever installed a theme from the directory knows that this is not unusual. Theme authors have asked for better tools to address this issue for years, and block templates and global styles are the answer.
There are no longer any limits on offering the experience that users expect when they see that pretty screenshot that caught their eye in the first place. Instead of the nicely laid-out design, users are presented with the typical list of blog posts. And, there are no instructions on how to recreate the screenshot’s look.
I managed to piece something together with the theme’s “Blank” page template and a couple of patterns. The testimonial pattern was easy to locate, but I could not find one that matched the header. The closest was “Parallax Centered Transparent Header.” However, I had to customize it to get something more closely aligned with the screenshot.
Such fiddling should not be a prerequisite to getting the same design as the screenshot.
Grigora has over a dozen patterns, but where it really shines is its custom block styles. I had a lot of fun tinkering with Heading options:
In total, the theme registers 98 styles for users to choose from. Some of these are duplicates used on similar block types. However, it is still an impressive range of style options.
The following screenshot shows some of its Button and List block styles:
I have a bit of a love/hate relationship with Grigora. I see a ton of potential for it to be a rock-solid base theme. All the elements are in place, but several quirks are scattered throughout. Every time I think I have encountered them all, another pops up. A few are because WordPress 5.9 lacks some necessary block controls. However, others are easy to address with the existing toolset.
For example, the spacing between blocks in the right column of the following pattern is all over the place:
Users can adjust it with the margin design option for each block or by wrapping it in a Group and modifying its spacing. However, that should be handled by the theme out of the box.
Most of the issues I encountered with Grigora Blocks revolved around fixable spacing hiccups. Outside of that, the content width was a tad wide for the 18px font size deployed by the theme. Bumping that up to 19px, even 20px, or reducing the width would be ideal for users who will be writing long-form content.
I expect this theme to only get better as user feedback rolls in and the author experiments more with WordPress’s design controls. A bit more quality control and testing will make it a nicer base for building all sorts of websites.
Side note: I tested Grigora against WordPress 5.9 because some of its pattern designs were slightly off with the latest Gutenberg plugin active. Even a mere few months after the last major WordPress release, the editor already feels dated. For those who have not tested the most recent Gutenberg updates, I recommend doing so. The experience is much improved across the board, and I expect you to be pleasantly surprised when 6.0 launches.
I hope this theme gets better and stays around. Thank you for creating a theme with a sidebar.
Creator of Grigora Blocks here. Yes, we have a long roadmap ahead, and hope that we deliver the best in the coming weeks. Great thanks to WPtavern for covering this.
Yes, we’ll be fixing the above-mentioned errors this week. Moreover, we’ll launch a first-ever ready-to-use templates import system for block themes soon (End of this month).
Regarding the screenshot, yes we can create it as it is by using “Grigora Transparent Hero” Patterns. We have not added this by default because we wanted this theme to be a direct plug and go for bloggers.
I definitely look forward to seeing what y’all do with the template import system. I’ll keep an eye out for it.
How do I replicate the sidebar padding issue? I believe this might be happening in the case of lists, or list type blocks like categories, page lists, and post lists. We do have a style for list and all the list type blocks, “No marker”. This removes the list markers and left padding.
I could’ve easily forced this into CSS for all the lists in sidebars but it’s better if we left control for that with the users.
You only need to add a second block (any will do) to the right-side column to test without adding the custom
.grigora-sidebar class to it. See this bit in your theme code.
If you add something within the Group that is inside of the Column, it is no issue. However, then, each of the “widgets” are not separated into their own containers.
What I would do is target the gap between the content and sidebar columns rather than adding specific padding to a Group block within the right column.
Update: Fixed the forced 30px padding issue. Now you can control the padding from the Sidebar Group itself. I tried targeting the gap but it was not performing very well. I’ve informed the team to check if there’s a correct way to do this.
New Demo Templates Import is been released, Appearance > Grigora Demo Templates. :happyface:
Any feedback would be greatly appreciated.
Update #2: Demo Templates have been removed from the theme as asked by the theme review team. We’ll release a companion plugin that supports this feature.
Enter your email address to subscribe to this blog and receive notifications of new posts by email.
WordPress Tavern is a website about all things WordPress. We cover news and events, write plugin and theme reviews, and talk about key issues within the WordPress ecosystem…
© All Rights Reserved. Powered by WordPress, hosted by Pressable