FlatPress.info

Information & blog

ファビコンを変更する

たいがいのホームページのカスタマイズではファビコン(Favicon)を変えるはずです。ここでもカスタマイズの好例として、このファビコンを変更しておきたいと思います。

 

Favicon.ico の作成

ファビコンを作成する記事の紹介は大量にあるので、ここではその説明を省略しまして、例えば、このサイトを利用して favicon.ico を作成しておきます。

http://favicon-generator.org/editor/

 

Favicon.ico の変更

インストール直後からファビコンの表示は有効になっているはずです。これは「管理エリア」の「プラグイン」の Favicon の部分を見ると分かります。なので、その画像データを入れ替えればOKです。(同プラグインの imgs/ フォルダにそれがあります)

/flatpress.world/fp-plugins/favicon/plugin.favicon.php

/*
Plugin Name: FavIcon
Plugin URI: http://www.flatpress.org/
Description: Adds a favicon to FlatPress
Author: NoWhereMan
Version: 1.0
Author URI: http://www.nowhereland.it/
*/

function plugin_favicon_head() {
        // your file *must* be named favicon.ico
        // and be a ICO file (not a renamed png, jpg, gif, etc...)
        // or it won't work in IE
        echo '<link rel="shortcut icon" href="' .
                plugin_geturl('favicon') .'imgs/favicon.ico" />';
}

add_action('wp_head', 'plugin_favicon_head');

?>

オリジナルの画像はこれでした。

reuters

新しいこの favicon.ico に変えてみます。(アップロードして上書き)

reuters

その結果は、スクリーンショットを撮るまでもないのですが、このようになります。なお、Firefox (ver 32.0.3)の何らかの条件でファビコンが表示されない現象を経験しています。深く原因を追究していません。

 

ファビコンが表示されている様子

上から順番に、オリジナル、カスタマイズ後(Firefox)、カスタマイズ後(IE)となっています。

favicon-org-m

favicon-new-m

favicon-new-ie-m

 

備考

ファビコンについての話題がファーラムに上がっていますので、気になる人はお読みください。改良されたプラグインもあるようです。

  1. favicon problem? http://flatpress.org/forums-old/comments.php?DiscussionID=339
  2. Plugin Favicon (v2.0) [Flatpress] http://www.pierovdfn.it/2010/08/06/plugin-favicon-v20-flatpress/

 

FlatPess 記事

Copyright c  flatpress.info 2015. All Rights Reserved.