追加された新しいフォント(Ver.4.7.0)のWordPressサイト上での使い方ぺんです。Awesomeのアイコンを活用したいと思い、その利用方法を調べていたのですが、使ってみたいと思った一部のアイコン()が表示されませんでした。参照していたスタイルシートが古く、新しいアイコンに対応していなかったようです。AwesomeのアイコンをWordPressで管理しているサイト上で表示させるための手順を示します。Awesome(http://fontawesome.io/)とは、Webフォント形式のアイコンです。これらのアイコンはベクター形式で提供されているため、拡大してもぎざぎざにならず、スタイルシートを用いて、色、サイズなどを自由にカスタマイズすることが出来ます。これを書いている時点での最新バージョンは4.7.0で、675種類のアイコンが公開されています。Awesomeが提供しているスタイルシートを読み込めば、フォントを利用可能です。33%拡大して表示します。33%増しで表示する。33%増しで表示する。*/このようにアンドロイドのアイコンが表示されるわけですね。AwesomeのGet-Started(http://fontawesome.io/get-started/)ページをみてみましょう。Awsomeを利用する方法としては、CDNを利用する方法と、自分のサーバーにフォントをアップロードする方法があります。今回は、一番簡単なCDNを利用する方法を採用します。一言で言うと、コンテンツデータの配信専用のサーバー群です。画像などの重いデータをCDN上に配置することで、Webサイトへのアクセスを軽減することができます。別名キャッシュサーバーなどと呼ばれており、大量のアクセスが殺到する大手のECサイトなどでも多用されています。多くのユーザーが利用する検索の結果データ等をCDNにキャッシュしておくことで、同じ検索リクエストが来た場合に、再度検索クエリを実行せずにキャッシュされている検索結果をユーザーに返信することで、サーバーの負荷を大幅に軽減できるというわけです。code!”ボタンをクリックします。Awesomeからメールが送付されてきます。Scriptのリンクが記載されています。Scriptを読み込ませるための設定を行います。functions.phpにコードを追加するfunctions.phpに以下のコードを追加します。true);これで準備は完了です。Awesomeのアイコンを任意の場所に表示することができます。Awesomeには面白いフォントもあります。"></i>いろいろ試してみると、面白いことが出来そうですね。アイコンの一覧はこちら(http://fontawesome.io/icons/)にありますので、ご覧ください。利用サービスの選定における3つのポイントアフィリエイト環境に無料ブログサイトは使えるのか?関連記事WordPress失敗しないWordPress(ワードプレス)テーマの選び方ぺんです。スマホ対応のレスポンシブメニューを追加する、W...ぺんです。サイトを運営する上で、スマホ対応はとても重要です。HORSEこちらのサイトでは、ハイクオリティーな無料ワ...Server(初心者向け)WordPressサイトのバックアップ、リストア(復旧)手順の詳細解説ぺんです。Flywheelを使って、WordPressのローカル環境を簡単に構築する方法ぺんです。「MAG」を選んだ3つの理由ぺんです。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。最近の記事2018.01.202019年最新版-ツイッターアカウントの登録方法ぺんです。皆さんはツイッターを利用してますか?最近ではインスタグラム...2018.01.12019年最新版-マイクロソフトアカウントの登録方...ぺんです。ネット上では、次々と便利なサービスが登場しますね。...2017.12.31(初心者向け)WordPressサイトのバックアッ...ぺんです。Flywheelを使って、Wor...ぺんです。Wordpressサイトのカスタマイズをするは、細心の注意を払...2017.12.10WordPressテーマに、広告を表示するウィジェ...ぺんです。運営情報ようこそ、あふぃぶへお問い合わせ。