Title: Simple Tabs Shortcodes
Author: Beherit
Published: 2017年2月8日
Last modified: 2020年4月8日
---
プラグインを検索
このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。
# Simple Tabs Shortcodes
作者: [Beherit](https://profiles.wordpress.org/beherit/)
[ダウンロード](https://downloads.wordpress.org/plugin/simple-tabs-shortcodes.1.3.zip)
* [詳細](https://ja.wordpress.org/plugins/simple-tabs-shortcodes/#description)
* [レビュー](https://ja.wordpress.org/plugins/simple-tabs-shortcodes/#reviews)
* [インストール](https://ja.wordpress.org/plugins/simple-tabs-shortcodes/#installation)
* [開発](https://ja.wordpress.org/plugins/simple-tabs-shortcodes/#developers)
[サポート](https://wordpress.org/support/plugin/simple-tabs-shortcodes/)
## 説明
Plugin adds shortcodes to place a page content in tabs. Uses a lightweight JS script,
no additional CSS files so you need to add own CSS style to your theme’s stylesheet
to ensure proper display of the tabs.
## インストール
In most cases you can install automatically from plugins page in admin panel.
However, if you want to install it manually, follow these steps:
1. Download the plugin and unzip the archive.
2. Upload the entire `simple-tabs-shortcodes` folder to the `/wp-content/plugins/`
directory.
3. Activate the plugin through the Plugins menu in WordPress.
## FAQ
### Example usage
There are two shortcodes available, below is a simple example of usage:
```
[tabs]
[tab title="First tab"]The content of the first tab.[/tab]
[tab title="Second tab"]The content of the second tab.[/tab]
[tab title="Third tab"]The content of the third tab.[/tab]
[/tabs]
```
This will output the following HTML:
```
The content of the first tab.
The content of the second tab.
The content of the third tab.
```
Optionally, you can set a custom ID by adding `id="my-id"` in tab shortcode.
### Example CSS
Here is an example CSS, make the necessary changes if you want to customize the
look and feel of tabs.
```
.tabs-nav {
margin: 0;
border-bottom: 1px solid #ccc;
}
.tabs-nav ul {
list-style: none;
}
.tabs-nav li {display: inline-block;}
.tabs-nav a {
display: block;
padding: 5px 10px;
border: 1px solid transparent;
text-decoration: none;
}
.tabs-nav a.active {
border-color: #ccc;
border-bottom-color: #fff;
}
section.tab {
display: none;
margin-bottom: 15px;
padding: 15px 0;
}
section.tab.active {display: block;}
```
### Selecting a tab by the URL
You can select default tab by using a hash in the URL – simply add `#tab-name` at
the end of the page URL to select the specific tab. This example URL will select
tab with the title / id “something”: `http://domain.tld/your-page/#something`
### Switching to the tab by the link
Tabs can be switched by a normal link, just add a class tab-url to the link. Example:
```
Something
```
## 評価
### [Super](https://wordpress.org/support/topic/super-1996/)
[Mladen Gradev](https://profiles.wordpress.org/joe8104/) 2020年10月31日
Simle & useful & works great. Thank you!
### [Thanks for the good work!](https://wordpress.org/support/topic/thanks-for-the-good-work-2/)
[stephanebeck](https://profiles.wordpress.org/stephanebeck/) 2019年5月22日
Beautifully minimalistic. Allows several independent tab groups on the same page.
Exactly what I was after!
### [Simple and lightweight! Thanks!](https://wordpress.org/support/topic/simple-and-lightweight-thanks/)
[laurenfs](https://profiles.wordpress.org/laurenfs/) 2017年3月30日 1 reply
### [Super!](https://wordpress.org/support/topic/super-715/)
[Gronix](https://profiles.wordpress.org/gronix/) 2017年2月16日
Thanks 🙂
[ 4件のレビューをすべて表示 ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/)
## 貢献者と開発者
Simple Tabs Shortcodes はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。
貢献者
* [ Beherit ](https://profiles.wordpress.org/beherit/)
“Simple Tabs Shortcodes” は2ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes/contributors)
のみなさん、翻訳へのご協力ありがとうございます。
[“Simple Tabs Shortcodes” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes)
### 開発に興味がありますか ?
[コードを閲覧](https://plugins.trac.wordpress.org/browser/simple-tabs-shortcodes/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/simple-tabs-shortcodes/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/)
を [RSS](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。
## 変更履歴
#### 1.3 (2020-04-08)
* Pure JavaScript instead of jQuery.
#### 1.2. (2018-08-12)
* Support non-Latin URLs.
#### 1.1.2 (2018-12-13)
* Minor fixes.
#### 1.1 (2017-12-07)
* Changed class name `tab-content` to `tabs-content`.
#### 1.0.2 (2017-02-10)
* Changes in tabs navigation structure.
#### 1.0 (2017-02-09)
* First public version.
## メタ
* バージョン **1.3**
* 最終更新日 **6年前**
* 有効インストール数 **100+**
* WordPress バージョン ** 4.6またはそれ以降 **
* 検証済み最新バージョン: **5.4.23**
* PHP バージョン ** 7.0またはそれ以降 **
* 言語
* [English (US)](https://wordpress.org/plugins/simple-tabs-shortcodes/)、[Polish](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/)、
[Russian](https://ru.wordpress.org/plugins/simple-tabs-shortcodes/).
* [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes)
* タグ
* [shortcodes](https://ja.wordpress.org/plugins/tags/shortcodes/)[tab](https://ja.wordpress.org/plugins/tags/tab/)
[tabs](https://ja.wordpress.org/plugins/tags/tabs/)
* [詳細を表示](https://ja.wordpress.org/plugins/simple-tabs-shortcodes/advanced/)
## 評価
5つ星中5つ星
* [ 4 5-星レビュー ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=5)
* [ 0 4-星レビュー ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=4)
* [ 0 3-星レビュー ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=3)
* [ 0 2-星レビュー ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=2)
* [ 0 1-星レビュー ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/#new-post)
[すべてのレビューを見る](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/)
## 貢献者
* [ Beherit ](https://profiles.wordpress.org/beherit/)
## サポート
意見や質問がありますか ?
[サポートフォーラムを表示](https://wordpress.org/support/plugin/simple-tabs-shortcodes/)