#フッターやヘッダーを作ったら他のページにも使いたい!
ポートフォリを制作中
フッターやヘッダーをページが変わるたびに一から作り直すのかなり面倒だなと感じ調べたらすぐに出てきたので共有させてください!
#結論
このapp > layouts >application.html.erb
の中にある
application.html.erb
#開くとすでに記述してあります
<!DOCTYPE html>
<html>
<head>
<title>PhotoRoke</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
#ここにヘッダーの記述をする
<%= yield %>
#ここにフッターの記述をする
</body>
</html>
<%= yield %>
をフッターとヘッダーで挟む感じで記述しましょう!
#yieldメソッドって何?
レイアウトテンプレートに、各テンプレートファイルを展開するためのメソッドです。とのこと
レイアウトテンプレートとはRailsでいう先ほど編集した applocation.html.erb のことです。
Railsでいうと、ということは他の言語では違うファイルがレイアウトテンプレートなのかもしれません
#yieldメソッドが何をしているか
すごく簡単にいうと
yield = トップページのHTML
yield = 新規投稿ページのTHML
yield = その他のページのHTMI
のようにyieldに各ページのHTMLが中に入る
#終わり
以上になます!
手を抜くプログラミングを行っていきましょう
ご高覧いただきありがとうございました!