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を作る方法

おすすめの記事

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

ImageMagickをWindowsのXAMPPに導入する方法

ImageMagickをWindowsのXAMPPに導入する方法

初心者でも安全なLAMP環境を構築する方法を解説

初心者でも安全なLAMP環境を構築する方法を解説

標準のアンインストーラーで消えないソフトを徹底的に削除する方法

標準のアンインストーラーで消えないソフトを徹底的に削除する…

5段階評価プラグインを通して学ぶPukiWikiのプラグインを作成する方法

5段階評価プラグインを通して学ぶPukiWikiのプラグインを作成す…

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法


コメントを残す

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

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