MENU

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

SWELLカスタマイズ

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

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

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

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

目次

著者

motokiのアバター 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"]

サンプル

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]]とショートコードを入...
WordPressテーマSWELLに強いホーム...
WordPressテーマSWELLに強いホームページ制作会社 │ MOTOKI合同会社 WordPressテーマ「SWELL」に特化したホームページ・Web制作会社です。デザインからカスタマイズまでトータルでの制作が可能です。 さらにSEOや独自のカスタマイズに関する...

blog_parts

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

[blog_parts id="280"]

サンプル

お問い合わせ

Contact

ご質問やご相談など、お気軽にお問い合わせくださいませ。

お問い合わせする
企業サイトを見る

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]

サンプル

当ページのリンクには広告が含まれています。

まとめ

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

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

SWELLカスタマイズ
  • URLをコピーしました！
目次