WordPressにfaviconを追加


投稿日:2011年12月16日
  • 0
  • 0



サイトの顔faviconを追加

以前「Windows版のPhotoshopでFaviconを作成」という記事を作っておいて、このサイトのfaviconがなかったため製作しました。

ブックマークやRSSで並べたときには意外に重要なfavicon。ユーザビリティ向上のためにも導入したほうがいい機能です。

デザインはシンプルで見やすいものということで、名前であるOxyの「O」にました。(そういえばサイトのロゴすら作ってないw)

 ←こんなのです。


設置方法

header.php」の

</head>

直前に

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />

と記述。

製作したfaviconをテーマファイルの「images」フォルダへアップロードする。
以上でfaviconの設定が完了。

サンプルはブラウザのタブを参照してください。


現在のページを共有する



現在のページに関連する記事

Windows版のPhotoshopでFaviconを作成 Windows版のPhotoshopでFaviconを作成
WordPressにfaviconを追加 iOSのWeb Clip機能で使うWebpage Iconのまとめと、作成方法
WordPressにfaviconを追加 これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
WordPressにfaviconを追加 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
WordPressにGoogle+、Facebook、Twitterボタンを追加 WordPressにGoogle+、Facebook、Twitterボタンを追加
WordPressにfaviconを追加 PukiWikiでlazysizesを利用して画像の遅延読み込みを導入する
WordPressにfaviconを追加 Google Hosted Librariesを利用して相互RSSを作る方法

おすすめの記事

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集ソフト

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集…

PukiWikiで5段階評価を付けるプラグインを作成しました

PukiWikiで5段階評価を付けるプラグインを作成しました

UWSCでPhotoshopの作業を自動化する方法

UWSCでPhotoshopの作業を自動化する方法

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

iptablesで設定したパケットフィルタリングが正しく動作しているかテスト

iptablesで設定したパケットフィルタリングが正しく動作してい…

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

Google Fontsの日本語フォント「Noto Fonts」の使い方

Google Fontsの日本語フォント「Noto Fonts」の使い方

Apacheのmod_expiresでファイルタイプごとにキャッシュをコントロールする方法

Apacheのmod_expiresでファイルタイプごとにキャッシュをコント…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。