3 Getting Started
Ajit Bohra edited this page 2025-08-28 11:20:32 +05:30
This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Introduction

The Blablablocks Tabs Block is a powerful yet simple block for creating horizontal or vertical tabs directly inside the WordPress Block Editor (Gutenberg). Its built with the philosophy of staying close to WordPress core so if you already know how to use blocks, youll feel right at home. With it, you can:

  • Create tabs using any core or third-party blocks.
  • Start from ready-made patterns or blank structures.
  • Fully control design and responsive behavior without leaving the editor.

Key Features

  • Native Block Editor Experience - No separate interface to learn.
  • Works with Any Block Core, custom, or third-party blocks.
  • Design Patterns Quick-start layouts to save time.
  • Variations Pre-structured blank sliders for flexibility.
  • Full Scratch Build Create your own from zero.
  • Design Controls Adjust spacing, colors, alignment, etc.
  • Icons add an icon to the tab.
  • Direction - create vertical or horizontal tabs

Installation

Automatic

https://github.com/user-attachments/assets/2e46ebda-7a4c-413f-96da-85d9bd2cf2d2

  1. Go to Plugins → Add New in your WordPress dashboard.
  2. Search for Blablablocks Tabs Block.
  3. Click Install Now and then Activate.

Manual

https://github.com/user-attachments/assets/c25fb964-2ab4-48b8-a405-e6a94451a594

  1. Download the latest release
  2. Go to Plugins → Add New in your WordPress dashboard.
  3. Upload downloaded release blablablocks-tabs-block.zip.
  4. Click Install.
  5. Click Activate.