タブやボタンなどのショートコードを利用できる「J Shortcodes」プラグイン

「J Shortcodes」は、ボタンやタブ、アコーディオンが用意されていて、それをを投稿記事にショートコードで追加して利用できるプラグインです。

「J Shortcodes」の導入

プラグインは、管理画面のサイドバーにある「プラグイン」⇒「新規追加」からインストールすることができます。

ダウンロードサイト:J Shortcodes

「J Shortcodes」の設定と使い方

プラグインを有効化したあとに管理画面のサイドバーに「J -Shortcodes」が追加され設定ができます。

設定は、特にしなくても利用できますが、下の画像にあるようにタブの設定をする項目で使用したいタブのテーマ(デフォルトではsmoothness)にチェックを入れると使用したいテーマが使用できるようになります。

jshortcodes

タブなどを投稿記事で使用するときは、ショートコードを使います。ショートコードの使い方は、作成者のサイト(J SHORTCODES)に詳しい使用方法が書いてありますが、ショートコードの使用例を紹介します。

タブを表示するショートコード

タブを表示するには、[jtabs]と[/jtabs]と入力して、その下にテキストを入力します。テキストの左がタブ名になり、コロンを2つ入れて、その右のテキストが表示されるテキストになります。

[jtabs theme="blitzer"]
 Tab 1 title :: Tab 1 content ... 
  [jtab/] 
 Tab 2 title :: Tab 2 content ... 
  [jtab/] 
 Tab 3 title :: Tab 3 content ..
[/jtabs]

上のショートコードを入力すると、下の画像にあるタブが表示されます。

jshortcodes1

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です