WordPressテーマ「SWALLOW(スワロー)」で使えるショートコードの表示サンプル

WordPress

当ブログで利用している、WordPressテーマ「スワロー」のショートコード置き場。ショートコードを記述してコピペできるか試してみよう。AddQuicktagも試してみる!

WordPressテーマ「スワロー」のショートコードの表示サンプル

2カラムはこんな感じ

カモメの群れ
デスクトップの時のみ2カラムで、大きめの画像もちょうどいいサイズで収まってるね。
キツツキ
タブレット&スマホでは1カラムになります。
[colwrap]
[col2]デスクトップの時のみ2カラムで、大きめの画像もちょうどいいサイズで収まってるね。[/col2]
[col2]タブレット&スマホでは1カラムになります。[/col2]
[/colwrap]

3カラムはこんな感じ

イギリス北部の街並み
デスクトップで表示しているときは、3カラムになるよ。画像もちょうどいいサイズで収まってるね。
カモメの群れ
ショートコードを使うと複雑そうなレイアウトも簡単にできるね。
キツツキ
タブレット&スマホでの表示は、1カラムになるよ。

ボックス

使用例
使用例などを書いたりできるよ。

補足説明用のボックス

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

注意説明用のボックス

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

ボタン

吹き出し

ビジュアルエディタ内でショートコードで吹き出しをつくることができます。

関連記事のリンク

WordPressテーマ「SWALLOW(スワロー)」で使えるショートコードの表示サンプル

2018.01.31

WordPressテーマ「SWALLOW(スワロー)」で使えるショートコードの表示サンプル

2018.01.31

リストの表示

  • これはリストです。
  • これはリストです。
  • これは入れ子のリスト
    1. これはリストです。
    2. これはリストです。
    3. これはリストです。