How to Use the WordPress Event Block by Automattic

by | Jul 29, 2021 | Etcetera | 0 comments

Automattic, the guardian corporate for WordPress, has already revealed one of the vital maximum well known WP plugins in the market. WooCommerce, Jetpack, Akismet, BuddyPress, bbPress…and the listing is going on. Now, they’ve added another powerful plugin to their already-long list: Tournament Block. It’s a shockingly easy technique to let your customers know what you will have arising.

What’s the Tournament Block?

In contrast to many new blocks with WordPress 5.8, the Tournament Block needs to be installed manually through the plugin repository as a substitute of the block listing within the editor itself.

event block by automattic

The essence of Automattic’s fashionable design philosophy is in complete swing with this plugin. It’s easy, easy-to-use, and classy. Simply navigate to Plugins to your admin panel and seek or add to put in it. It’ll then seem to your plugins listing as Tournament.


The block itself permits you to upload descriptions of occasions, occasions and places, and upload footage to the cardboard that presentations in your guests. Moreover, you will have block-specific choices and settings that you’ll be able to alter to make the block higher suit your web page’s design and the development you’re showing’s glance.

Easy methods to Upload the Tournament Block in your Submit or Web page

After you have the plugin put in, including the Tournament Block in your web page is a cinch. Within the WordPress Block Editor, merely press the + button so as to add a brand new block. You’ll be able to to find this button within the peak toolbar or to the suitable of any empty block.

add a new block

The block variety sidebar will seem. You’ll be able to to find the Tournament Block within the Widgets segment when you scroll via and skim all of the set of put in blocks. You’ll be able to additionally seek for occasion to seek out it in an instant. (Observe that on the lookout for occasions does now not pull up the block.)

event block in search results

Each and every block presentations a card for a unmarried occasion. In case you are making plans on the usage of this to show a pageant or collection of occasions (such because the showtimes of a play that runs a couple of days), you are going to both want to come with that knowledge within the description or create a couple of playing cards for each and every particular person display.

Tournament Block Settings and Choices

As we stated above, one choice this is now not integrated is with the ability to exhibit a sequence of occasions. Technically, now not with the ability to exhibit a variety of dates. With that stated, let’s take a look at precisely what the Tournament Block plugin can do.

See also  How to Make Money with AI in 2023 (14 Ways)

base block

To set the date for the development, merely click on the Make a selection a Date button. A pop-out calendar seems on which you’ll be able to select whichever date and time your occasion is going on. If you happen to don’t make a selection a time, it defaults to the time at which you selected the date. The date will then exchange the button and seem within the top-left nook of the block.

event block date

The opposite fields—name, location, and description—are merely textual content bins through which you kind the pertinent knowledge. They’re lovely self-explanatory in nature.

title, location, and description

A significant problem of this card, despite the fact that, is that the places aren’t clickable. To have them hyperlink to a map, it is very important come with it one after the other within the put up the usage of a block or different means. Telephone numbers are clickable on cellular by means of default.

We will have to word that you’ll be able to link any textual content within the description or location bins. Which means that when you cross to Google Maps and enter the development’s location, you’ll be able to take the URL for that seek and create a link the usage of the positioning textual content if you select. It’s now not a super answer, however possibly the most productive one you will have with out including different plugins.

The Tournament Symbol is basically a picture block positioned along side the development block. It’ll stretch to suit the block. You’ll be able to alter the point of interest of the picture within the block settings to the suitable by means of positioning the blue circle beneath the Focal Level Picker heading.

image and settings

Underneath that’s the Colour Settings segment. You’ll be able to alter the block to appear alternatively you select with those, environment a background and textual content colour for all of the block.

color settings

Thankfully, the editor has a caution for other folks with a not-great eye for colour combos and can provide you with a warning if your selected mixture is difficult to learn.

Possibly the most suitable option for the Tournament Block is that you’ll be able to upload sub-blocks into it. Merely press input/go back after the outline, and you are going to get some other + button identical to within the base editor. From right here, you’ll be able to upload any choice of different blocks throughout the occasion itself. Even different occasions.

events within events within events within events within events

Each and every particular person part inside the occasion block will also be adjusted for my part. You’ll be able to deal with your newly created occasion block like a smaller content material house of the put up or web page you’re already running on. Each and every sub-event could have its personal design and symbol, in addition to each and every paragraph block or anything. The choices for the blocks will all seem to the suitable within the block choices sidebar relying on which block you will have decided on.

See also  How to Optimize Your Responsive Logo Sizing in Divi’s Fullwidth Menu Module

The overall choice for the development block plugin is whether or not making a decision for the development itself to show as a center-aligned part or to stretch the width of your content material house.

content width

Within the context menu, the alignment icon offers you the number of both. Irrespective of which you select, any sub-blocks that you’ve got created inside will alter themselves to house the alternate. Photographs will nonetheless center of attention the place you point out, however they’re going to amplify and show extra of the bottom symbol if the width permits.

Guidelines and Absolute best Practices for The usage of the Tournament Block Successfully

The Tournament Block plugin is modest and robust, and you’ll be able to do so much with it. Listed below are a couple of tricks to make certain that your stand out in your visitors.

1. Use Colour

Don’t let the colour choices cross to waste with the development block. Profit from with the ability to alter the design as a way to supplement your web page design in addition to different blocks inside the occasion and at the similar web page.

And when you use blocks inside the occasion block itself, be sure you taste them to stand proud of their container in order that your customers can be much more likely to note them.

2. Use Correctly Sized Photographs

Photographs could make or smash an occasion, in point of fact. In case your occasion doesn’t glance thrilling or attractive, individuals are much less prone to wish to attend. Make sure that you utilize top quality photographs that paintings to constitute your occasion in quite a few configurations and dimensions. For the reason that photographs are responsive and alter their placement in keeping with the distance they’ve, it’s imaginable to arrange a grainy {photograph} of not anything particularly.

At all times check your photographs to verify they show smartly in a couple of sides.

3. Take Benefits of Sub-Blocks

Don’t be afraid so as to add complimentary blocks inside the occasion itself. Positive, you’ll be able to upload some to the web page content material, however if you wish to ensure eyes on that knowledge, embedding it inside the occasion block is one of the simplest ways to do this.

See also  Development Nearer Shopper Relationships with Flywheel Expansion Suite

For example, you’ll be able to use the Divi block inside an occasion to make use of our Maps module since there’s now not one default in WordPress, and the development block doesn’t render clickable addresses by means of default. (Keep in mind, too, that you’ll be able to use a link to stick a Google Maps URL to the positioning if you select.)

4. Experiment with the Patterns Tab

WordPress 5.8 presented the Patterns tab to the editor. Together with the Tournament Block plugin, you’ll be able to make some very gratifying web page designs with little or no effort.

patterns event block

In any state of affairs the place you want to upload a block, you’ll be able to make a selection the Patterns tab within the left-hand sidebar. Settling on one will upload it in your template, and you’ll be able to cross from there. Within the symbol above, we merely added an occasion block to the ground of each and every column the development installed, in addition to one in a default web page column. For the reason that Gutenberg editor permits for adjustment all over the place, you’ll be able to experiment with developing your individual Patterns, too. That method, your occasions received’t get misplaced in an ordinary grid or listing lineup.


The Tournament Block plugin won’t noticed powerful in the beginning. However with a bit of considerate design and poking throughout the choices, you’ll be able to spruce up any web page with one. With sub-blocks of a wide variety to be had and the power to nest different occasions within it, the development block is certain to fortify on the subject of any roughly web page. Whether or not it’s an in-person occasion, a digital celebration, and even only a placeholder for a large announcement, this plugin is most probably the best way to do it.

What varieties of issues have you ever accomplished with the Tournament Block plugin thus far?

Article featured symbol by means of Viktoria Kurpas /

The put up How to Use the WordPress Event Block by Automattic gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment