link_toで画像とテキストを使ったリンクボタンを作りたい

2697 ワード
erb Rails slim Rails テキストリンク

やりたいこと

こんな感じの画像＋テキストなボタンを作りたい。

<a href="https://sample.com/products/advanced_search" target="_blank">
  <img src="images/search.png">
  高度な検索
</a>

やり方

link_to ... do ... endを使う。

ERBの場合

<%= link_to products_advanced_search_path, target: "_blank" do %>
  <%= image_tag "search.png" %>
  高度な検索
<% end %>

Slimの場合

= link_to products_advanced_search_path, target: "_blank" do
  = image_tag "search.png"
  | 高度な検索

追記：
@scivola さんからコメントでご指摘を頂いた通り、上記のケースではブロックパラメーターがないので、doは省略できます。

= link_to products_advanced_search_path, target: "_blank"
  = image_tag "search.png"
  | 高度な検索

ご指摘ありがとうございます！