【初心者向け】WordPress Cocoonで「タブ見出しボックス」を使う方法

「タブ見出しボックス」とは？

WordPressテーマ「Cocoon」では、装飾付きの見出しやボックスを簡単に挿入できるショートコード機能があります。その中でも「タブ見出しボックス」は、タブ風の見出しが付いた情報ボックスで、注意点やまとめなどに便利です。

使い方①：クラシックブロックから挿入する方法

1. 投稿画面で「＋」ボタンをクリックして、「クラシック」ブロックを追加します。
2. ツールバーの「スタイル」ボタンをクリックします。
3. 表示されたメニューから「タブ見出しボックス」を選択します。
4. 挿入されたテンプレートの中身を書き換えれば完成です。

使い方②：ショートコードを直接入力する方法

次のようにショートコードを記述すれば、同様のボックスを表示できます。

[tabbox title="注意点"]
この作業は必ずバックアップを取ってから行ってください。
[/tabbox]

「title」の部分には見出し名を自由に設定できます。

活用例

• 注意事項の表示
• 補足情報の強調
• 手順ごとの区切り
• トピックのグループ化

表示されないときの対処法

• Cocoon設定 > エディタで「クラシックエディタ」を有効にしているか確認
• ブラウザキャッシュを削除してリロード
• 他のプラグインの影響で表示が崩れることがあるので、一時的に無効化して確認

まとめ

「タブ見出しボックス」は、読者に伝えたい情報を見やすく、わかりやすくするための便利な装飾機能です。Cocoonなら簡単に使えるので、記事にメリハリをつけたい方はぜひ活用してみてください。

この記事が役に立ったら、ぜひシェアしてください！