番外編

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一覧

あなたにおすすめ

外部リンクをカード化する

ここが便利

  • 埋め込みURLで変換できない外部リンクもブログカードにできる*
  • タイトルやサムネイル画像を変更できる

URLを指定するだけでブログカード風のリンクにします。 外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。

* リンク先の状態によっては変換できないケースもあります

外部サイトやリンクもブログカードにできるWordPressプラグイン
外部サイトやリンクもブログカードにできるWordPressプラグイン

このプラグインを利用するには別売のWordPressテーマ「AFFINGER6」が必要です。 URL ...

on-store.net

オススメ記事

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

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

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

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

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

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

-番外編

PAGE TOP