アイコン

【Font Awesome 6】WebアイコンをAFFINGER6で使うためのコード取得方法

今回は、Font Awesome（Version6）のWebアイコンをAFFINGER6で使うためのコード取得方法について解説します。「Font Awesome 6」のWebアイコンを使う方法は3つあります。 CDNコードを使う Kitコードを使うサーバーにアイコンデータをアップロードする 3の「サーバーにアイコンデータをアップロードする方法」は現実的ではないので除外します。 FontAwesomeに新しいアイコンが追加されるたびにダウンロードし直す必要があるし、自分のサーバーへの負荷もかかるからです ...

【最新】FontAwesomeの登録方法｜アカウント作成の手順を解説

ここでは、FontAwesomeの登録方法として「アカウント作成の手順」を紹介します。 FontAwesomeの「Kit'sコード」を使用するには、アカウント登録が必須です。アカウント登録に必要なのは、登録用のメールアドレスとパスワードだけ。個人情報などを登録する必要はないので安心してください。それでは詳しく解説していきます。 FontAwesomeのアカウント作成手順メールアドレスを登録する１．まずは FontAwesome のトップページを開きます。 → https://fontawesom ...

Font AwesomeのWebアイコンが表示されない時の対処法

という疑問に答えます。結論からいうと、Font Awesomeのバージョンが古いことが原因です。対策としては、「Kit'sコード」を使用している場合「CDNコード」を使用している場合それぞれやり方が異なります。それぞれ詳しく解説していきます。「Kit'sコード」を使用している場合まずは、「Kit'sコード」を使用していて、特定のWebアイコンが表示されないときの対策を解説します。「Kit'sコード」は、「script」で挟む以下のようなコードです。冒頭でも書いたように、特定のWebアイ ...

Webアイコンを文章中に表示させる方法｜色やサイズ変更も簡単！

という方のために、簡単な方法をご紹介します。やり方としては、 HTMLとして編集するショートコードを使用するこの2パターンあるんですが、今回は「ショートコードを使用する方法」をおすすめします。なぜなら、HTMLとして編集するよりもショートコードを使用するほうが簡単だからです。コードエディタで記事を執筆している方は例外です。それではショートコードを使ったWebアイコンの表示方法について詳しく解説していきます。 Webアイコンを好きな場所に表示させる方法冒頭でも書いたように、AFFINGER6で ...

Webアイコン「REMIX ICON」をAFFINGER6で使用する方法

ここでは「REMIX ICON」のWebアイコンをAFFINGER6で利用する手順を詳しく解説します。「REMIX ICON」とは、1300もの汎用的で使いやすいWebアイコンを無償提供しているサイトです。サイトはこちら→ https://remixicon.com/ Webアイコンといえば「Font Awesome」が有名なんですが、実はいろいろ制限があって使いにくいところがあります。たとえば、AFFINGER専用ブロックでは一部のアイコンが使えないとか・・・「REMIX ICON」のいいところ ...

【AFFINGER6】よく使うWebアイコンをまとめました

ブログでよく使うWebアイコンをまとめました。使用するWebアイコンは、 AFFINGERオリジナルアイコン Font Awesome REMIX ICON この3つです。 ※REMIX ICONを使用する方法は以下の記事を参考にしてください。それぞれアイコンの形や大きさなどが微妙に違うんですが、ここではWebアイコンの特性は解説しません。背景色 AFFINGER専用ブロックショートコード使用白 ◎ ○ 薄青 ○ ○ ※文章中にWebアイコンを表示させる方法については以下の記事に詳しく書いていま ...

アイコン

【AFFINGER6 デメリットまとめ】ダメなところ全部正直に答えます！

【初心者向け】デザインがおしゃれで使いやすいWordPress有料テーマ３選

【稼ぎたいブログ初心者向け】買って損しないWordPress有料テーマはこれ一択

保護中: 手順説明に使うスクショ画像をわかりやすく編集する方法

AFFINGER6は初心者には難しい？使いこなせないのは本当か？

＼ここでしか手に入らない／当サイト限定の豪華特典プレゼント