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

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

あなたにおすすめ

Good / Bad プラグイン [PRO]

Good / Bad プラグインでは、ユーザーの評価を手軽に確認することができるプラグインです。

クリックされたボタンに応じたコメントを作成することができます

※「チップを送る」は他サービス Square を使用した例です。当プラグインに送金及び決済機能はございません。

実装サンプル

※プラス1ボタン以外はブラウザを再更新することで再度、クリックできます。

クリック数も確認できます

記事一覧で各ボタンのクリック数が確認できるので、ユーザーの記事に対する評価がひとめでわかるようになります。

「チップを送る」寄付や支援金を受付にも便利なWordPressプラグイン
Good / Bad プラグイン [PRO]

セール対象商品 3,980円 → 3,480円 このプラグインを利用するには別途、WordPress ...

on-store.net

オススメ記事

no image 1

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

2

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

3

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

-ACTION

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

詳しくみる

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP