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

おすすめの記事

ユーザーの環境変数を設定するbashの設定ファイルと、カスタムプロンプトについて

ユーザーの環境変数を設定するbashの設定ファイルと、カスタム…

rsyslogを利用したログファイル作成と、logrotateを利用したログのローテーション

rsyslogを利用したログファイル作成と、logrotateを利用したロ…

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を作成しました

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を…

サーバの処理を自動実行するcronの仕組みと応用法

サーバの処理を自動実行するcronの仕組みと応用法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する方法

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する…


コメントを残す

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

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