「タブ」ブロックの追加検討のお願い - 要望 https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/ Cocoon ディスカッション掲示板 ja Sun, 07 Jun 2026 01:48:22 +0000 wpForo 60 RE: 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-78661 Fri, 19 Apr 2024 04:38:18 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.2.11
カテゴリー数：13
タグ数：11
ユーザー数：1
----------------------------------------------

「タブ」ブロックが追加された事を確認しました。
本件を一旦、クローズとします。

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-78661 RE: 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-78536 Thu, 11 Apr 2024 14:03:03 +0000 一応ここにも書き込んでおきます。
GitHubにタブブロックのテスト版をアップしておきました。
https://github.com/xserver-inc/cocoon

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-78536 RE: 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77123 Sun, 11 Feb 2024 09:41:57 +0000 よく見かけるのは、フロントページを固定ページで作る場合です。

  • 新着・更新記事切り替え
  • カテゴリーごとに切り替え（インデックス標準ではなく、任意の位置に配置）
  • サイドバーに新着・人気記事切替え

とか人によって用途は色々です。
使用頻度は低いと思いますが、カスタムHTMLで記述するのは、一苦労かと。

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77123 RE: 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77119 Sun, 11 Feb 2024 09:31:40 +0000 なるほど、こういうときか。
https://www.beginner-blogger.com/useful-tab-block/

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77119 RE: 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77117 Sun, 11 Feb 2024 09:29:01 +0000 検討する上で質問させてください。
タブ切り替えブロックって一般的にどういった執筆用途の時利用するんでしょうか。
自分は使いたいと思ったケースが全くなくて。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77117 「タブ」ブロックの追加検討のお願い https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77058 Fri, 09 Feb 2024 11:27:16 +0000 ●要件
タブ切り替えブロック追加のお願い。
●補足
以下の無料プラグインでも可能です。
  • Arkhe Blocks
  • Useful Tab Block
●HTML
既存のタイムラインとHTMLが似ており？（タブアイテムの繰り返し)
応用すればできるのでは？と思い提案しました。
name属性が重複しないよう、番号は人手入力ですが。
 
<div class="tab-wrap">

　<!-- タブ1 -->
  <input  id="TAB-番号-1" class="tab-switch" type="radio" name="TAB-番号" checked="checked">
  <label for="TAB-番号-1" class="tab-label">ラベル1</label>
  <div class="tab-content tab1">コンテンツ1</div>

  <!-- タブ2 -->
  <input  id="TAB-番号-2" class="tab-switch" type="radio" name="TAB-番号">
  <label for="TAB-番号-2" class="tab-label">ラベル2</label>
  <div class="tab-content tab2">コンテンツ2</div>

</div>
●CSS
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
}

.tab-label {
  background-color: #ccc;
  color: #fff;
  flex: 1;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  order: -1;
  padding: 10px;
  text-align: center;
}

.tab-content {
  display: none;
  width: 100%;
}

.tab-switch:checked+.tab-label {
  background-color: #333;
}

.tab-switch:checked+.tab-label+.tab-content {
  display: block;
}

.tab-switch {
  display: none;
}
 
]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/%e3%80%8c%e3%82%bf%e3%83%96%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%a4%9c%e8%a8%8e%e3%81%ae%e3%81%8a%e9%a1%98%e3%81%84/#post-77058