WordPressカスタマイズ

アイコンフォント

アイコンフォントとは

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

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

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

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

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

Dashicons

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

Font Awesome

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

ピックアップ記事

  1. WordPress 5.0 リリースで注意するべきこと
  2. Internet Explorerの終わり-Microsoftが公式に使用をやめ…
  3. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  4. 無料セッション!ホームページ・WordPressのお悩み解決
  5. Webが苦手な初心者対象。ゼロから作るWordPressワークショップ

関連記事

  1. WordPressカスタマイズ

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!

    WordPressのテーマテンプレートは、有料・無料を問わずたくさん公…

  2. WEB技術

    お問合せフォームの送信通知をLINEで受け取る

    どのホームページにも、お問合せフォームは必ずあります。WordPr…

  3. PHP

    背景色に対して文字色は白か黒か

    W3Cで公開されているアルゴリズムを利用してみる。例えば、…

  4. WordPress初心者ワークショップ 名古屋開催

    SEO

    WordPress初心者ワークショップをやりました。次回は2月20日

    定期的に開催しています、WordPressを全部自分で作っていくワーク…

  5. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿がされた場合、管理者にメールを送る

    想定としては、ブログ記事の公開に上長や責任者の商人が必要な場合。…

  6. api

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

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

ピックアップ

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

    WordPressカスタマイズ

    レビュー待ちの投稿がされた場合、管理者にメールを送る
  2. SEO

    無料セッション!ホームページ・WordPressのお悩み解決
  3. デメニギス パイルダーオン

    デメニギス

    デメニギス パイルダーオン!
  4. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で編集者権限ユーザーにメールを送る
  5. iPhoneだけでできる集客動画ワークショップ

    今日の出来事

    iPhoneだけでできる集客動画ワークショップをやりました。
PAGE TOP