タモレねっと

WordPress初心者に優しい情報サイト

『Favicon Rotator』ファビコンやタッチアイコンを簡単に設定できるWPプラグイン

time 2015/01/02

『Favicon Rotator』ファビコンやタッチアイコンを簡単に設定できるWPプラグイン

sponsored link

Favicon Rotator

ファビコンやタッチアイコンを簡単に設定できるWordPressプラグインです。
Principleのテーマをそのまま使っていると、ファビコンはPrinciple公式サイトと同じアイコンになります。
オリジナルのアイコンにしたい場合は、このプラグインが便利です。

インストールと有効化

Favicon Rotator01
ダッシュボード→プラグイン→新規追加を選んでください。
その後、"Favicon Rotator"で検索→いますぐインストール→有効化します。

設定画面から画像をAddする

外観→Faviconを選択すると設定画面に入ります。
Add Iconボタンで自作のfavicon.icoを登録します。
Set Iconで自作のapple-touch-icon.pngを登録します。
最後に変更を保存ボタンを押せば完了です。

favicon.icoの作り方がわからない場合

gimpなどの画像ツールでもとになる正方形のpng画像をfaviconサイズ名.pngなどの名前で作ってください。
それをもとに画像を縮小して別名保存しては徐々に小さくしていきます。
16×16、32×32、64×64、114×114、152×152があれば十分だと思います。

透過画像にも対応しているファビコン作成がウェブでできます。
下記サイトでは8種類の画像を1つのファビコンにしてくれます。
これで作成したものをダウンロードして使います。

http://ao-system.net/alphaicon/

無料で半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。

apple-touch-iconの作り方がわからない場合

先ほど作成した152×152のpngファイルをapple-touch-icon.pngにリネームするだけでOKです。

設定したのにファビコンが変わらない場合

ブラウザのキャッシュや閲覧履歴を削除してください。
その後念のためブラウザを閉じて再起動すると正常に表示されることが多いです。
Google Chromeでは画像のキャッシュだけでなく閲覧履歴も削除しないと更新されませんでした。

sponsored link

down

コメントする




CAPTCHA


管理人について

タモレ☆管理人

タモレ☆管理人

タモレです。50代で海釣りデビューした犬猫大好きな普通の事務のおばさんです。元・プログラマーで現・終活カウンセラーでもあります。
姉妹サイトの更新情報、WordPressを使ったサイト構築の備忘録を中心にアップしていきます。 [詳細]

サイト内検索

タモレ☆のツイート



sponsored link