Buba Blocks Plugin Help File

What is Gutenberg?

“Gutenberg” is a codename for a whole new paradigm in WordPress site building and publishing, that aims to revolutionize the entire publishing experience as much as Gutenberg did the printed word. Right now, the project is in the first phase of a four-phase process that will touch every piece of WordPress — Editing, Customization, Collaboration, and Multilingual — and is focused on a new editing experience, the block editor. 

The block editor introduces a modular approach to pages and posts: each piece of content in the editor, from a paragraph to an image gallery to a headline, is its own block. And just like physical blocks, WordPress blocks can added, arranged, and rearranged, allowing WordPress users to create media-rich pages in a visually intuitive way — and without work-arounds like shortcodes or custom HTML.

For more information click here

What are Blocks?

“Blocks” are sections of content on a website, for example, images, videos, paragraphs, etc. Buba Blocks is a series of ‘Blocks’ of the new WordPress block editor, Gutenberg.

How to use the Buba Blocks plugin

Go to Plugins – Add New, then search for Buba Blocks, install and activate.​​
You may also download the plugin using the Download button on this page.
Once downloaded, you can upload the file to your site via FTP, or go to your WordPress site admin, then click Plugins – Add New – Upload Plugin.

Working with Blocks

The Gutenberg editor has only recently appeared and is constantly being updated, so not all the features of our plugin are currently available, but they will be constantly expanded over time. We recommend updating the plugin when updates are released.

We also added 3 ready-made section templates: Hero, CATS and Review.

To add them, click Add block -> Patterns->Sections and select the appropriate one.

The details are shown in the screenshot below.

Adding a new block to the editor

Click on the ( + ) sign once and a window will appear with a list of available blocks. If you enter buba, the available blocks and patterns of the Buba Blocks plugin will appear. You can also find them in the search bar by entering the name in part or in whole. Click on the required block to use it.

One of the main advantages of the Gutenberg editor is to see the elements and their display and at the same time style them in live mode. When you add a block, you will see the placeholder block and a menu with settings.

Changing block settings

Each block has its own settings, which can be in the Inspector. Inspector is a sidebar panel that appears when you click on each of your blocks. As you can see in the screenshot, we have different settings for each block.

The settings for each block are unique, even if there are several of them on the page. The settings are applied to the selected block. This allows you to use the same block many times with different settings.

Block alignment settings

Some blocks have a position setting and it is available at the top above the blocks. This setting allows you to align elements on the X-axis.

Buba Block Descriptions

Button with icon Block

We have added new functionality to the standard button block, so you can choose which icon to use inside the block.

Info box block

Card block empowers you to have more flexibility in colums customization and build list with images and text.

Full-width slider Block

Full-width slider block offers a simple slider block for WordPress with the ability to modify navigation styles, the size of slides and animation effects.

Slider Block

Slider Block allows you to create slideshows with animated layers and custom sizing.

Section Block and Container block

Container and Section Blocks allow you to assemble multiple blocks into one parent element and style them as you require. For example, you can create a section with different margins, background, and different number of columns. You can also scroll to the block below ( for the Hero block).

Accordion Block

Accordion Block brings accordion tabs you can use to build FAQ sections and categorize information with Gutenberg blocks. The headings are customizable. You can put any content inside the accordion using other Gutenberg blocks.

Maps block

Now its easy to locate your location with our google maps element , here are some of the possible ways to display the google maps

Posts Grid Block

List all your posts in a beautiful layout with different options by using our social share element. 

Social Share Block

Want to encourage users to share your page and drive traffic? Use our Social Share block of Buba Block for Gutenberg to add social share icons on your pages.

Table Of Contents

Table of content allows you to create a summary of the post for users of your site with the ability to go to the desired section.

Learn more about Gutenberg

You can find out more information about the Gutenberg editor here.