テーマ専用のショートコードも使えます

アイキャッチ画像

OPENCAGEテーマのショートコードはそのまま利用可能です。

ここで紹介しているショートコードの機能の多くは、STORK19のオリジナルブロックまたは標準ブロックで代替することができます。

関連記事リンク(ブログカード)

ショートコード内に記事IDを指定してブログカードを表示できます。

アイキャッチ画像

ショートコード

[kanren postid="記事ID"]

アコーディオン

コンテンツを開閉できるアコーディオンボックスを表示できます。

アコーディオンの中の本文です。補足説明であまり空間を使いたくない場合に便利です。

ショートコード

[open title="ここをタップするとコンテンツが開きます"]

アコーディオンの中の本文です。補足説明であまり空間を使いたくない場合に便利です。

[/open]

投稿リスト

新着記事の投稿リストを表示できます。

ショートコード

[postlist]

ショートコード内でカテゴリーIDを指定して、カテゴリーごとの投稿リストを表示できます。

ショートコード

[postlist catid="カテゴリーID"]

ショートコード内でタグIDを指定して、タグごとの投稿リストを表示できます。

ショートコード

[postlist tagid="タグID"]

その他、表示オプションもあります。

ライター(投稿者)プロフィール

ショートコード内で投稿者IDを指定してライタープロフィールを表示できます。

アバター画像
さぽーとサポート担当
オープンケージのサポート担当です。テーマの使い方に関してご不明な点がございましたらお問い合わせくださいませ。

ショートコード

[profile id="投稿者ID"]

タイトル付きのフレームデザインで表示することもできます。

ABOUT US
OPENCAGE
OPENCAGEテーマ開発者
オープンケージは「誰もが簡単に美しいデザインのサイトを」をテーマにデザイン性に優れたテーマを配信しています。

ショートコード

[profile id="投稿者ID" wrap="on"]

画像ファイルのURLを入力して背景イメージの表示も可能です。

プロフィール背景画像
OPENCAGE
OPENCAGEテーマ開発者
オープンケージは「誰もが簡単に美しいデザインのサイトを」をテーマにデザイン性に優れたテーマを配信しています。
プロフィール背景画像
アバター画像
さぽーとサポート担当
オープンケージのサポート担当です。テーマの使い方に関してご不明な点がございましたらお問い合わせくださいませ。

ショートコード

[profile id="投稿者ID" bgimg="画像URL"]

補足説明

補足的なコメントを装飾枠内に表示できます。

補足説明をいれる
少し小さなフォントで少し目立つような補足説明を追加することができます。

ショートコード

[aside]

補足説明をいれる
少し小さなフォントで少し目立つような補足説明を追加することができます。

[/aside]

注意説明

注意喚起のコメントを装飾枠内に表示できます。

注意説明をいれる
少し小さなフォントでかなり目立つ感じで注意説明を追加することができます。

ショートコード

[aside type="warning"]

注意説明をいれる
少し小さなフォントでかなり目立つ感じで注意説明を追加することができます。

[/aside]

シンプルな枠

文章をシンプルな枠で装飾できます。

シンプルな枠で囲む
少し小さなフォントでしれっと目立つ感じで補足説明を追加することができます。

ショートコード

[aside type="boader"]

シンプルな枠で囲む
少し小さなフォントでしれっと目立つ感じで補足説明を追加することができます。

[/aside]

ボックス

ラベル付きのボックスコンテンツを表示できます。

ここにタイトル
ここにコンテンツを記載

ショートコード

[box class="blue_box" title="ここにタイトル"]ここにコンテンツを記載[/box]

ボタン

ショートコード

[btn]デフォルトボタン(リンクテキストにする)[/btn]

ショートコード

[btn class="simple"]シンプルボタン(リンクテキストにする)[/btn]

ボタン表示を反映するには、テキストリンクが設定されてある必要があります。

吹き出し機能

ドッグくん
エディタやウィジェットにショートコードを入力して吹き出しを表示できます。
キャットさん
ウィジェットで使用する場合は、テキストウィジェットやカスタムHTMLウィジェットに入力します。

ショートコード

[voice icon="画像URL" name="なまえ" type="l"]吹き出し内の文章[/voice]

2カラム表示

マカロン

PCとタブレットの時のみ2カラムになるよ

空

スマホでは1カラムだよ

ショートコード

[colwrap]
[col2]PCとタブレットの時のみ2カラムになるよ[/col2]
[col2]スマホでは1カラムだよ[/col2]
[/colwrap]

3カラム表示

海

PCとタブレットの時のみ3カラムになるよ

牛

ショートコードを使うと簡単だよ

自然

スマホでは1カラムだよ

ショートコード

[colwrap]
[col3]PCとタブレットの時のみ3カラムになるよ[/col3]
[col3]ショートコードを使うと簡単だよ[/col3]
[col3]スマホでは1カラムだよ[/col3]
[/colwrap]