Browsed by
Category: Press

Is the new WordPress Gutenberg editor that good?

Is the new WordPress Gutenberg editor that good?

Over the past years, WordPress stuck to its good ol’ visual editor and didn’t introduce many changes. But hey, why fix something that is not broken? In most cases, this wouldn’t be a bad thing, but sometimes, a change is more than welcome, especially when competitors like Medium or Ghost come with a unique and refreshing experience for its users.

Apparently, WP ignored this aspect, so a group of contributors and volunteers started working at the WordPress Gutenberg editor for the past year, in their attempt to make adding rich content to the platform simpler and more enjoyable. But is the overall experience that good?

Let’s find out more about this editor and see if it’s actually worth it.

What is this Gutenberg editor?

Generally speaking, we can call it a new editor for WordPress, named after the man who invented the printing press with movable type, Johannes Gutenberg. Unlike the standard visual editor, which requires HTML and shortcodes in order to obtain the desired results, Gutenberg wants to make this easier, especially for first-time WordPress users.

Currently, the final version wasn’t released yet, so you can try the beta version. And it won’t get integrated into the platform until it gets 100,000 active installs. But believe us, it’s worth giving it a try, especially if you want to provide some feedback.

It’s available for installation in the WordPress repository and you can find it by searching it within the dashboard, under “Add New” plugins. You need WordPress version 4.8 or higher to run it, by the way.

After installing it, you should see links right under your posts that allow you to open up the WordPress Gutenberg editor. Once this will be merged with the Core, you will be able to access it by simply pressing the Edit links.

Besides this, it is also accessible from the new menu in the dashboard, which also includes a demo and the ability to create a new post using Gutenberg. It’s highly recommended to explore this option until you learn to get around with it.

What’s good about the WordPress Gutenberg editor?

Ok, now that we know what’s the whole deal with this editor, let’s take a few minutes and see what are some of its biggest pluses, which make it worth installing.

Pluses

It’s definitely a step forward for visual editing in WordPress. The classic editor is around for years and, despite being very easy to use, it’s not exactly the most amazing experience. Gutenberg brings a more intuitive interface for new users, helping them learn how to share the first posts faster and easier.

It uses HTML comments to store block info. Definitely one of the major advantages of this new editor is the fact that it stores information about blocks in HTML comments. Therefore, these are seen just on the back end of the site, without being rendered on live pages.

It won’t have side effects after disabling it. There are a lot of WordPress page editors already available, but some of them, after uninstalling, can have a negative impact on your site. Or, simply put, they will break your website. It won’t happen with Gutenberg.

It offers a solid HTML5 output. Technically speaking, Gutenberg blocks output content, like section and figure, through HTML 5 tags. Using them will help you future-proof all the content created in the new editor.

It gives you the possibility to write your own blocks. In Gutenberg, developers can create their own blocks of customized content. Let that sink in for a while.

Minuses

The user interface isn’t the best. Sure, it may look revolutionary and relatively easy to use, but the truth is that performing some of the simples tasks require more clicks than in the standard WordPress editor. For example, in order to update a page, you need to make two clicks, instead of just pressing “Update”

And we’re not done yet. Gutenberg for WordPress has an admin menu consisting of three columns. All good until now but the editor and the sidebar will eventually get crowded and scrolling around on smaller display can be confusing.

Oh, and let’s not forget about meta boxes, essential for a well-optimized page. These are actually hidden somewhere under extended settings, underneath and beside the editor.

It has some accessibility issues. Since the WordPress Gutenberg editor is still in its beta version, such things are normal. Therefore, if you want to install it, you should be aware of its accessibility issues on using the back end, as well as the content output by it on the front end, like inline CSS.

Images don’t look so good. Well, this is a bit exaggerated, since the real problem is that you can’t wrap text around an image, like in the regular WordPress editor, as images have their own block. This shouldn’t be such a big issue, but if you care about the look of your pages, this is actually very important.

The same problem appears when you’re trying to embed audio or video, as these also require their own block.

There are no shortcodes in paragraphs. Unfortunately, you can execute shortcodes, neither in text columns or paragraphs blocks in the current version of the editor. In order to make them work, they much be placed in the shortcode block. And I bet that you aren’t fancying this.

This current situation can cause some problems, as long as your shortcodes produce inline content. However, they will work when Gutenberg is added to an existing site.

And this wraps it up. Overall, the WordPress Gutenberg editor looks like a promising project, even in its current state. We’re looking forward to seeing the final variant, ready to be used by everybody, as we’re convinced that it has the power to change the way we’re using the world’s most popular content management system.

What are your thoughts on Gutenberg? Would you use it instead of the current WP editor?

Evan Herman talks about building high quality plugin solutions for WordPress

Evan Herman talks about building high quality plugin solutions for WordPress

We have a whole new piece for you guys, as part of our series of interviews with WordPress plugin developers, who agreed to share some of their stories, alongside growth plans and, of course, their vision of the WP ecosystem as a whole.

Recently, we talked with Evan Herman, the lead developer, and founder at Code Parrots, a company well known for offering high-quality solutions for WordPress sites. They are well known for Timeline Express, which allows users to create highly customizable Timeless within the WordPress platform. However, they have a few more aces up their sleeve, since new and exciting products are currently in development and should be released in the near future.

With a Bachelor of Science degree in Digital Communication and Multimedia, Evan has a strong background as a developer, while his story with WordPress started years ago when he was in college. Let’s see what stories he has for us today…

How big is your team?

It’s hard to say that we’re a big team, since, right now, it consists just of 3 people. Specifically, there’s me, another developer and somebody in charge of marketing, who is also in charge of managing our social media accounts, as well as email marketing and other campaigns. As for the second developer in the team, he helps out with plugin maintenance, alongside support requests and, of course, developing some of the new products which we should introduce soon.

How did you start with WordPress? Why WordPress?

There’s a long story, which began back in college when I was graduating. Actually, my senior thesis was closely working with a local business, based in Philadelphia, in order to relaunch their web presence. And the project included building a theme from scratch, as well as some highly customized plugins.

I was part of a team of 3 members, but the funny part was that none of us had any experience with this. And yes, you guessed it, I had no other choice but to learn a lot about this mysterious – at that time – content management system in just 6 months.

By the end, I was proud to have my very own YouTube plugin allowing the client to upload videos from their WordPress site directly into a YouTube account, then eventually assign it to a playlist which was supposed to appear on the home page.  Sure, the code wasn’t perfect, since it was my first real product, but I was very proud of it, not to mention that this got me instantly hooked on coding.

Can you please describe who’s your user/customer? Who’s using your plugin(s)?

What if I told you that we actually have a pretty wide customer base? People interested in our plugins are usually users who are in charge with a single site and want to display a timeline on it, showcasing the company’s history or milestones that occurred in their life.

On the other side, we have another category of users interested in our service, which we didn’t account for initially, consisting of non-profit, universities and government organizations. For example, a few police and fire departments, as well as colleges use our Timeline Express plugin and we’re very proud to provide such a great solution for them! We offer full support for everything they do and also offer a 30% discount to non-profits, schools, and fire or police departments.

How do you monetize?

We opted for the freemium model for our products, offering a free product on WordPress.org, then upsell to either a pro version or add-ons, which extend the functionality of the plugins. You can buy a license in a group of 1, 5 or 10, with the possibility of renewing it yearly. Also, all the licenses and products we’re offering come with a full year of updates and priority support.

Can you share a few numbers in terms of active users/downloads or website monthly traffic?

From this point of view, there’s nothing mind blowing, but we do have a solid and consistent growth rate since the launch.

Currently, we have 10,000+ users for Timeline Express, with an average rating of 4.5 stars, with a large number of them using the free version of the plugin, after coming across it on WordPress.org. Eventually, they opted for an upgrade, in order to get access to support and the additional features.

As for our other product, WP SVG Icons, it has 40,000 active installs and over 110 5 star reviews, being one of the first products we released 3 years ago. It has been a solid solution for a lot of users wanting to add this type of icons to their site, without the need of writing any code or uploading files.

How do you acquire visitors/users/customers?

Most of them come from WordPress.org. We also get a decent amount of organic traffic, but again, the main source remains the WordPress.org plugin repository.

What are your current struggles? How are you planning on overcoming them?

It’s pretty obvious that when you’re a member of such a small team, it’s pretty hard to scale and grow a product base. A big part of the day is dedicated to responding to support requests and answering issues on the WordPress.org forums for our products. For us, it’s easy to introduce a new add-on for the Timeline Express, but when it comes to building out new products, we really have to spend a lot of time for this, so we often find out that our support channels are pretty slow, compared to development. In a nutshell, building new products or feature, while supporting our current ones, has always been a hurdle for our team!

Can you share a tough moment in the course of your business? What were the takeaways from it?

About a year and a half ago, after releasing an update to Timeline Express, we began serving product ads through an RSS feed, the product website, https://www.wp-timelineexpress.com, and displaying them on the admin dashboard on the Timeline Express pages as well.

Shortly after, when things were going quite well, we had a huge spike in the number of users who updated to the latest version, so, instantly, we began receiving tons of support requests to our ticketing system, as well as on WordPress.org. Users were claiming that their sites were extremely slow, while some of them were even inaccessible.

After a bit of research, we found out that we were hitting an RSS feed without actually caching it, without a timeout value and without providing a fallback for then the RSS failed. Now imagine that with over 10,000 active users hitting the RSS endpoint on every page load we were actually getting hundreds of thousands of requests hitting the server. And yes, you guessed it: this took down the Timeline Express site, preventing users from submitting support requests and purchasing new products. Obviously, this would’ve cost us thousands in sales.

One release of our product directly affected our bottom line for around a month and a half, until we sorted all the issues. Eventually, we pulled the RSS feed ads and opted for serving them locally, something which we should’ve done from the very beginning. Lesson learned.

While developing Timeline Express, we had a lot of requests for features that the majority of users would never use. Automatically, this leads to the creation of our add-ons, that run alongside Timeline Express and are compatible with both the free and pro version of the plugin.

Basically, these allow users to keep using the free version, but also pick and choose exactly what they need from our add-ons, in order to develop the exact timeline they need. And instead of packing all these new features into one bloated plugin, we wanted to give them a bit of flexibility.

Our most successful plugin is definitely the Timeline Express – Toolbox bundle, including the Timeline Express Pro add-on at a $10 discount, when purchased together. ($39.99).

As for the pro version, it has some of the most requested features, while the toolbox add-on can be used for controlling things that most users never actually asked for. For example, using a UI in the dashboard, they can specify the timeline date format, as well as announcement image size and many other things.

To our surprise, this has been very well received by customers who want such functionalities, while those who don’t need it just don’t buy it. Practically, it’s a win-win situation for everybody!

What would you say are your biggest strengths?

There’s no doubt that one of our biggest pluses is the support. Actually, we like to believe that we go above and beyond the usual call of duty, providing solutions specific to what our customers need. This often includes CSS tweaks, depending on their theme, or even shifting or filtering functions based on the desire of our customers.

Overall, this is not very hard, but it’s definitely time-consuming. And providing a well thought out and great solution will always take time! If you take a quick look at our support forum reviews, you will see that a big number of them mention that they were delighted with the support we’re offering. And hey, this is something out of which we’ve always made a priority!

Can you tell us a few things about the development process you use? What about some of your favorite tools?

Well, it’s pretty streamlined, but this allows two developers to maintain all of our products. We couldn’t work that efficient with Grunt, a tool able to handle a large number of automated tasks, like minifying/uglifying CSS/JS files, bumping the versions when we have new releases or even tagging and deploying to the WordPress.org repository.

Besides this, we also rely on CI/CD pipelines for code quality checks and automated testing, using PHP Unit. We think that code should remain backward compatibility and should always be QA’d, right before releasing it. Using things such as Travis.CI allows us to test for breaking changes and code that doesn’t fit our standards.

What are your plans for 2017?

Our focus is on expanding our offerings at Code Parrots, by launching a couple of new products that we believe people will actually love. Also, we plan on expanding the product line for Timeline Express, by developing some new add-ons, which were actually suggested by her users. And we really believe that these will pair very well with our main product!

What do you think about the WP ecosystem in general? Where do you think the opportunity lies for the next years?

Oh, I’m one of the biggest WordPress fans ever, but I also strongly believe that there’s still room for improvement. The WordPress.org repo is somewhat of the wild west, as basically anyone can develop a plugin and make it available, but the problem is that there are no checks in place to make sure that the code is written both properly or efficiently, as well as safely.

There are a lot of outdated plugins, with deprecated functions and database queries that are improperly written or don’t pass any safety checks. Ironically, while this is one of WordPress’ strengths, it’s also a big minus!

There’s no way of observing which plugins are actually good, except checking the install and ratings, but these don’t tell everything about it! There is a huge opportunity here and some developers are already attempting to tackle it, but this should be done at a larger level. I don’t have an exact solution for this, but again, this is a big opportunity!

What would you recommend anybody that is looking to start their own WP business?

First of all, anybody who wants to start a WP business should be very passionate about it and care about the ecosystem. Of course, we shouldn’t forget about some long nights…

Be very flexible, listen to what your customers have to say and never be afraid to fail, it happened! Remember that ‘overnight success’ is just a myth. Slow and steady growth, as well as building a loyal user base are what you should be after.