More than 3 years have passed since last update.

動的なタイトルの実装

Posted at 2020-08-22

備忘録です！

デフォルトではタイトルがどのページでもsanpleappと固定されています。

applicaton.html.erb

<head>
  <title>sampleapp</title>
</head>

今回は、ページごとにタイトルを動的に変更していきます。

例）ログインページ・・・ログイン｜sampleapp

application.html.erb

<head>
  <title><% content_for?(:title) ? yield(:title) + ' | sampleapp' : 'sampleapp' %> </title>
</head>

各テンプレート間で異なる情報をレイアウトファイルに伝えたい場合にcontent_forを用います。
content_forを用い、三項演算子で、titleがある場合は、タイトル｜sampleappとなり、titleがない時は、sampleappを表示されるようになります。

user_sessions/new.html.erb

<% content_for(:title, 'ログイン') %>

とする。

これで、ログインページでは、ログイン｜sampleappとタイトルが表示される。