Philip's Web design blog

eCommerce Hosting Review

“The world’s fastest and most secure WordPress eCommerce platform” That quote comes directly from the WP Engine website. WP Engine offer premium eCommece hosting, but should you invest? I think so. WP Engine offer premium quality WooCommerce hosting. It’s not designed to be the cheapest option. It’s designed to be fast, secure and to offer … Read more

Genesis Pro by StudioPress a Review

Genesis Pro by StudioPress is a yearly subscription package that includes… The Genesis Framework. 10 StudioPress made themes. Genesis Pro plugin. Genesis Custom Blocks plugin. Your Genesis pro subscription includes StudioPress made themes. But it does NOT include the third-party themes listed on the StudioPress website. Genesis Pro also includes two new plugins, Genesis Page … Read more

How to Write and Publish a WordPress Post Using the New Block Editor

After your site is built… The first thing you need to know is how to Write and Publish a WordPress Post. This page will help you get up to speed fast. These links scroll directly to the section you need. YOU can write and publish your own WordPress postsAsk your web designer to make your … Read more

Mai Reach Theme

Mai Reach theme is a new theme from BizBudding, the people behind the Mai Theme engine. Mai Reach has many easy to use features that add pizazz to your website and your web pages. For instance there’s the new shapes block. This makes it really simple to add any one of five different shapes to … Read more

Twenty Twenty Theme: a great choice for service professionals

Twenty Twenty theme is free and provided by the WordPress team. If you need a free theme for your service business website. It could be just what you’re looking for. There is a website all about Twenty Twenty at… Twenty Twenty Theme.com Can Twenty Twenty theme deliver what you, as a service business owner, want … Read more

Changing WordPress Themes Using StudioPress Automatic Set Up: Some important points

Please Note! If you change WordPress themes using the auto install feature, WordPress and Genesis will add some new pages to your site. They will also add a new navbar, or add links to your old navbar. If you have an established site you might want to remove these. Watch the video for more details. … Read more

Monochrome Pro Theme Additional CSS Classes | A Tutorial

Monochrome Pro theme by StudioPress has been updated and now has a blocks based homepage. (I have more Monochrome Pro tutorials.) The automatic install homepage of Monochrome Pro now uses the Atomic Blocks container block. The StudioPress demo site and the auto-install homepage look like they are built from page sections. The sections alternate between … Read more

Container Block | Atomic Blocks Tutorial

What is the Container block? (PS. I have more Monochrome Pro tutorials.) The container is part of the Atomic Blocks plugin and it lets you divide up your page into sections. So for instance you could have a hero section with a h1 heading, paragraph of text and then a button. This is a very … Read more

Monochrome Pro theme has automatic setup

Monochrome Pro Theme by StudioPress With Automatic Setup

Monochrome Pro theme by StudioPress now has an automatic setup option. (I have more Monochrome Pro tutorials.) First watch the Monochrome Pro theme setup video. This gives you a good idea of how the automatic setup works. Monochrome Pro theme homepage settings Monochrome Pro theme now uses an automatic homepage setup system. You can choose … Read more

CSS basics for Gutenberg and Atomic Blocks

Before you start this CSS basics for Gutenberg tutorial, visit my demo page that goes with this tutorial. Gutenberg and Atomic Blocks are styled differently on different themes. I used the Revolution Pro theme by StudioPress in my demo. The blocks will probably look different in your theme, especially if you have an older theme … Read more

Revolution Pro theme by StudioPress

Revolution Pro is the first StudioPress theme to automatically set up the front page for you . You click a big blue button and WordPress sets up the front page just like the demo site. If you’ve watched the video you’ll already know how easy it is. I like Revolution Pro theme so much that … Read more

Build a Simple Homepage with Atomic Blocks and Gutenberg

There are six videos on this page… Video 1: The Header Section Video 2: The Logos Video 3: Headline and Paragraph Video 4: The Case Studies section Video 5 : The Call to Action block Video 6: Width Settings To build this homepage we’ll be using both Gutenberg blocks which are built into WordPress 5 … Read more

Gutenberg Post Editor | The Basics

With WordPress 5 you now have the choice to use the new Gutenberg post editor. In this video I explain briefly how to use this new post editor.

Your first 5 minutes with the new block editor

This is important! Please read carefully!

/ use the forward slash

Access commonly used blocks by typing a forward slash as the first character in the block editor.

Moving to the new WordPress post editor

In the old post editor you could see the toolbar above the text you were editing. This was like a using word processor.

In the new block editor the toolbar is hidden.

Blocks available in the WordPress block editor

In WordPress 4 the post editor looked like a word processor.

You typed your text and then highlighted a section to apply formatting. For instance, you could make the text bold or display your text as list items etc.

When you type into the new block editor you see plain text. You do not see any formatting options until you hover your cursor over the specific block you’re editing.

WordPress Block Editor Settings

First we’ll look at the settings for the Cover block. The settings are similar to many other blocks.

Common Blocks

The best way to understand how a block looks is to see for yourself. So I’ve included some screenshots of the most commonly used blocks on this page. However! when I wrote this post, I was using the classic editor on this site, so to see some live examples of the block editor in use, … Read more

Business Pro Theme Setup Guide

To set up Business Pro theme like the demo just follow this guide… Important First, make a new page and call it Home. Do not add any content to this page! Then go to Dashboard > Appearance > Customise > Homepage Settings In the Your homepage displays: section, choose A static page. If you’ve made … Read more