AFFINGER６（アフィンガー６）で使えるアイコン一覧

この記事がお勧めな方

ショートコード無しで使えるアイコン一覧

ショートコードを使用しなくても管理画面のリストから選択できるアイコン一覧です。

※　見やすいように色とサイズを変更して表示しています。

ショートコードにアイコンクラスを追加することで表示できるアイコン一覧です。

管理画面の「アイコンクラス入力欄」にアイコンクラスを入力することでも表示可能です。

※　見やすいように色とサイズを変更して表示しています。

下のようなショートコードを入力することでアイコンを表示させることができます。

[st-i class="アイコンクラス" add_style="〇〇"]

詳細とアイコンクラスについては「公式マニュアル」にて確認をお願いします。

AFFINGER６（アフィンガー６）では１００以上のアイコンを利用することができます。

ただ、ショートコードで利用するアイコンは「公式マニュアル」でアイコンクラスを確認する必要があるので、それが少し不便です。

また、アイコンのサイズや色を変更するには少し工夫が必要になります。

アイコンの色とサイズを変更するにはショートコードの「add_style=」部分に次のように記述してあげます。

[st-i class="〇〇〇" add_style="color:#7CB342;font-size:1.5em"]

「color：＃7CB342」が色の指定です。

「＃7CB342」に使用したいカラーコードを入力します。

WEBカラーコードは検索すればすぐに確認することができます。

「font-size:1.5em」がサイズの指定になります。

「1.5em」という単位が聞き慣れないかもしれませんが、「em」の単位を使用することで相対的にサイズを変更することができます。

解りにくいと思いますので、初心者の方は実際に数字部分を変更して表示を確認するのが一番です。

ショートコードでアイコンを表示させる場合、知識がないと戸惑って時間がかかってしまいます。

一度作成したショートコードをエクセルなどに保存して次に使用したいときにすぐに使用できるようにしておくといいと思いますよ。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることが可能です。

無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

: 無料お試しがずっと可能なAIライティングツール

2024/10/12 ブログ作成, 初心者

「記事作成にAIを活用してみたいなぁ」「でも料金はかけたくないなぁ」そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。もちろん無料お試しなので、機能をフルに使用するこ ...