ウェブデザイナーのためのRuby on Rails(ERbの使い方)これだけは覚えよう!

今回はじめてRuby on Railsを使った案件を行いました。
そこで最低限覚えておく3つのヘルパーを紹介します。

※RailsではERbが使われているので、<% %>がコードとして解釈されます。
※Railsのヘルパーについては後ほど。

1.リンクのつけ方
2.画像の貼り方
3.画像にリンクを貼る方法

1.リンクのつけ方

<%= link_to "表示させる文字", :controller => "リンク先のフォルダ名", :action => "ファイル名"  %>

↓こんな感じ。

<%= link_to "お問い合わせ", :controller => "contact", :action => "index"  %>

2.画像の貼り方

<%= image_tag ("ファイル名", :alt => "alt文字") %>

↓こんな感じ

<%= image_tag ("/images/title.gif", :alt => "お問い合わせ") %>

3.画像にリンクを貼る方法

<%= link_to(image_tag("画像ファイル名", :alt =>"alt文字"),
            { :controller => "リンク先のフォルダ名",
              :action => "リンク先にファイル名" }) %>

↓こんな感じ

<%= link_to(image_tag("/images/btn_contact", :alt =>"お問い合わせ"),
            { :controller => "contact",
              :action => "index" }) %>

最低限この3つは覚えましょう。

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>