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
  • Tab styles panel
  • 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

후기

2025년 10월 20일 답글 1개
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 평가 읽기

기여자 & 개발자

“Simple Tabs Block”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Simple Tabs Block”(이)가 4 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Simple Tabs Block”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록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