SWELL│専用ショートコード17選まとめ

SWELLでは実はさまざまなショートコードが用意されています。

例えばカテゴリーページを記事化したときに目次を表示したいときは

[[swell _ toc]]とショートコードを入れるのは有名ですよね。

他にもいろいろあるので紹介いたします。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

WordPressテーマ「SWELL」特化の...

カスタマイズの依頼・相談

SWELLで使える専用ショートコード17選まとめ

SWELLで使えるショートコードをまとめてみました。

プラグインのString Locatorを使ってコードadd_shortcodeで検索した結果です。

詳しい解説の前に、まずは一覧から

1. echo_ad
2. echo_toc
3. spbr
4. pcbr
5. echo_icon
6. review_stars
7. post_link
8. blog_parts
9. ad_tag
10. balloon
11. full_wide_content
12. custom_banner
13. post_list
14. only_login
15. only_logout
16. html
17. echo_pr_notation

ad_tag

カスタム広告タグを挿入するために使用されます。id 属性で広告タグのIDを指定します。

[ad_tag id="20268"]

サンプル

高速化に必須のプラグイン！WP ROCKET

高速化に必須のプラグイン！WP ROCKET キャッシュやコードの最適化などあらゆる高速化の機能が揃っています。

詳しくみる

ad

アドセンスなどの広告コードを挿入するために使用されます。

[ad]

サンプル

swell_toc

記事の目次を挿入するために使用されます。

[swell_toc]

サンプル

spbr

スマートフォンでのみ改行

[spbr]

サンプル

あいうえお
かきくけこ

pcbr

PCでのみ改行

[pcbr]

サンプル

あいうえお
かきくけこ

icon

SWELLアイコンを挿入するために使用されます。

[icon class="icon-amazon"]
[アイコン class="icon-amazon"]

サンプル

review_stars

レビューの星評価を挿入するために使用されます。

[review_stars "3"]

サンプル

post_link

ブログカード形式で投稿や外部リンクを挿入するために使用されます。

[post_link id="24918"]  <!-- 投稿IDが24918のブログカード -->
[post_link url="https://motoki-design.co.jp/"]  <!-- 外部リンクのブログカード -->

サンプル

あわせて読みたい

SWELL│専用ショートコード17選まとめ SWELLでは実はさまざまなショートコードが用意されています。 例えばカテゴリーページを記事化したときに目次を表示したいときは [[swell _ toc]]とショートコードを入...

blog_parts

ブログパーツ（再利用可能なコンテンツブロック）を挿入するために使用されます。

[blog_parts id="280"]

サンプル

speech_balloon

カスタム広告タグを挿入するために使用されます。id 属性で広告タグのIDを指定します。

[speech_balloon name="motoki" icon="https://motoki-design.co.jp/wordpress/wp-content/uploads/icon_motoki.png"]こんにちは！[/speech_balloon]
[
"motoki"
こんにちは！[/speech_balloon]]

サンプル

motoki

こんにちは！

full_wide_content

フルワイドでコンテンツを表示するために使用されます。背景色や背景画像などを指定できます。

[full_wide_content bg="#f0f0f0"]フルワイドのコンテンツ[/full_wide_content]

サンプル

custom_banner

カスタマイズ可能なバナーを表示するために使用されます。タイトル、リンク、画像などを指定できます。

[custom_banner title="MOTOKI合同会社" link="https://motoki-design.co.jp/" img_url="https://motoki-design.co.jp/wp-content/uploads/motoki_logo.png"]

サンプル

MOTOKI合同会社

post_list

投稿リストを表示するために使用されます。カテゴリーやタグ、表示数などを指定できます。

[post_list category="seo" posts_per_page="3"]

サンプル

only_login

ログイン状態にコンテンツの表示を制御するために使用されます。

[only_login]]ログインユーザー専用のコンテンツ[[/only_login]

サンプル

only_logout

ログインアウト状態にコンテンツの表示を制御するために使用されます。

[only_logout]]ログアウトユーザー専用のコンテンツ[[/only_logout]

サンプル

html

HTMLタグをそのまま表示するために使用されます。ショートコード内でHTMLを記述できます。

[html]]<strong>太字のテキスト</strong>[[/html]

サンプル

pr_notation

HTMLタグをそのまま表示するために使用されます。ショートコード内でHTMLを記述できます。

[pr_notation]

サンプル

まとめ

ブロックで使うものが多いので、あまり使わないと思います。

ただ知っておくと便利でなので、覚えておきましょう。