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="●●●"」の「●●●」だけをコピーします。

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

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

注意点

記事や画像ごとの除外設定などカスタマイズができる当テーマ専用の遅延読込プラグインです。

iframeにも対応しており多数の画像やYouTube動画を貼り付けている記事の表示高速化が期待できます。

: WordPress高速化に役立つLazyLoad（遅延読み込み）プラグイン

今ならお得なキャンペーン中 5,000円 → 4,500円当プラグインのご利用にはWordPres ...

on-store.net

オススメ記事

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

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

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

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

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

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