ショートコード紹介｜WordPressテーマ『STORK19（ストーク19）』

こんにちは！KEN（@KEN_kenblog）です！

今回はWordPressテーマ『STORK19（ストーク19）』で使用可能なショートコードをご紹介します。

本記事では、公式サイトには掲載されていないショートコードも取り揃えています。

本記事の内容

本記事の内容↓

『STORK19（ストーク19）』で使用可能なショートコード一覧

ショートコード：シンプルな枠

こちらで紹介するのは『シンプルな枠』です。

シンプルな枠

ノーマル

[aside type="boader"] ここに文章を入れる[/aside]

ブルー

[box class="blue_box" ]ここに文章を入れる[/box]

ピンク

[box class="pink_box" ]ここに文章を入れる[/box]

グリーン

[box class="green_box" ]ここに文章を入れる[/box]

レッド

[box class="red_box" ]ここに文章を入れる[/box]

イエロー

[box class="yellow_box" ]ここに文章を入れる[/box]

ブラック

[box class="black_box" ]ここに文章を入れる[/box]

タイトル付きの枠

こちらはタイトル付きの枠です。

ブルー

[box class="blue_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

ピンク

[box class="pink_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

グリーン

[box class="green_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

レッド

[box class="red_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

イエロー

[box class="yellow_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

ブラック

[box class="black_box" title="ここにタイトルを入れる"]ここに文章を入れる[/box]

注意説明

こちらは注意説明のショートコード。

[aside type="warning"]ここに文章を入れる[/aside]

補足説明

こちらは補足説明のショートコードです。

[aside] ここに文章を入れる [/aside]

ボタン

こちらはボタンのショートコード。

ディフォルトボタン

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

ディフォルトビッグボタン

[btn class="big"]デフォルトビッグボタン（リンクテキストにする）[/btn]

シンプルボタン

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

シンプルビッグボタン

[btn class="simple big"]シンプルビッグボタン（リンクテキストにする）[/btn]

リッチボタン（ブルー）

[btn class="rich_blue"]立体的なボタン（ブルー）[/btn]

リッチボタン（ピンク）

[btn class="rich_pink"]立体的なボタン（ピンク）[/btn]

リッチボタン（イエロー）

[btn class="rich_yellow"]立体的なボタン（イエロー）[/btn]

リッチボタン（オレンジ）

[btn class="rich_orange"]立体的なボタン（オレンジ）[/btn]

リッチボタン（グリーン）

[btn class="rich_green"]立体的なボタン（グリーン）[/btn]

目立つボタン

[btn class="lightning"]目立つボタン[/btn]

目立つボタン（角丸）

[btn class="lightning maru"]目立つボタン（角丸）[/btn]

目立つビッグボタン

[btn class="lightning big"]目立つビッグボタン[/btn]

目立つビッグボタン（角丸）

[btn class="lightning big maru"]目立つビッグボタン(角丸)[/btn]

背景付き目立つボタン（ブルー）

[btn class="lightning bg"]背景付き目立つボタン[/btn]

背景付き目立つボタン（イエロー）

[btn class="lightning bg-yellow"]背景付き目立つボタン[/btn]

背景付き目立つビッグボタン（ブルー）

[btn class="lightning big bg"]背景付き目立つビッグボタン[/btn]

背景付き目立つビッグボタン（イエロー）

[btn class="lightning big bg-yellow"]背景付き目立つビッグボタン[/btn]

背景付き目立つボタン（ブルー・丸角）

[btn class="lightning bg maru"]背景付き目立つボタン（角丸）[/btn]

背景付き目立つボタン（イエロー・丸角）

[btn class="lightning bg-yellow maru"]背景付き目立つボタン（角丸）[/btn]

背景付き目立つビッグボタン（ブルー・角丸）

[btn class="lightning big bg maru"]背景付き目立つビッグボタン[/btn]

背景付き目立つビッグボタン（イエロー・角丸）

[btn class="lightning big bg-yellow maru"]背景付き目立つビッグボタン（角丸）[/btn]

リンクカード

リンクカード（ブログカード）のショートコードと設定方法は別記事で解説しました。

こちらからどうぞ↓

リンクカードの設置方法【プラグイン無し】｜WordPressテーマ【STORK19（ストーク19）】

2020.08.01

アコーディオン

こちらはアコーディオンのショートコードを紹介します。

[open title="【ここにタイトルを書く】タップするとコンテンツが開きます"]

ここに文章を書く。

[/open]

吹き出し

吹き出しのショートコードと使い方は別記事で解説しました。

こちらからどうぞ↓

吹き出しの作り方｜WordPressテーマ『STORK19（ストーク19）』

2020.08.01

新着記事リスト

[postlist]

こんな感じの新着記事リストを表示するショートコード。

以上で、ストーク19で使用可能なショートコードの説明はおしまいです。

まったねー(´・ω・｀)

【まとめ】ストーク19の使い方｜WordPressテーマ【STORK19】

2020.08.01