fbpx

WordPress Block Editor Tips You Need to Know

WordPress Block Editor
Photo: kinsta.com

The sudden launch of the WordPress block editor caught many by surprise. Those in the know realized that the swap was inevitable. As we’ve talked about before, WordPress blocks are the future of the platform. However, many were left scrambling to discover how this new system works in time to keep their websites going.

Even months after the swap to the WordPress block editor-style, questions still remain. This new system may be fantastic, but WordPress fell short when it came to explaining it all. So many are left exploring the possibilities even when they should feel comfortable with this new kind of editor.

That’s certainly annoying, but there is good news. It turns out that many of the best features of this new editor have been discovered. Even better, most of them are easy to use. It’s really just a matter of knowing where to look in the new interface.

Here are some WordPress block editor tips that will help you access the new editors’ best features and get the most out of its abilities.

Carefully Consider Line Breaks

This is more of a general WordPress block editor tip, but it’s something that will help you throughout.

In the block editor, line breaks create new blocks. That means new paragraphs are new blocks, but it also means videos, embeds, and tables are blocks as well. As we’ll soon discuss. Considering where you create new blocks matters because of the ways you’re able to interact with each block. Create a new block in the wrong place, and you may accidentally limit your options.

The point is that you’ll need to carefully consider each line break and ensure that content you want to be in the same block is in the same block..

Understand What Document Settings Can Do for You

Over the next two WordPress block editor tips, we’re going to be talking about two different kinds of settings: Document Settings and Block Settings.

When you’re looking at your entire post, the setting bar to the right defaults to “Document.” This section contains options and information related to the entire document. It’s similar to the old sidebar in that respect. It even features some of the same old options (such as Featured Image and Tags). It just compiles that information in a more concise way.

You won’t rely on this section in its basic form too much, but it’s important to scroll through it before you publish a post to ensure that everything is right.

Explore the Settings for Each Block

This is one of the most important WordPress block editor features that is easy to miss your first time around.

While the sidebar to the right of your document defaults to “Document” settings, it also features a tab for “Block” settings. You just have to swap tabs in order to change settings. However, it’s important to realize that each block has its own settings. That means that the setting options in this area will change based on which block you’re currently selecting.

It’s vital to check the settings options for each different kind of block in your article. You’d be amazed by what you can miss by not exploring this area.

Search for Pre-Built Blocks

One of the most annoying things about the WordPress block editor is how it doesn’t show you its hand right off the bat. By that, we mean that many of the editor’s best features aren’t readily available.

That’s certainly true of blocks. Many of the default WordPress block types aren’t actually default. You’ve got to search for them in the search bar included within the editor. Once you know what to look for, you can add a variety of ready-to-go blocks to your toolbar.

Don’t know what blocks you should be looking for? Check out our post regarding some of the best default WordPress blocks that the service currently offers.

Check out WordPress Block Editor Plugins

We love plugins. They’re one of the best ways to expand the functionality of your website. From online stores to enhanced security, WordPress plugins can do just about everything.

It just makes sense, then, that there are plugins designed specifically for the WordPress block editor. While various such plugins exist, the ones that you really need to know about are those that add more block types to your website. It’s possible to get these blocks elsewhere (or even make your own), but this is one of the easiest ways to access them.

So which plugins should you download? Again, there’s no shortage of options, but these are the ones that we highly recommend:

Atomic Blocks – A collection of new blocks and other missing features
Stackable – Another collection of blocks featuring some of our favorite options
Kadence Blocks – Along with an expanded collection of blocks, this plugin lets you access new design elements.
Block Gallery – This is practically a must-have plugin for anyone who wants to access entirely new photo options in the block editor.

Learn to Love Columns

Simply put, it wasn’t easy to create columns in WordPress “Classic.” The formatting was a nightmare and even the best plugins only helped so much. This led many to ignore the option entirely.

Thankfully, WordPress block editor finally makes columns viable. All you have to do is insert a columns block in your article. If it isn’t available by default, just search for the columns block in the search bar. From there, you just need to fill in the requested information in order to create columns.

Why is this a big deal? For one thing, columns are a great way to display concise information. Furthermore, they’re still something of a formatting novelty. That means that your site will instantly stand out just because you feature them.

Embed Through URL, Not the Embed Code

Here is one of those strange changes that WordPress never really explains. Naturally, that creates a lot of confusion for those using the WordPress block editor.

In the old days, you had to use an embed code to insert everything from tweets to YouTube videos. Now, though, we have blocks for nearly every form of popular online media. When using one of these blocks, you just need to insert the URL of the media and not the embed code.

Does that make old embed codes useless? Not exactly. You can still use them in the Classic editor and other code-based formats. However, you don’t lose any functionality by using media blocks, so you’re really better off taking advantage of this feature.

Check Out HTML Blocks

Speaking of HTML, you may be wondering where it’s at in the WordPress block editor. Well, it does exist. However, most users will find that the blocks replace most of the old HTML functionality.

There is one exception to that general rule, though. One of the pre-set blocks in the block editor lets you create HTML blocks. This is basically where you enter the old HTML code you would have used in previous versions of WordPress.

Even if you don’t know HTML, you can use this block to help use other people’s custom code creations. Definitely keep this option in mind if you feel like you’re looking for a kind of block that you just can’t find.

Try Out The Fixed Toolbar

One of the most immediately noticeable differences between the WordPress block editor and the classic mode is the lack of a toolbar. It used to be that the toolbar contains everything you needed. Now, those features are spread throughout the blocks.

However, there is a way to get the toolbar back. At the top of the block editor, you should see three dots. This settings menu will present you with an option for a unified toolbar. Choosing this option will install a modified version of the classic toolbar within the new editor.

Is it worth it? The answer there will vary from person to person. However, our general feeling is that you’ll soon learn you don’t really need this feature. That said, it’s nice to have.

View the New Keyboard Shortcuts

Listing and describing all of the WordPress block editor shortcuts would be an effort. There are a ton of them and they make using the editor much easier and far more enjoyable.

The good news is that you don’t need a third-party reference for these shortcuts. By clicking the three dots on the top right of the block editor, you can access a list of keyboard shortcuts. This list will show you some of the most common shortcuts available in this editor.

From what we can tell, this doesn’t seem to be a complete list of shortcut options. However, it does offer a selection of most of the shortcuts that most users will ever need.

Save (and Use) Reusable Blocks

Welcome to one of our absolute favorite WordPress block editor tips. This is the one that users of all levels will want to utilize.

If you’ve created a new block (or block template) you want to be able to quickly access again, there’s a way to do that. You just need to choose the block you want to create and click on that same three dots settings button found on the top right. From there, you should see an option to create a reusable block. Choose that option, name the block, and you should be able to quickly access it from the block menu.

This is the one feature that lets you truly grow the block editor over time. Be sure to not ignore it.

Be Sure to Use the Advanced Preview Button

The WordPress classic editor did feature a preview button. However, it was quite bad. That might actually be selling it short. It was just north of being unusable for the purposes of actually previewing your finished article.

If you’ve gotten in the habit of ignoring the preview button, it’s time to break it. The WordPress block editor preview button shows you an accurate preview of your custom post. This is a fantastic way to see how blocks actually look in a published format.

Again, we highly recommend getting into the habit of using this preview button if you haven’t been up until this point.

Drag and Drop Images From PC

Let’s face it. Adding images to the classic WordPress editor was an unfortunate process that required superfluous steps. Users have long asked for a simple drag-and-drop image upload option.

Thankfully, that’s what the WordPress block editor offers. First, you need to create an image block. Next, find the image you want to upload on your computer. Finally, just drag the image file to that block and you’ll automatically upload it.

Just know that you’ll still need to play with the settings of the images you upload via this method. Even still, it’s the easiest way to upload images.

Use Shift+Enter to continue a text block

We talked about accessing keyboard shortcuts in the WordPress block editor in a section above. However, there’s one shortcut that we need to highlight.

By hitting Shift+Enter, you can create a paragraph break in your text without creating a new block. You may be surprised by how useful this seemingly simple feature is. After all, there are many times when you may want two text paragraphs to share the same block formatting. This seems to be the easiest way to access that functionality.

You’re probably going to be using this shortcut quite a lot, so be sure to get used to it as soon as possible.

Explore the Sub-settings

We talked about how each block in the WordPress block editor has its own settings. However, settings in the WordPress block editor go well beyond that.

For instance, creating a heading doesn’t automatically allow you to set what style of header you want. That typically has to be done via the header subsetting that appears on the right after you’ve chosen the header option.

That’s really just one example of this feature. The truth is that the WordPress block editor hides a lot of features via these subsections that require you to select certain elements first. It’s worth playing with the most common formatting elements in order to see just what is available within the editor.

15 Tools to Help You Find Trending Topics

Trending Topics
Photo: searchenginejournal.com

Trending topics are often the lifeblood of any website looking to grow and increase traffic. By covering such topics, website operators give themselves a far greater chance of reaching a wider audience.

You probably already know all of that. Instead, the question you’re probably asking is “How do you find those trending topics in the first place?” We’d even go so far as to say that’s the question which sometimes keeps you up at night.

That’s what we’re going to help you with today. While it may seem easy to just write about what everyone is talking about, the truth of the matter is that effectively identifying and covering trending topics often requires the help of these incredible tools.

(more…)

WordPress Blocks You Should be Using in 2020

WordPress blocks have changed the way we create online content. As we’ve mentioned before, WordPress blocks essentially simplify formerly complex WordPress functions. In a short amount of time, they’ve become one of the best ways to manage a variety of formatting functions.

That said, they’re also a relatively new way to use WordPress. As such, there are still many WordPress users who don’t know how many WordPress blocks are available to them. While the truth of it is that there are few limits to what you can accomplish with WordPress blocks, we thought we’d simplify things a bit by focusing on the essentials.

Here are some of the WordPress blocks that everyone should be using in 2020.

(more…)

19 Evergreen SEO Rules You Need to Know

SEO Rules
Photo: medium.com

SEO rules are constantly changing. Major websites have entire departments dedicated to keeping up with them. It never gets easier to keep up with what search engines expect from you if you want to achieve high rankings. For many small websites, the SEO chase is a source of constant frustration.

Yet, there are some things that never change. There are actually SEO rules that never go out of style. They’re rare, but they’re also some of the most important. These are the rules that basically form the foundation of the SEO system. The more you follow, the better you’ll do.

These are some of the most vital evergreen SEO rules that you need to know about.

(more…)

Why Block-Based Themes Are the Future of WordPress

block-based themes
Photo: cmarix.com

Block-based themes are quickly becoming the talk of WordPress users everywhere. Many say they are the future. Some argue that they’re the present. One thing that most people seem to agree on is that block-based themes are not going anywhere anytime soon.

Most people, though, are left asking one simple question: What are block-based WordPress themes.

For all the talk about block-based WordPress themes, few people are focusing on trying to explain them. By that, we don’t just mean telling you what one is; we mean explaining why this is something you should be keeping your eye on.

That’s what we’re here to do today. Join us as we break down what a block-based theme is, why you should care about one, and how they may help you build and grow better websites.

(more…)

New WordPress Business Theme: Scaleup

We’re very happy to announce that a new WordPress theme called Scaleup has been released.  Scaleup is a clean and responsive theme for business-related sites. The Scaleup theme is excellent for businesses to promote their services along with a blog feature to educate their clients. The theme is fast, elegant, and SEO friendly. It integrates with the Elementor Pagebuilder and is optimized to work with Gutenberg..  Below is a snapshot of Scaleup:

 

(more…)

Latest Download Speed Tests

In order to backup the claim of delivering the most responsive themes,  speed tests are run for all of our recently released themes.  As we optimize them in terms of SEO, we realize that a key factor is fast-load times (We also continually test our own site to optimize it with the most recent wordpress developments).  As the internet traffic continues to increase and more mobile-users are on-line, it is becoming vitally necessary to benchmark the speeds of our themes.    In the speed numbers presented below, please note that they are not constants.  There are several major factors beyond our control that could affect your site’s speed:  your host server, the content (especially the images), and the plug-ins that you are using with your themes.   In terms of hosting, we recommend WPX hosting.   We are very ecstatic about the speed of the servers as well as their customer service .   Their 24/7 on-line chat with a live customer support representative resolves problems within minutes.

(more…)

Happy Themes Latest Speed Test Results

As a seller promoting our collection of responsive themes, it would be rather hypocritical if our own theme was not fast-loading.   Throughout the years, we have continually optimized our own theme to integrate with new technologies resulting in the speed test results below as of April, 2020.  If you would like us to help optimize the speed of your site, please do not hesitate to email us.

(more…)

Big Changes to HappyThemes

Happy 2018! We’re glad to announce some big changes to HappyThemes: From now on we’re providing FREE versions for all our current and upcoming premium WordPress themes. You can use our free WordPress themes without any cost, or upgrade to our premium versions for more awesome features.

What happened to our existing customers?

No changes. Paid customers can always access the Pro & Free themes from our member area. We have 17 WordPress themes before we published this post and we renamed all these themes to Pro Versions without feature changes. We reduced a few features from the Pro themes and make them as Free Versions. So there is actually nothing changed for existing customers, you don’t need to re-download or re-install your existing themes.

Why we provide free versions?

Because we want to attract more users try our themes. Free themes are good for beginners who only want a simple theme or those who want to test our theme’s quality before they pay for the Pro versions. However, only the Pro versions come with all great features and our professional theme support. So we recommend to everyone that if you like our themes, just join us at a very affordable price.

If you still have any questions regarding our site changes, feel free to contact us.

 

Thousands of customers are already building their websites with our stunning WordPress themes.

Low cost, pay one-time and enjoy all of our WordPress themes.

50% OFF Coupon Code: SAVE50 Join Now
50% Off Coupon Code: HAPPYTHEMES Get Lifetime Membership