掲示板を作ってみる・その９【レイアウトファイルとスタイルシートファイルを作成】
2008年08月09日 (土)
掲示板を作ってみる・その１【何を作るの？】
掲示板を作ってみる・その２【モデルを作る パート１】
掲示板を作ってみる・その３【モデルを作る パート２】
掲示板を作ってみる・その４【ルーティングを考える】
掲示板を作ってみる・その５【コントローラを生成】
掲示板を作ってみる・その６【ヘルパを作る】
掲示板を作ってみる・その７【スレッド用コントローラを編集】
掲示板を作ってみる・その８【レス用コントローラを編集】
掲示板を作ってみる・その９【レイアウトファイルとスタイルシートファイルを作成】
掲示板を作ってみる・その１０【スレッド用のビューファイルを作成】
掲示板を作ってみる・その１１【レス用のビューファイルを作成】
掲示板を作ってみる・その１２【ruby-gettext で日本語化】
いよいよ HTML 関係のフロントエンド作成です。
まずは、レイアウトファイルを作成しちゃいます。
レイアウトファイルっていうのは各画面共通の HTML で何度も書くとめんどくさいよ、という部分を切り出したものです。
app/views/layouts/default.html.erb
<html>
<head>
<title>
<%= @html_title || 'マイッチング長谷川' %>
</title>
<%= stylesheet_link_tag 's1' %>
</head>
<body alink="red" bgcolor="#efefef" text="black" vlink="#660099" link="blue">
<%= yield %>
</body>
</html>
yield ってところに、view ファイルがポコっとはまって表示されるイメージです。
でもただレイアウトファイルを作成しても何も起きません。コントローラファイルの中で、私はこのレイアウトファイルを使うのよ！という宣言をしなくてはならないのです。
今回は、全てのコントローラに共通した処理を書く app/controllers/application.rb ファイルに、↑で作成した default レイアウトファイルを宣言します。
app/controllers/application.rb
class ApplicationController < ActionController::Base
layout "default"
・
・
・
豆知識：↑で"default"ではなく:defaultと書いてしまうと、コントローラ内の default メソッドの戻り値と同じ名前のレイアウトファイルを探そうとします。くわばらくわばら。
それからスタイルシートファイルも定義していまいます。エラーメッセージを表示する所でちょっとカスタマイズするためのスタイルシートです。
public/stylesheets/s1.css
div#errorExplanation h2 {display:none;}
div#errorExplanation p {display:none;}
div#errorExplanation ul {list-style-type:none;}
div#errorExplanation li {color:#ff0000;}
pre {font-family:sans-serif;}
おしまい。次回へ続く
【広告】