WP Tabs:タブ付きコンテンツを作成できる

2020年1月18日

タブ付きコンテンツを作成できる WordPress 用プラグインの紹介です。
それは「WP Tabs」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

WP Tabs

WP Tabs - WordPress.org

WP Tabs は、タブ付きコンテンツを作成できます。

記事を作成もしくは更新時点での WP Tabs のバージョン:2.0.4
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

WP Tabs をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
WP Tabs – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「WP Tabs」と入力します。

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

WP Tabs を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

ダッシュボードの「設定」メニューの下に追加されています。

管理画面

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

作成済みタブ付きコンテンツの一覧画面。

使い方

タブ付きコンテンツを新規作成するには「Add New」ボタンをクリックします。

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

専用のショートコードが発行されます。

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

タイトルを入力します。

Tab Type:
タブのタイプを選択します。
Pro 版のみの機能です。

Add New Tab:
コンテンツを追加する場合にはクリックします。

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

タブのタイトルと内容を入力します。
右上の十字アイコン上でドラッグアンドドロップで表示順を入れ替えられます。

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

必要な設定を行います。

表示例

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

実際に表示させると上のような感じで表示されます。

設定(Settings)

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「WP Tabs」の導入から日本語化・使い方と設定項目を解説している画像

代替プラグイン

WP Tabs にほしい機能が無かった場合には、
WP Tabs 以外にも投稿中にタブ付きコンテンツを作成できるプラグインを記事にしています。
以下では、WP Tabs を含めて 5 個を簡単に紹介します。

タブ付きコンテンツを作成できるWordPressプラグイン一覧

URL

WP Tabs – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています