Quantcast
Channel: SWALLOW
Viewing all articles
Browse latest Browse all 10

「アコーディオン」ショートコード表示サンプル

$
0
0

ショートコードで簡単にアコーディオン(開閉式のコンテンツ)を表示可能です。

この機能はスワローのバージョン1.1.6〜の機能です。バージョンが古い場合には機能しませんので、最新バージョンに更新してください。

また、最新バージョンにしても表示されない場合、ブラウザキャッシュが関係している場合が多いです。ブラウザキャッシュをクリアしましょう。

実際の表示例

「アコーディオンタイトル」という箇所をクリック(もしくはタップ)すればその下の隠れていたコンテンツが表示されます。

表示にはCSSを使っているのでとっても軽量です。

ここにコンテンツを記載
ここにコンテンツを記載
アコーディオンショートコードの中で関連記事ショートコードを呼び出してみるテスト

マークアップ: 画像の配置に関する表示テスト

書き方

[open title="ここにタイトル"]...[/open]というショートコードで呼び出すことができます。

[open title="アコーディオンタイトル01"]
 ここにコンテンツを記載
 [/open]

使い所

このショートコードの使い所は、補足説明に使う場合に効果的です。普段見えていない分、コンパクトなので記事内の補足説明がスッキリ。

ただし、コンテンツ部分は普段隠れているので、重要なコンテンツには使用するべきではないでしょう

全員が見る必要はないけど、補足としてあったほうが良い
そのような補足コンテンツには最適です。


Viewing all articles
Browse latest Browse all 10

Trending Articles