ACTION

Googleマテリアルアイコン

 https://fonts.google.com/icons?icon.style=Filled&icon.set=Material+Icons

Googleのマテリアルアイコンを使用できるようにしました。

Googleサービスの機能のため、仕様変更や当機能にて利用できなくなる可能性もございます。

利用方法

AFFINGER管理

AFFINGER管理 の「全体設定」>フォントの種類にて「Googleマテリアルアイコン」を有効化します。

アイコンの選択

利用したいアイコンを選択してコードをコピーします。

https://fonts.google.com/icons?icon.style=Filled&icon.set=Material+Icons

利用できるアイコンは「Material Icons」の「Filled」で選択できるアイコンとなります。

カスタムHTMLに記入する

有効化してアイコンのhtmlコードを「カスタムHTML」に記載することで使用できます。

クラッシックブロック・エディター

また、いくつか汎用的なアイコンのコードをクイックタグで用意しています。

注意点

  •  クイックタグのGoogleアイコンは上記設定が有効化されている必要があります。
  • オリジナルブロックの「アイコンクラス」などでは使用できません

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

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

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

あなたにおすすめ

デザイン済みデータ配布ページ

コン太

すごくカスタマイズできるのはよくわかったけど、できればボクは簡単にすぐ始めたいんだ。

シカ子

それなら「デザイン済みデータ」を使用するといいわ。デザインは主に「カスタマイザー」「ウィジェット」「テーマ管理」の設定でできているのだけど、それらのデータを完成形でインポートできるの

コン太

わぁ!それは助かる

シカ子

インポートしてから設定やカラーも変更できるから最初のスタートデザインとしても使えるわね。必ず注意事項などを確認してね

デザイン済みデータ配布ページ - 【公式】STINGER STORE
デザイン済みデータ配布ページ

AFFINGER及びEX版専用のデザイン反映データ(子テーマではありません)です。 利用規約及びご承 ...

on-store.net

オススメ記事

no image 1

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

2

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

3

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

-ACTION

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP