Webアイコン「REMIX ICON」を使用する

2022年3月11日

「番外編」カテゴリーはテーマ外のサービスやサポート外のカスタマイズを紹介するカテゴリーです。状況や今後の仕様変更によっては使用できない場合や不具合が生じる可能性もありますので自己責任にてご参考ください。

Webアイコンを提供しているサイト「remixicon.com」をAFFINGERで使用する方法を紹介致します。

「REMIX ICON」の利用の流れ

githubで公開されているCDNのコードをAFFINGER管理の「その他」->”headに出力するコード”に記入します。

<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

「remixicon.com」で使用したいアイコンを選択すると以下ような画面が出るので「class="●●●"」の「●●●」だけをコピーします。

使用したいブロックやウィジェットの「アイコンクラス」に記載します。

このように表示されます。

注意点

ここが便利

目次をサイト内で使用することは多いと思うのですが、「記事ごとにカスタマイズできたら良いのに」「クリック数がわからないかなぁ」などと思ったことはないでしょうか？

そんな、痒いところに手が届くような目次プラグインです。

「クリックされている見出し = ユーザーが興味のある内容」です。重点的に強化することでさらなる収益化を期待できます

: SUGOI MOKUJI（すごいもくじ）[PRO] - 【公式】STINGER STORE

今ならお得なキャンペーン中 5,980円 → 4,980円本を買うときに目次を確認するように、ブロ ...

on-store.net

オススメ記事

1: レイアウト及びウィジェットエリア名称の一部変更について

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。下部にPDF ...

2: 【サンプルコード付き】トップページを作る

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3: Gutenbergを今より少し使いやすくするステップアップガイド

AFFINGERブロックプラグインプラグインを有効化しよう当テーマは「AFFINGERブロックプラ ...