WordPressカスタマイズ

アイコンフォント

アイコンフォントとは

以前は「」のようなアイコンを表示させたい場合は、自分で画像を作ったりアップロードしたりというかなり面倒な作業をしなければならなかった。
せっかく作った画像でも、サイズが大きかったり小さかったり、解像度か足りなくて荒れてしまったり、カラーバリエーションの数だけ画像が必要になったりと本当に面倒だった。
「めんどくさい」と思ってた人が世界中にたくさんいたようで、最近ではアイコンフォントというものを使えば、汎用的な物であれば、自作しなくても簡単に挿入することができるようになった。

アイコンフォントのメリット

  • 画像を自分で作らなくても、統一性のある整ったアイコンが使える。
  • フォントなので軽い。
  • フォントなので拡大しても画像が荒れない
  • 色を付けるのも簡単

アイコンフォントのデメリット

  • 汎用的なものしかないので、目的に合わないことも多い
  • 勝手な解釈で使うと誤解を招いたり・・・

Dashicons

https://developer.wordpress.org/resource/dashicons/
WordPressで標準で使われているアイコンフォント。管理画面のメニューのアイコンで使われている。
管理画面のカスタマイズなどで使えば、デザインや雰囲気が破綻しないでしょう。

Font Awesome

https://fontawesome.com/icons?d=gallery
代表的なアイコンフォント。多くのウェブサイトやウェブサービス、アプリで使われている。
無料でも使えるが、使用できる種類に制限がある。

ピックアップ記事

  1. Googleの日本語Webフォント
  2. iPhoneの空き容量を確保する方法
  3. WordPress 5.0 リリースで注意するべきこと
  4. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…
  5. WordPress初心者ワークショップをやりました。次回は2月20日

関連記事

  1. WordPressカスタマイズ

    トップに動画が使えるWPテーマ

    Switchオシャレなブックカフェ・コワーキングスペースをイメ…

  2. WordPressカスタマイズ

    ログイン画面のアイコンを変えてみる

    WordPressのログイン画面のロゴ部分のHTMLを見てみると、…

  3. WordPressカスタマイズ

    ログイン画面の背景を変える

    body.login の背景を設定するget_template…

  4. WordPressカスタマイズ
  5. api

    Google Chart API を使用したQRコード生成

    ホームページにモバイルアクセス用のQRコードを生成する。Googl…

ピックアップ

  1. さよならインターネットエクスプローラー
  2. WordPress初心者ワークショップ 名古屋開催
  3. wordpress5.0リリース
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. 常時SSL化はお済ですか

    SEO

    サイトの常時SSL化はお済ですか?
  2. upload SILVA DOUBLE SUGARSOUL

    ガジェット

    アレクサ、最近のJ-POPをかけて!からの朝生?
  3. WordPressカスタマイズ

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!
  4. WordPress初心者ワークショップ 名古屋開催

    WordPressプラグイン

    Webが苦手な初心者対象。ゼロから作るWordPressワークショップ
  5. アウトプット大全 樺沢紫苑

    読んだ本

    学びを結果に変えるアウトプット大全 -樺沢紫苑-
PAGE TOP