[Ruby on Rails] favicon_link_tag で favicon.ico を設定する方法

Tadashi Shigeoka ·  Wed, August 30, 2017

Ruby on Rails の favicon_link_tag ヘルパーメソッドを使って favicon.ico を設定する方法をご紹介します。

Ruby on Rails | ルビーオンレイルズ

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

Rails には favicon_link_tag というヘルパーメソッドがあるので、これを利用してテンプレートファイルに favicon を設定することができます。

以下のように head 内に favicon_link_tag ‘favicon.ico’ を追記しました。

app/views/layouts/application.html.haml

!!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title YourSite
    = csrf_meta_tags
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
    = favicon_link_tag 'favicon.ico'
  %body
    = yield

また、favicon ファイルは favicon.ico というファイル名で app/assets/images/ 直下に保存しました。

favicon_link_tag の第一引数を省略して使うこともできるみたいですが、明示的に ‘favicon.ico’ を記述しておいた方が grep などで後々に役立ちそうなので、このように設定しています。

以上、Ruby on Rails の favicon_link_tag ヘルパーメソッドを使って favicon.ico を設定した、現場からお送りしました。