2014年12月5日金曜日

Railsでファビコンを設定する

よくブラウザのアドレスバーの横やブックマークした時に表示される画像を作って登録しましょうという話です。
主な手順としては、
1. ファビコンの作成
2. ファビコンの登録
です。
それぞれ、下記に説明していきます。

ファビコンの作成

今回ファビコン用の元画像としてこれを使います。
enter image description here
そして、この画像をファビコン用に変換する必要があるので、
下記のサイトでファビコン用の画像に変換してもらいます。
http://favicon.qfor.info/c/
使い方は、画像を選択して、アイコン作成ボタンをクリックすればすぐに作成されます。
enter image description here
正方形ではないので、こんな感じで、ちょん切られて作成されます。

ファビコンの登録

今回は、Railsでの登録なので favicon_link_tagメソッド を使います。
/layouts/application.html.erbに下記を追記します。
<%= favicon_link_tag %>
この設定を行った場合、/favicon.ico を見にいってくれるので。
作成したアイコンのファイル名を favicon.icoにしてpublicフォルダ配下に配置すれば完成です。

0 件のコメント:

コメントを投稿

statistics