サイトを合理化するためにできることは何でも良いことです。結局のところ、訪問者が必要な情報を取得するために行う必要のある作業サイトが少ないほど、優れています。ただし、サイトの性質上多くの情報を含める必要がある場合、これは課題となる可能性があります。このようなサイトの最終結果には、通常、ほとんどスクロールしないページが非常に長いページや、同様にクリックするページがほとんどないページが多数含まれるサイトが含まれます。.


では、非常に長いページや多すぎるページに代わるものは何ですか?もちろん、タブです。心配する必要はありません。サイトにタブを表示するためにコーディングの天才である必要はありません。この機能を有効にするプラグインはたくさんあります。 WordPressサイトにすばやく簡単にタブ付きコンテンツを追加できるように、いくつかの最高のものをまとめました.

投稿UIタブ

投稿UIタブ

投稿UIタブを使用すると、投稿、ページ、その他の投稿タイプのいずれであっても、コンテンツ内にjQueryタブを簡単に追加できます。エディターにショートコードを挿入するだけで、タブを有効にできます.

プラグインには24の異なるUIテーマが含まれており、既存のテーマに簡単に一致させることができます。または、チョップがある場合は、カスタムスタイルシートを作成して、ルックアンドフィールをさらに強化します.

プラグインをインストールしたら、ポストエディター内の関連するTinyMCEボタンをクリックして、適切なショートコードを挿入するだけです。 Post UIタブの公式WordPressディレクトリリストによると、次の短いコードを直接使用してタブを挿入することもできます。

[tab name =” Your tab name 1″] Your tab content [/ tab]
[tab name =” Your tab name 2″] Your tab content [/ tab]
[タブ名=”あなたのタブ名3″]あなたのタブの内容[/ tab]
[end_tabset]

これらのタブにHTMLを挿入してください。問題なく処理する必要があります。ご想像のとおり、サイト内の他の場所と同じようにコンテンツが表示され、タブ内に表示されます。.

簡単なレスポンシブタブ

簡単なレスポンシブタブ

あなたのサイトにタブを追加したいなら、あなたが間違いなくチェックすべきもう一つのプラグインは 簡単なレスポンシブタブ. ブートストラップ3.0と互換性があるだけでなく、ビジュアルエディターにTinyMCEボタンを追加し、ボタンをクリックするだけでレスポンシブタブを挿入するのが非常に簡単になります。.

このボタンをクリックすると、設定パネルが開き、見出し、アクティブなタブ、ホバー、背景など、タブのさまざまな側面の色を選択できます。タブを上部または下部に表示するように設定することもできます。このプラグインは、設定が簡単ですぐに機能するため、本当にお気に入りです。.

Tabby Responsive Tabs

Tabby Responsive Tabs

応答性が主な懸念事項の1つである場合, Tabby Responsive Tabs あなたのための良いオプションです。簡単に言うと、このプラグインを使用すると、ショートコードを使用して投稿やページ内にレスポンシブなタブを挿入できます。シンプルなページまたは投稿で複数のタブセットをサポートし、jQueryを使用して小さな画面でタブとアコーディオン効果を作成します。キーボードでもタブにアクセスできます.

タブを挿入するには、[tabby]と[tabbyending]の2つのショートコードを挿入するだけです。具体的には、[tabby title =“ tabname”]を使用してタブ名を設定します。次に、このタブに含める必要のあるコンテンツ(必要なHTMLを含む)を書き出します。必要に応じて、さらにタブを挿入できます。次に、その一連のタブを終了するには、[tabbyending]短いコードを使用してタブグループを閉じます.

これらのタブのスタイルを変更する場合は、コードをもう少し掘り下げる必要があります。プラグインのWordPressディレクトリページによると、プラグインのスタイルシートを子テーマにコピーし、タブスタイルまたはアコーディオンスタイルに変更を加える必要があります。.

タブ内のウィジェット

場合によっては、個々のタブ内のニーズが少し複雑になることがあります。これらのケースでは、 タブ内のウィジェット プラグイン。スペースを節約し、より整理されたエクスペリエンスをWebサイトで作成するために、すべてのタブ内に、必要なウィジェットを配置できます。それは多くの用途があります.

たとえば、タブを使用して、最近の投稿ウィジェットと最近のコメントウィジェットを表示することを選択できます。カテゴリを追加して、タブ表示をさらに丸めることができます。または、Facebook Like Box、Twitterフィード、Google +、Pinterestピンボードなどの埋め込みソーシャルメディアウィジェット専用のタブのグループを作成することもできます.

タブのウィジェットで本当に気に入っている点の1つは、ウィジェットに独自のスタイルが含まれていないため、テーマに応じてスタイルを設定できることです。タブはサイトに溶け込み、属しているように見えます.

タブのタイトルもスクロール可能です。これは、従来のスタック型アプローチの優れた代替手段です。ウィジェット間の遷移にはアニメーションオプションもあり、タブ間を移動する間に待機する秒数を設定できます.

ここにリストされている他のすべてのタブプラグインと同様に、短いコードのおかげで簡単に挿入できます[ウィット].

WP UI –タブ、アコーディオン、スライダー

WP UI

ここで説明する最後のプラグインは、WP UI –タブ、アコーディオン、スライダーです。このプラグインにより、タブを投稿やページに簡単に埋め込むことができるだけでなく、アコーディオン、スライダー、ダイアログなどの他のフォーマットスタイルを簡単に統合することもできます。プラグインはjQueryを利用しており、必要に応じて各ページで複数のjQuery UIテーマを使用できます.

設定と使用を簡単にする使いやすいオプションページが付属しています。また、ナビゲーションを簡単にするための専用のメニューとダイアログも追加されます。上記のすべてのプラグインと同様に、このプラグインは、高速実装のために主にショートコードに依存しています。ショートコード[wp tabs]は、スタイル引数で簡単に拡張できます。これは、「wpui-blue」のように約24の異なる方法で変更して、テーマによりタブをより統一した外観にすることができます。.

ただし、このプラグインの私にとっての本当のハイライトは、タブやアコーディオンで投稿とフィードを表示できることです。ショートコードは[wptabposts]で、一連のタブ内に投稿を表示できます。または、ページまたは投稿内にフィードを表示する場合は、[wpuifeeds]ショートコードを使用します。 WP UIのWordPressディレクトリリストによると、[wpspoiler post =“ 3028”]を使用して、この特殊な形式で1つの投稿のみを表示できます。.

Symple Shortcodes

Symple Shortcodes Minimal Tabs

もちろん、基本的なタブだけが必要な場合は、WPExplorerでここで手作りされたSymple Shortcodes WordPressプラグインを検討してください。プラグインには、サイトの任意のページで使用できるいくつかの素敵な最小限のタブに加えて、他の多くの優れたコンテンツ整理機能が含まれています。列、トグル、アコーディオン、その他の多くのアクセント(ボタン、ソーシャルアイコンなど)を追加します.


最初は複雑に思えるかもしれませんが、実際にサイトにタブを追加するプロセスはかなり簡単です。上記のプラグインはそれを簡単にし、最終結果は魅力的で機能的です。私の意見では、彼らはチェックアウトする価値があります。サイトの訪問者は、全体的なデザインを乱雑にすることなく、アクセスするために必要なだけの情報にアクセスできます。これは、多くのリソースとコンテンツを備えたサイトのための迅速なソリューションです.

サイトでタブを使用していますか?具体的には、これらのプラグインについてはどうですか?もしそうなら、彼らはあなたのために働きましたか?サイトにタブを組み込む別の方法を見つけましたか?コメントで、この気の利いた組織的なトリックでの体験を聞きたいです!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me