WordPress Training & Consulting, WordPress Tutorials

Design WooCommerce Product Pages with WooBuilder Blocks

A lot of online stores look very similar these days. It’s not really a WordPress-specific issue – websites in general kind of look the same. When it comes to ecommerce, WooCommerce has become the default plugin to use because of its enormous power and market penetration.

But if you install WooCommerce and do nothing else, everything does look the same. Even if you use an ecommerce theme, in many cases the product galleries are laid out the same way, the information is organized on the page in the same way etc.

Some themes do offer more unique and creative layouts. But if you’re someone used to using page builders, for example, or you want to be able to customize your product pages without switching themes, you’ll need a plugin to help you. And honestly the state of this in WordPress is not as advanced as I was anticipating.

Given that page builders are a fairly mature concept at this point, I was expecting to find some really good ones dedicated to WooCommerce. That’s not really the case. So I’m going to do a series of posts where I test out some of the available options for customizing your WooCommerce product pages.

What’s Making Our Websites Slow? We Are!

Audience: Beginners, Developers, Intermediate
Speed Optimization
0 Comments

This is the blog post that accompanies a talk I gave at WordCamp Seattle in 2019. You can see the slides here. The video of the talk is up on WordPress.tv

Additionally, the HTTP Archive Web A l manac was published around the same time so I’ve also interspersed some of the insights from that report since they dovetail really nicely.

Providing excellent context for this post, the CMS chapter shows how sites built with a Content Management System (and WordPress sites comprise almost 75% of those in the report) tend to:

be more bloated with heavier page weights
use more 3rd party resources
use heavier images

Additionally it reported that WordPress sites tend to have slower performance metrics.

Now this is not really the fault of WordPress itself, it’s really due to what we site owners have done.

While it’s possible to build bloated pages and use techniques to make them seem fast, that shouldn’t be the goal. Let’s just build lighter pages to begin with!

How to Update Old Content on Your WordPress Site

Maintaining a steady flow of traffic to your WordPress site isn’t only dependent on constantly producing brand new content. Updating old content is a great practice to keep benefitting from the posts you’ve already worked on. It’s possible to take advantage of Google’s freshness algorithm and generate a new burst of traffic for the updated content, as well as provide a better user experience for visitors to your site ensuring they never find old or irrelevant information.

In this post I’ll cover:

The easiest way to update existing posts in WordPress
How to push your content to the top of your blog feed again
How to let Google know your content has been updated without pushing it to the top of your blog feed again

Google PageSpeed Insights – A Guide for WordPress Users

Google PageSpeed Insights Guide for WordPress Users

Listen, let’s keep it real, PageSpeed Insights is a tool best used by developers. Its intentions are good but it’s not targeted at the average WordPress site owner. Even with the recent introduction of some WordPress-specific messaging, many aspects of the report are too technical to be clearly actionable.

In this guide I’ll try to translate what PageSpeed is talking about and let you know which factors you can control, as a WordPress site owner, and which you can’t.

The basic principles that PageSpeed Insights is trying to communicate are:

Keep your pages light and simple.
Avoid unnecessary fanciness.
Consider mobile users, particularly those who pay for every byte of data.

These are solid principles but PageSpeed communicates them in somewhat obscure ways.

How to improve the Time To First Byte (TTFB) of your WordPress site

Audience: Beginners, Consultants, Developers
Speed Optimization
0 Comments

The Time To First Byte (TTFB), or server response time, of your WordPress site can be an important indicator of performance. It doesn’t represent the whole picture, but a very specific part in the process.

Time to First Byte is a measure of how fast your server responds when someone tries to visit a page on your site. Specifically, it’s measuring how long it takes from the time the browser asks the server for the page, to when the browser receives the first piece of data from the server.

Visitors want sites to feel fast, so the sooner some meaningful content is displayed on the screen, the better. TTFB can influence this – the faster the server responds, the faster content can get to the user.

Help! My WordPress Site Looks Different! And other tales of upgrading to 5+

In the past few weeks, several people have emailed me in various stages of panic about the new look of their WordPress admin area. They had updated to WordPress 5+, which features the brand new Block Editor AKA Gutenberg, and were flummoxed by the new changes.

The new editor transforms the post editing screen from this:

To this:

If you’re not expecting it, or if you’ve learned to do certain tasks on your site a specific way, this could be really confusing and stop you in your tracks.