AFFINGER6公式マニュアル

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

2022年3月11日

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

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は他社サービスのため仕様変更や当機能では使用できなくなる可能性もございます。

あなたにおすすめ

絞り込み検索を実装する

ここが便利

カテゴリとタグを利用したシンプルな絞り込み検索機能を実装できる
ウィジェットで様々な位置に表示できる

カテゴリとタグを使用した絞り込み検索を作成するプラグインです。

: WordPressのカテゴリやタグで絞込できる検索プラグイン

このプラグインを利用するには別売のWordPressテーマ「ACTION（AFFINGER6）」が必 ...

on-store.net

オススメ記事

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

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

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

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

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

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