【コピペで簡単】Swallow スワローのショートコード(53種類)


このサイトは、WordPressテーマ「スワロー」を使っています。

→ WordPressテーマ「スワロー」



スワローショートコードまとめです。

ショートコードは、HTMLコードを呼び出す短縮コードです。

ブログカード

ブログカードとは、カードみたいなおしゃれなリンクです。

こんな感じの↓

WordPressで、吹き出し。

クリックすると、関連記事「WordPressで、吹き出し」に飛びます。

関連記事付きブログカード

WordPressで、吹き出し。

このようなブログカードを作ります。

これをコピペ(コピー&ペースト) ↓ 

[kanren postid="記事ID"]

関連記事 がブログカードに付きました。

記事IDは、投稿の編集画面を開いて、ブラウザのアドレスバーに表示される
post=数字 ←この数字が記事ID

関連記事なしブログカード

WordPressで、吹き出し。

こちらは、関連記事なしのブログカードです。
これをコピペ ↓ 

[kanren2 postid="記事ID"]

関連記事 がブログカードから消えます。

ブログカード(関連記事付き)を連続で入れる

次に複数のブログカード(関連記事付き)を連続で入れます。
これをコピペ ↓ 

[kanren postid="記事ID,記事ID"]

【コピペで簡単】Swallow スワローのショートコード(53種類)

WordPressで、吹き出し。

このように、関連記事付きブログカードを2つ連続で出すことができます。

ブログカード(関連記事なし)を連続で入れる

同じように、

複数のブログカード(関連記事なし)を連続で入れます。

これをコピペ ↓ 

[kanren2 postid="記事ID,記事ID"]

【コピペで簡単】Swallow スワローのショートコード(53種類)

WordPressで、吹き出し。

このように、関連記事なしブログカードを2つ連続で出すことができます。
関連記事はいくつでも入れることができます

記事ID,記事ID,記事ID,記事ID,記事ID,記事IDと半角コンマで記事IDを入れる。

別ウィンドウで開く

ブログカードをクリックすると、
別ウィンドウが開きます。(クリックしてみてください。)

WordPressで、吹き出し。

これをコピペ↓

[kanren postid="記事のID" target="on"]

target="on" で別ウィンドウが開きます。

投稿日付を消す

WordPressで、吹き出し。

[kanren postid="記事のID" target="on" date="none"]

date="none" を付けると投稿日付が消えます。

以下同じように、コピペ(コピー&ペースト)で
ボタンやふきだし、画像を横に並べたり(レイアウト)、補足説明、注意、BOX
などもできます。

ボタン

ボタン シンプルを作るには、↓

これをコピペ ↓(文字にURLリンクを入れてください。)

[btn class="simple"]ボタン シンプル[/btn]

ボタン シンプル ↓ できあがり。

以下同じように、

ボタン シンプル大 ↓

[btn class="big simple"]ボタンシンプル大[/btn]

ボタンノーマル ↓

[btn]ボタン ノーマル[/btn]

ボタンビッグ ↓

[btn class="big"]ボタン ビッグ[/btn]

ボタン lightning ↓

[btn class="lightning"]lightning[/btn]

ボタン Big lightning ↓

[btn class="big lightning"]Big lightning[/btn]

ボタン ビッグリッチイエロー ↓

[btn class="big rich_yellow"]ビッグリッチ イエロー[/btn]

ボタン リッチイエロー ↓

[btn class="rich_yellow"]リッチ イエロー[/btn]

ボタン ビッグリッチピンク ↓

[btn class="big rich_pink"]ボタン ビッグリッチピンク[/btn]

ボタン リッチピンク ↓

[btn class="rich_pink"]ボタン リッチピンク[/btn]

このボタンを作るには ↓

これをコピペ ↓(文字にURLリンクを入れてください。)

[btn class="lightning big bg-yellow maru"](テキストリンク)[/btn]

以下同じように

[btn class="big bg-yellow maru"](テキストリンク)2[/btn]

[btn class="big simple bg-yellow maru"](テキストリンク)3[/btn]

[btn class="lightning big bg maru"](テキストリンク)4[/btn]

[btn class="big bg maru"](テキストリンク)6[/btn]

[btn class="big simple bg maru"](テキストリンク)7[/btn]

吹き出し

名前1

[voice icon="アイコンURL" name="名前1" type="l"][/voice]

アイコンURLに画像を入れていない状態です。

URLリンクを入れて画像なしの状態にしています。

名前1
吹き出し

[voice icon="アイコンURL" name="名前1" type="l"]吹き出し[/voice]


以下同じように

名前2
吹き出し

[voice icon="アイコンURL" name="名前2" type="r"]吹き出し[/voice]

名前3
吹き出しFacebook風

[voice icon="アイコンURL" name="名前3" type="l fb"]吹き出しFacebook風[/voice]

名前4
吹き出しLine風

[voice icon="アイコンURL" name="名前4" type="l line"]吹き出しLine風[/voice]

色を変えることもできます

名前5

[voice icon="" name="名前5" type="l icon_black"][/voice]

名前6

[voice icon="" name="名前6" type="l icon_blue"][/voice]

名前7

[voice icon="" name="名前7" type="l icon_yellow"][/voice]

名前8

[voice icon="" name="名前8" type="l icon_red"][/voice]

FFR
色だけでもかわいい。

Face Book風 Line風

[voice icon="" name="名前9" type="l fb icon_black"][/voice]

名前9

[voice icon="" name="名前10" type="l line icon_black"][/voice]

名前10

ふきだしの出し方はコチラもあります。

WordPressで、吹き出し。

レイアウト2カラム(モバイル1カラム)

これをコピペ ↓ ※ここに内容を①のあとに画像URLを入れる。

[colwrap] [col2]ここに内容を①[/col2] [col2]ここに内容を②[/col2] [/colwrap]

ここに内容を①
ここに内容を②

レイアウト3カラム(モバイル1カラム)

これをコピペ ↓ ※ここに内容を①のあとに画像URLを入れる。

[colwrap] [col3]ここに内容を①[/col3] [col3]内容を②[/col3] [col3]内容を③[/col3] [/colwrap]

ここに内容を①
内容を②
内容を③

画像サイズは、同じ大きさに自動で調節してくれます。

補足説明/注意説明

これをコピペ ↓

[aside type="normal"]補足説明[/aside]
補足説明

これをコピペ ↓

[aside type="warning"]注意説明[/aside]
注意説明

BOX(ボックス)

スワローショートコード ボックスです。


[box class="red_box"]ボックス レッド[/box]

ボックス レッド


[box class="yellow_box"]ボックス イエロー[/box]

ボックス イエロー


[box class="green_box"]ボックス グリーン[/box]

ボックス グリーン


[box class="pink_box"]ボックス ピンク[/box]

ボックス ピンク


[box class="glay_box"]ボックス グレイ[/box]

ボックス グレイ


[box class="black_box"]ボックス ブラック[/box]

ボックス ブラック


[box class="blue_box"]ボックス ブルー [/box]

ボックス ブルー


[aside type="boader"] シンプルな枠[/aside]

シンプルな枠


[box class="blue_box" title="ここにタイトル"]ブルー[/box]

ここにタイトル
ブルー


[box class="red_box" title="ここにタイトル"]レッド[/box]

ここにタイトル
レッド


[box class="yellow_box" title="ここにタイトル"]イエロー[/box]

ここにタイトル
イエロー


[box class="green_box" title="ここにタイトル"]グリーン[/box]

ここにタイトル
グリーン


[box class="pink_box" title="ここにタイトル"]ピンク[/box]

ここにタイトル
ピンク


[box class="glay_box" title="ここにタイトル"]グレー[/box]

ここにタイトル
グレー


[box class="black_box" title="ここにタイトル"]ブラック[/box]

ここにタイトル
ブラック

[box class="box" title="ここにタイトル"]白にすることもできます。[/box]
ここにタイトル
白にすることもできます。


あわせて読みたい

ワードプレスにコピペで簡単バッジ(CSS不要)関連、参考、あわせて読みたい、出典、おすすめ、

スワローで下線・太字・マーカーの【AddQuicktag】設定タグ