【SWELL非公式マニュアル】アイコンを簡単に呼び出せるショートコードの使い方

2024-11-04

SWELLでは、数種類のアイコンをフォントとして読み込まれています。

この記事では、これらのアイコンを文中で簡単に呼び出すためのショートコードの使い方を紹介します。

（例） / /

\ 初心者におすすめ /

以下の３つを利用すると
最短最速でブログ収益化ができます

【レンタルサーバー】

エックスサーバー

【WordPressテーマ】

SWELL

【SEOツール】

ラッコキーワード

上記のリンクを選択すると、各サービスの詳しい記事に移動します。

ショートコードの使い方

使い方はとても簡単で、[icon]または[アイコン]というショートコードでアイコンを呼び出すことが可能です。

[icon ここにアイコンクラス名]

または

[アイコン ここにアイコンクラス名]

とするだけです。

もしくは、Font Awesomeのアイコンを使う時などにクラス名が複数必要な場合、

[icon class="ここにアイコンのクラス名"]

または

[アイコン class="ここにアイコンのクラス名"]

としてもクラスを指定できます。

SWELLで読み込んでいるアイコンのクラス名については、以下の記事で一覧にまとめられています。

SWELL

SWELLで使えるアイコンの一覧 | WordPressテーマ SWELL ここでは、SWELLでフォントファイルとして読み込んでいるアイコンを一覧で紹介しています。 SWELLで標準で使用できるアイコンフォントは、IcoMoonで作成しています。 Font …

また、SWELLでFont Awesomeを使う方法は以下の記事を参考にしてください。

SWELL

SWELLで「Font Awesome」のアイコンを使う方法 | WordPressテーマ SWELL このページでは、WordPressテーマ SWELLで「Font Awesome」のアイコンを使う方法について解説していきます。 ① Font Awesomeファイルを読み込ませようまずは、Font Awesom…