簡単! Joomla!でサイトを作ろう

  • フォントサイズを増やす
  • デフォルトのフォントサイズ
  • フォントサイズを減少させる

タブ型コンテンツを作成する

 次はタブ形式で表示するコンテンツを作成できるようにしてみましょう。このサイトで使用しているエクステンションは、モジュールとして提供されています。以下からダウンロードできます。

JoomlaWorks | The Joomla! & Mambo Professionals

 エクステンションのインストール方法についてはこちらで説明していますので、参照してください。

 パッケージのインストールに成功すると、以下の画面を表示します。

 パッケージのインストールが正常に完了したら、メニューバーで[エクステンション]-[プラグイン管理]を選択します。

 プラグイン管理画面を表示します。プラグイン名の一覧に「Tabs Slides (in content items)」が追加されていることが分かります。プラグイン名の「Tabs Slides (in content items)」のところをクリックします。

 プラグイン一覧にあるプラグイン名「Tabs Slides (in content items)」をクリックすると、Tabs Slides (in content items) プラグインの設定画面を表示します。有効で「はい」を選択し、画面右上の「保存」をクリックします。

 このプラグインは、記事の中に「{tab=タイトル}」と書き、タブ形式の終わりのところで「{/tabs}」と書くだけで、タブ形式の記事を作れます。タブ形式の表示を持つ簡単な例を作成してみました。これを保存し、新しく作成した記事を表示してみましょう。

 上記の内容を記述した記事のページを表示すると、次のようになっています。(現在ではタブの中に画像を追加し、記事に対するコメントも許可しているので、以下の画像とは多少違っています)

タブのテスト用に作成した記事

 タブだけでなくスライドするコンテンツも作成できるようなので、さっそく記事の中に追加してみましょう。スライドするコンテンツを作成するには、「{slide=タイトル}」と書き、スライドする部分の終わりのところで「{/slide}」と書くだけで、スライドするコンテンツを作れます。さきほどのタブ形式の表示を持つ簡単な例に、スライド表示する記述を追加してみました。これを保存し、新しく作成した記事を表示してみましょう。(タブ形式に関する記述の部分はスクロールアウトしています)

 上記の内容を記述した記事のページを表示すると、次のようになっています。(現在ではタブの中に画像を追加し、記事に対するコメントも許可しているので、以下の画像とは多少違っています)

タブのテスト用に作成した記事