Show a WordPress Video in a Lightbox with Advanced Gutenberg

Lightbox Gutenberg

Inserting a YouTube or Vimeo video in your WordPress site is easier with Gutenberg than it was with the old Classic Editor.

Videos are always useful in a web site. They provide trust in your content, and with the right design approach, they also are an essential part of the user interface and user experience of your site. 

This tutorial will explain to you how to insert a video in Gutenberg, and how to add some advanced features including a lightbox.

Continue reading


How to Add a Call-to-Action Button to the Gutenberg Editor

Cta Buttons

A CTA Button (call-to-action) is essential for the health of your business.

A call-to-action is intended to drive the user to a specific action, to complete a conversion. This conversion can be many things, such as signing up to a newsletter, buying an product or redirecting the user to the paid area of the site. 

A good call-to-action meets certain requirements, including these:

Continue reading


How to Show Content in an Accordion with the Gutenberg Editor

Accordions

An accordion layout allows you to pĺace large quantities of text on a reduced space.

Your site's visitors can get overwhelmed when presented with too much text to read at once. If you use an accordion layout, your visitors can scan and look for the information they need. An accordion is perfect for Frequently Asked Questions, or show specific details in a product you're selling.

Continue reading


Use the Columns Manager in Advanced Gutenberg for WordPress Layouts

Columns Manager

One of the big promises for the Gutenberg editor is that it will be easier forr you to create layouts.

That is very true with the Columns Manager block in Advanced Gutenberg.

With the Columns Manager, you can choose from many different column layouts to present your content. After choosing a predefined layout you can able to tweak everything related to every single column, like margin, padding, borders, and even the width of the column itself.

With this in mind, we are going to create a basic card layout in this tutorial. Card layouts usually contain small amounts of relevant information, and most of the time, they have a link redirecting the user to another page on the site.

Continue reading


What is Gutenberg Phase 3?

Gutenberg 3

Matt Mullenweg introduced the Gutenberg project at WordCamp US in late 2016.

If you want a big picture overview of why Gutenberg was built, I recommend Matt's post, “We Called it Gutenberg for a Reason“.

We are nearly 4 years into the project now, and are not yet half-way through. The Gutenberg project is split into 4 phases and we're currently in Phase 2.

Continue reading


AsBlocks Shows The Future of Collaborative Editing in WordPress

Comment Header

Here at PublishPress, we’re focused on the publishing experience in WordPress. And lately we've been learning about new publishing features that may be coming to the new editor in Gutenberg Phase 3.

Back in November 2019, we wrote about collaborative Google Docs-style editing in WordPress. This image gives a good idea of what we're talking about with multiple people collaborating on the same document:

Continue reading


How to Add Your Own GIFs in Gutenberg

Earlier this week, I was writing a post with the new Gutenberg editor in WordPress.

I wanted to add several GIFS to the post. However, it was a really frustrating process.

First, there is no “GIF” block in Gutenberg, so that wasn't an option.

Continue reading


Professional publishing plugins for WordPress! Get PublishPress