link_to로 이미지와 텍스트를 사용하여 링크 버튼을 만들고 싶습니다.

2381 단어 erbRails슬림

하고 싶은 일



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

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

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

좋은 웹페이지 즐겨찾기