Awesomeも】AFFINGERのタグボックスのアイコンを変更する方法2022年5月29日でくみなさんこんにちは、でく(@dddekunoboh)です。今回はAFFINGERの、タグボックスでwebicon(ウェブアイコン、ウェビコン)の設定をする話。AFFINGERに標準で搭載されているクリップメモタグやボックスタグはとても便利ですよね。いうのとかはてなこういうやつこうしたタグで呼び出せるボックスは重宝しますが、さらにカスタマイズをしてオリジナリティを出したいと思ったときはありませんか?そんなときに便利なのが、webアイコン(webicon)をカスタマイズすること!webiconを変更することで、さきほどのボックスもこんなふうに変更することができます。りんごマークにしたりandroidドロイドくんにしたりこういう遊びごころのあるボックスが作れたら楽しいですよね!ブログの自由度が大幅にアップするので、オリジナリティも出しやすくなりますね!ということで今回は、AFFINGERのwebiconを変更する方法について解説していきたいと思います。AFFINGERカスタム情報まとめAFFINGERのカスタマイズに便利なテクニック&webサイトまとめ続きを見るAFFINGER標準搭載のwebアイコンに変更する(初心者向け)例として、このボックスをいじっていこうと思います。はてなこれをいじるこのボックスを表示させるAFFINGERタグはこちらです。0"]これをいじる[/st-mybox]webiconを変更する場合には、このタグの赤太字にした部分を変更していきます。webicon="st-svg-question-circle"この部分ですね。中身が、なんのアイコンを表示するかを指定しています。この中のコードを変更することで、アイコンを変更することができます。AFFINGERには、標準でいくつかのアイコンセットが登録されています。アイコンセットを呼び出すには、まず「タグ」を選択します。>と進むと、いろいろなアイコンを選ぶ事ができると思います。この中から例えば、ハートを押してみましょう。するとこのようなものが貼り付けされると思います。st-svg-heartこれが、webアイコンのコードになります。"の中に入れてあげます。0"]webiconがハートになります[/st-mybox]このコードでできあがるボックスはこちらになります。はてなwebiconがハートになります同じ手順で、さきほどのwebiconリストのものから選んで、自由にボックスのアイコンをカスタマイズすることができます。ちなみにボックスの「はてな」の文言を変えるときは以下の赤太字の場所を変えると変更できますよ。Awesomeを使ってカスタマイズすることができます。Awesome」プラグインをインストールします。準備はこれで完了です。それではこちらのボックスをいじっていきましょう。はてなこれをいじる基本のやり方は、AFFINGERのタグリストにあるwebiconを使う時と同じです。webアイコンのコードをとってくる箇所はこちらのサイトです。Awesomeのアイコンページにアクセスしたら、検索ボックスでアイコンを探してみます。今回は「apple」で検索してみます。検索結果がこちらです。この中のアイコンならなんでもOK!と言いたいところですが、残念ながらそうはいきません。Awesomeのアイコンには無料アイコンと有料アイコンがあるのですが、この方法では、無料で使えるアイコンでしか使用できません。ここでは検索結果から無料アイコンに絞込むよう「Free」をクリックします。すると検索結果を無料アイコンに絞り込むことができました。この中のものであれば、自由に使うことができます。今回はAppleのリンゴマークを選んでみましょう。アイコンの詳細画面になったら、このwebアイコンを使用するためのコードをコピーします。画像の赤丸で囲った部分をクリックすると、クリップボードにコピーされます。貼り付けたものがこちら。fa-apple"></I>このコードの中の赤太字の部分だけ、さらにコピーしましょう。"の中にコピーします。ここで注意です!!このコードのままコピーをしても、タグボックスに正しくアイコンが反映されません。Awesomeのwebアイコンをタグボックスに反映させるには、先程コピーした部分の前に「fa」をもう一つ添える必要があります。fa-appleこのようにしてください。この状態で、タグボックスのwebicon=""の中に入れましょう。0"]これでアイコンがアップルになる[/st-mybox]これで完成です。Awesomeにある多種多様なアイコンで同じ方法で作ることができるので、ぜひ活用してみてくださいね!!スポンサーリンクPostSharePocketHatenaPinterestLINEこの記事を書いた人でく元高校教師でブロガー。得意ジャンルは教育・家電・ガジェット・健康美容。便利グッズや電子機器を収集してレビューするのが趣味のオタク。買ったものを人に紹介する趣味が高じてブログを立ち上げる。デグー・リチャードソンジリス・スナネズミを飼育するげっ歯類好き。コメントをキャンセルメールアドレスが公開されることはありません。※ニックネーム(任意)メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。バイクコラム記事プライバシーポリシーでく元高校教師でブロガー。得意ジャンルは教育・家電・ガジェット・健康美容。便利グッズや電子機器を収集してレビューするのが趣味のオタク。買ったものを人に紹介する趣味が高じてブログを立ち上げる。デグー・リチャードソンジリス・スナネズミを飼育するげっ歯類好き。(2)お問い合わせメール:ddekunoboh@gmail.comTwitter:@ddekunobohガジェットや便利グッズのレビュー、広告掲載を受け付けております。詳細はご相談ください。