【Rails】link_toメソッドの中にタグを含める

【Rails】link_toメソッドの中にタグを含める

Railsのlink_toメソッドは次の書式で利用します。

link_to(文字列, パス [, オプション, HTMLオプション])

link_to – Railsドキュメント

文字列指定部分にHTMLタグを含めたい場合、例えばアイコンボタンや少し複雑なリンク構造のなどは、どうやってHTMLを組み込むかが悩みものです。

ブロック構文を使う

そこでブロック構文を利用します。

<%= link_to users_path do %>
  <i class="fa fa-square"></i> リンク
<% end %>

<%= link_to [パス] do %> 〜 <% end %> の書式だと、そのブロックの中にHTMLを内包することができるので、複雑なリンク構造も難なく対応することが出来ます。

Slimの書き方は?

ちなみにぼくはSlimを使うケースが多いので、合わせて紹介しておきます。

= link_to '/path/to' do
  i.fa.fa-square
  | クリック

アイコンを含んだボタンリンクなどを利用することが多いと思いますので、覚えておきましょう。

五十川 洋平(Yohei Isokawa)

五十川 洋平(Yohei Isokawa)

フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。Udemyでプログラミング解説の講師や、ドローンを使った映像制作も行っています。

プロフィール