ビュー - cluchのブログ

外部スタイルシートを指定するリンクタグを生成

stylesheet_link_tag(スタイルシートへのパス [, HTMLオプション])

＜＜　options　＞＞

:media
- 関連ファイルの出力メディアのリンクタイプ
- screen,tty,tv,projection,handheld,print,braille,aural,allが指定可能

Turbolinks は Asset Pipeline を活用しているアプリケーションにおいて画面遷移を高速化するライブラリです。

ex)

<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>

Railsの組み込み関数stylesheet_link_tagを使用して、
application.cssをすべてのメディアタイプにインクルードしています。

カスタムヘルパーを作成する

app/helpers配下に記述します。

ex)各ページのタイトルとデフォルトのタイトルを設定する。
各ページ

<% provide(:title, '各ページのタイトル') %>

app/views/layouts/application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>Ruby on Rails Tutorial Sample App | <%= full_title(yield(:title)) %></title>
    <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
    <%= csrf_meta_tags %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

app/helpers/application_helper.rb

module ApplicationHelper
  def full_title(page_title)
    base_title = "Ruby on Rails Tutorial Sample App"
    if page_title.empty?
      base_title
    else
      "#{base_title} | #{page_title}"
    end
  end
end