AFFINGER5で便利な「Webアイコン」の種類と使い方【WordPressブログ】

今回は、このブログでも愛用中のWordPressテーマ「WING（AFFINGER5）」における…

をご紹介していきたいと思います

まず「WING（AFFINGER5）」における「Webアイコン」とは、例えば…

明けない夜はありません

↑ こんなの

ほかにも種類はたくさんあり、使い方も超簡単です

それではさっそく見ていきましょー🐥

ちなみに、Webアイコンの「色設定」をカスタマイズする方法は ↓ をどうぞ♪

AFFINGER5で「Webアイコン」の色設定をカスタマイズする手順【WordPressブログ】

続きを見る

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ

AFFINGER5における、「Webアイコン」の種類＆使い方

Webアイコンの種類

「WING（AFFINGER5）」におけるWebアイコンは全部で「7パターン」で、次の通りです

「はてな」アイコンです

「注意」アイコンです

「人物」アイコンです

「チェック」アイコンです

「メモ」アイコンです

「王冠」アイコンです

「初心者マーク」アイコンです

ちなみにこれらのWebアイコンは、初期設定で「カラー」が決まってますが、もちろんその配色は自由にカスタマイズできます

Webアイコンの「色設定」をカスタマイズする手順は ↓ をどうぞ♪

つづいて、肝心の使い方を見ていきましょう🐥

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ

Webアイコンの使い方

まずは、Webアイコンを付けたいテキストを…

↑ 普通に入力します

「ビジュアルエディタ」が何のことかわからない方は、↓ をどうぞ♪（超大切！）

WordPressの「ビジュアルエディタ＆テキストエディタ」とは？【クラシックエディタにおけるブログ記事編集】

続きを見る

本題に戻って…

テキストを入力したら、そのテキストを…

↑ 丸ごと選択します。 その状態で…

↑ 画面上部の「スタイル」をクリックし…

↑ そのなかの「アイコン」にカーソルを合わせると、Webアイコンの種類が表示されます

ここで、好きなアイコンを選びましょう

今回は例として、「チェック」を選んでみたいと思います

↑ 選ぶと、テキストの左側に　□　のマークが付きます

編集画面だと実感がないですが、これでもうWebアイコンは挿入完了です

プレビューで見てみると…

↑ チェックアイコンが無事付きました

「Webアイコン」の基本的な使い方は、これでOKです

お疲れさまでした♪

あずき🐥

Webアイコンの「色設定」をカスタマイズする方法は、↓ をどうぞ♪

AFFINGER5で「Webアイコン」の色設定をカスタマイズする手順【WordPressブログ】

続きを見る

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ