番外編

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

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

https://remixicon.com/

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

「REMIX ICON」の利用の流れ

CSSを読み込む

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

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

クラスを記入する

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

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

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

注意点

  •  投稿画面側には表示されません
  • メモブロックで使用した場合はラベルは利用できません
  • アイコンやブロックによっては使用できない場合もございます
  • REMIX ICONは他社サービスのため仕様変更や当機能では使用できなくなる可能性もございます。

解決しないことは検索もしてみてね

アイコン

AFFINGER6 レイアウト表 ver20240115

1 ファイル 194.78 KB
ダウンロード
アイコン

カスタマイザーパネルリスト_20240115

1 ファイル 173.48 KB
ダウンロード

AFFINGERのAI（GPTs）で『小学１年生 英語勉強方法 おすすめ』記事を作成

「頭脳」を手に入れるAFFINGER監修 GPTs一覧

あなたにおすすめ

検索キーワードを把握してマッチした広告を挿入する

「検索ワード提案プラグイン」を使用することでサイト内検索フォームに関して以下のことが可能になります。

ここが便利

  • サイト内で検索されたキーワードがわかる
  • 検索結果にキーワードに応じた任意のコンテンツ（広告）を挿入することができる

例えば、検索フォームで「ドッグフード」で検索をしたときに通常は関連する記事を一覧で表示するだけですが、このプラグインでは好きな「広告」や「読んで欲しい記事」を表示することが可能です。

オススメ記事

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

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

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

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

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

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

-番外編

PAGE TOP