SWELLでアイコンをショートコードを使わずに（使って）呼び出す

こういった悩みにお答えします。

是非、最後までご覧ください。

SWELLでアイコンをショートコードを使わずに呼び出す

ブロックツールバーのアイコンから選択して呼び出す

トップツールバーから、「 （アイコン）」を選択します。

アイコンを選択から、「 」＞「ロゴ」＞「 」を選択します。

 が表示されました。

アイコンの一例

SVGタグを直接入力して呼び出す

下記画像の赤枠部分にSVGタグを入力することでアイコンを表示できます。

表示させたいSVG画像をクリックしてから、「このアプリケーションで開く」＞「テキストエディット.app」を選択します。

「テキストエディット」はMacに標準搭載されているテキストエディタで、Windowsでは「メモ帳」になります。

以下の方法でもSVGタグを表示させることはできますがインストールや設定が必要です。

あわせて読みたい

【Macは超簡単】VSCodeをインストールと日本語対応する方法 【Macは超簡単】VSCodeをインストールと日本語対応する方法を知りたいですか？本記事では、VSCodeをインストールする方法から日本語対応させる方法までを解説しています。VSCodeをインストールと日本語対応する方法を知りたい方は非是ご覧ください。

あわせて読みたい

【VSCode】MacのFinderでクイックアクションを実行する 【VSCode】MacのFinderでクイックアクションを実行する方法を知りたいですか？本記事では、Finderでクイックアクションを実行するために必要なワークフロー（「クイックアクション」＞「Open with Code」）の作成や削除方法を解説しています。MacのFinderでクイックアクションを実行する方法を知りたい方は是非ご覧ください。

SVGタグをコピペ後、「決定」をクリックします。

SVG画像が表示されます。

SVGタグを直接入力して呼び出せない時の対処法

こちらの記事を参考にしてみて下さい。

あわせて読みたい

WordPressでSVG画像をアップロードする【SWELL可】 WordPressでSVG画像をアップロードする方法を知りたいですか？本記事では、functions.phpにコードを書く方法とプラグインを入れてアップロードする方法を解説しています。WordPressにSVG画像をアップロードしたい方は是非ご覧ください。

SWELLでアイコンをショートコードを使って呼び出す

IcomoonやFont Awesomeのアイコンをショートコードを使って呼び出すこともできます。

詳しくはこちらの記事で解説しています。

あわせて読みたい

SWELLで用意されているショートコードの使い方【大全】 SWELLで用意されているショートコードの使い方を知りたいですか？本記事では、「ブロック化されていない」「ブロック化もされている」「アイコン」全てのショートコードについて解説しています。SWELLで用意されているショートコードの使い方を知りたい方は是非ご覧ください。

今回は以上です。