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

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

あなたにおすすめ

アニメーションで魅力的にする

スクロールに応じて画像やコンテンツを上や下からふわっと表示するなど魅力的で動きのあるデザインを実装できます。

おすすめ!スクロールでアニメーションするWordPressプラグイン
おすすめ!スクロールでアニメーションするWordPressプラグイン

欲しかったあの演出が簡単にできる! スクロールで表示する様々な演出パターン 現在でもデフォルトで画像 ...

on-store.net

オススメ記事

no image 1

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

2

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

3

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

-ACTION

無料配布キャンペーン中!

詳しくみる

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP