
このサイトは、WordPressテーマ「スワロー」を使っています。
→ WordPressテーマ「スワロー」
スワローショートコードまとめです。
ショートコードは、HTMLコードを呼び出す短縮コードです。
ブログカード
ブログカードとは、カードみたいなおしゃれなリンクです。
こんな感じの↓
クリックすると、関連記事「WordPressで、吹き出し」に飛びます。
関連記事付きブログカード
このようなブログカードを作ります。
これをコピペ(コピー&ペースト) ↓
[kanren postid="記事ID"]
関連記事 がブログカードに付きました。
post=数字 ←この数字が記事ID。
関連記事なしブログカード
こちらは、関連記事なしのブログカードです。
これをコピペ ↓
[kanren2 postid="記事ID"]
関連記事 がブログカードから消えます。
ブログカード(関連記事付き)を連続で入れる
次に複数のブログカード(関連記事付き)を連続で入れます。
これをコピペ ↓
このように、関連記事付きブログカードを2つ連続で出すことができます。
ブログカード(関連記事なし)を連続で入れる
同じように、
複数のブログカード(関連記事なし)を連続で入れます。
これをコピペ ↓
[kanren2 postid="記事ID,記事ID"]このように、関連記事なしブログカードを2つ連続で出すことができます。
関連記事はいくつでも入れることができます。
記事ID,記事ID,記事ID,記事ID,記事ID,記事IDと半角コンマで記事IDを入れる。
別ウィンドウで開く
ブログカードをクリックすると、
別ウィンドウが開きます。(クリックしてみてください。)
これをコピペ↓
[kanren postid="記事のID" target="on"]target="on" で別ウィンドウが開きます。
投稿日付を消す
[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]
吹き出し
[voice icon="アイコンURL" name="名前1" type="l"][/voice]
アイコンURLに画像を入れていない状態です。
URLリンクを入れて画像なしの状態にしています。
[voice icon="アイコンURL" name="名前1" type="l"]吹き出し[/voice]
以下同じように
[voice icon="アイコンURL" name="名前2" type="r"]吹き出し[/voice]
[voice icon="アイコンURL" name="名前3" type="l fb"]吹き出しFacebook風[/voice]
[voice icon="アイコンURL" name="名前4" type="l line"]吹き出しLine風[/voice]
色を変えることもできます
[voice icon="" name="名前5" type="l icon_black"][/voice]
[voice icon="" name="名前6" type="l icon_blue"][/voice]
[voice icon="" name="名前7" type="l icon_yellow"][/voice]
[voice icon="" name="名前8" type="l icon_red"][/voice]
Face Book風 Line風
[voice icon="" name="名前9" type="l fb icon_black"][/voice]
[voice icon="" name="名前10" type="l line icon_black"][/voice]
ふきだしの出し方はコチラもあります。
レイアウト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]
あわせて読みたい