link_to로 이미지와 텍스트를 사용하여 링크 버튼을 만들고 싶습니다.
하고 싶은 일
이런 느낌의 이미지 + 텍스트 버튼을 만들고 싶다.
<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"
| 高度な検索
지적 해 주셔서 감사합니다!
Reference
이 문제에 관하여(link_to로 이미지와 텍스트를 사용하여 링크 버튼을 만들고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ezawa800/items/3f18961e043afcb2cf73
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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"
| 高度な検索
지적 해 주셔서 감사합니다!
Reference
이 문제에 관하여(link_to로 이미지와 텍스트를 사용하여 링크 버튼을 만들고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ezawa800/items/3f18961e043afcb2cf73텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)