>>世界一簡単なWordPressブログの作り方<<

ショートコード紹介|WordPressテーマ『STORK19(ストーク19)』

 

こんにちは!KEN(@KEN_kenblog)です!

 

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

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

 

 

本記事の内容

本記事の内容↓

  • ストーク19で使用可能なショートコード一覧

『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)】

 

アコーディオン

 

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

 

こんな感じで文章を隠せますよ(´・ω・`)
[open title="【ここにタイトルを書く】タップするとコンテンツが開きます"]

ここに文章を書く。

[/open]

 

吹き出し

 

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

こちらからどうぞ↓

吹き出しの作り方|WordPressテーマ『STORK19(ストーク19)』

 

新着記事リスト

[postlist]

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

 

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

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

 

 

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

 

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください