Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

書籍 RailsによるアジャイルWebアプリケーション開発 | application.html.erbでシステム全体に適用するレイアウトの設定

パンくずリスト

書籍 RailsによるアジャイルWebアプリケーション開発
application.html.erbでシステム全体に適用するレイアウトの設定

概要

application.html.erbでシステム全体に適用するレイアウトの設定を行う

内容

下記のファイルを編集することでシステム全体に適用するレイアウトを編集出来ます。
app\views\layouts\application.html.erb

yield部分は個別に定義したhtml.erbで上書きされる部分です。

サンプル

app\views\layouts\application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>ほげ・はげ・ひげ</title>
  <%= stylesheet_link_tag    "application" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body class='<%= controller.controller_name %>'>
  <div id="banner">
    <%= image_tag("logo.png") %>
    <%= @page_title || "Hoge Hage Hige" %>
  </div>
  <div id="columns">
    <div id="side">
      <ul>
        <li><a href="http://www....">Top</a></li>
        <li><a href="http://www..../hoge">ほげ</a></li>
        <li><a href="http://www..../hige">ひげ</a></li>
        <li><a href="http://www..../hage">はげ</a></li>
      </ul>
    </div>
    <div id="main">
      <%= yield %>
    </div>
  </div>
</body>
</html>

app\views\hoge\hoge.html.erb

<h1>Hoge#hoge</h1>
<p><a href="store/index">store/index</a></p>
<p><a href="products">products</a></p>
<p><a href="say/hello">say/hello</a></p>
<p><a href="say/goodbye">say/goodbye</a></p>
<%@hoges.each do |w|%>
  <%=w.upcase%>
<%end%>

出力例