Title: Simple Tabs Block
Author: CloudCatch
Published: <strong>26.04.2022</strong>
Last modified: 09.06.2025

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://ps.w.org/simple-tabs-block/assets/icon.svg?rev=2930254)

# Simple Tabs Block

 Від автора [CloudCatch](https://profiles.wordpress.org/cloudcatch/)

[Завантажити](https://downloads.wordpress.org/plugin/simple-tabs-block.2.3.0.zip)

 * [Деталі](https://uk.wordpress.org/plugins/simple-tabs-block/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/simple-tabs-block/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/simple-tabs-block/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/simple-tabs-block/#developers)

 [Підтримка](https://wordpress.org/support/plugin/simple-tabs-block/)

## Опис

Simple to use block to create tabs within the block editor. Each tab supports the
capability to use any type of block within the content to create robust layouts.

This plugin introduces minimal styling and therefore likely will require custom 
styling in order to achieve the desired look and feel for your tabs.

Supports horizontal and vertical tabs.

### Features

 * Tabs customizable using the native block editor style controls
 * Fully accessible including keyboard controls
 * Supports horizontal and vertical tabs
 * Set default open tab

## Скріншоти

[⌊Block editor⌉⌊Block editor⌉[

Block editor

[⌊Tab styles panel⌉⌊Tab styles panel⌉[

Tab styles panel

[⌊Frontend view⌉⌊Frontend view⌉[

Frontend view

## Блоки

Цей плагін надає 2 блоки.

 *   Tabs Create rich tabbed layouts to organize information in a simple way.
 *   Tab Customize your tabs look and feel using the Styles panel. Use any block
   within the tab content below.

## Встановлення

 1. Upload the plugin files to the `/wp-content/plugins/simple-tabs-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## Відгуки

![](https://secure.gravatar.com/avatar/89d1d7128cd18ba18d1a788ba59f0286ace602808e31e9f662df8efb3c5a98df?
s=60&d=retro&r=g)

### 󠀁[Best Tabs block: native customization and great support](https://wordpress.org/support/topic/simplicity-and-native-customization/)󠁿

 [vl447388](https://profiles.wordpress.org/vl447388/) 20.10.2025 1 reply

It is fixed; I really appreciate it. Thank you for your excellent job and support.
Hello David,I´m writing because there might be something about the content width.
I have tried to fix by myself but haven´t been able. I´ll try to explain. When I
try to paste a splider carousel into a tab, the splider seems to move to the right,
like adding left padding and moving out of site content width. Also, when some blocks
are inserted in a tab, they don´t seem to keep the content width, they are usually
smaller, and they seem to grow as you insert more. I would expect that whatever 
you insert in a tab content, it would use the normal content width, as when you 
insert any other block outside of a tab.I hope I could explain it. I thought you
may want to know about it. Thanks you.

 [ Прочитати всі 1 відгук ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/)

## Учасники та розробники

“Simple Tabs Block” — проект з відкритим вихідним кодом. В розвиток плагіну внесли
свій вклад наступні учасники:

Учасники

 *   [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/)
 *   [ David Jensen ](https://profiles.wordpress.org/dkjensen/)

“Simple Tabs Block” було перекладено на 4 локалізації. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-block/contributors)
за їх роботу.

[Перекладіть “Simple Tabs Block” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-block)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/simple-tabs-block/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/simple-tabs-block/) 
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/simple-tabs-block/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/simple-tabs-block/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 2.3.0

 * WP 6.8 compatibility
 * Feat: bump block compatibility to version 3
 * Accessibility: add role=”tablist” to container

#### 2.2.1

 * Fix: Block gap not applying when modified globally in style book

#### 2.2.0

 * WP 6.7 compatibility

#### 2.1.0

 * Fix: Undefined property warning
 * Feat: Add additional block supports
 * WP 6.5 compatibility

#### 2.0.1

 * WP 6.4 compatibility

#### 2.0.0

 * **BREAKING CHANGE**: Refactor tabs block for updated block controls
 * Feat: Add CSS classes to active tabs
 * Feat: Allow block styling through the native block editor styles panel

#### 1.3.0

 * Feat: Update block styles
 * Docs: Compatibility with 6.1

#### 1.2.1

 * Fix: Various block fixes

#### 1.2.0

 * Feat: Trigger event on window when tab is changed

#### 1.1.1

 * Fix: `label` undefined error

#### 1.1.0

 * Fix: Accessibility features
 * Fix: Allow CSS classes on tabs
 * Feat: Added tab description field

#### 1.0.0

 * Initial release

## Мета

 *  Версія **2.3.0**
 *  Останнє оновлення **1 рік тому**
 *  Активних встановлень **300+**
 *  Версія WordPress ** 6.5 або вище **
 *  Tested up to **6.8.10**
 *  Версія PHP ** 7.0 або вище **
 *  Мови
 * [English (US)](https://wordpress.org/plugins/simple-tabs-block/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/simple-tabs-block/),
   [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/simple-tabs-block/), 
   [Spanish (Spain)](https://es.wordpress.org/plugins/simple-tabs-block/) і [Spanish (Venezuela)](https://ve.wordpress.org/plugins/simple-tabs-block/).
 *  [Перекладіть на свою мову](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-block)
 * Позначки
 * [block](https://uk.wordpress.org/plugins/tags/block/)[tab](https://uk.wordpress.org/plugins/tags/tab/)
   [tabs](https://uk.wordpress.org/plugins/tags/tabs/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/simple-tabs-block/advanced/)

## Оцінки

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/simple-tabs-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/simple-tabs-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/simple-tabs-block/reviews/)

## Учасники

 *   [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/)
 *   [ David Jensen ](https://profiles.wordpress.org/dkjensen/)

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/simple-tabs-block/)