하고 싶은 일

이런 느낌의 이미지 + 텍스트 버튼을 만들고 싶다.

<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 %>

슬림의 경우

= 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"
  | 高度な検索

지적 해 주셔서 감사합니다!