1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Railsでlink_toを使ってボタン遷移を実装する

Posted at

##概要
今回実装したいのは、以下の画像のようなボタンにlink_toメソッドでリンクを与える実装です。

syuppinn.png

この'出品する'ボタンをクリックすると、与えた商品投稿ページのリンクへ遷移することができます。

##二通りのやり方がある
この機能の実装には二通りのやり方があります。
なぜlink_toの方が良いのかはわかりません...

・a href要素での記述

xxx.html.erb
<a href="パス">
出品の画像やテキストの記述
</a>

・link_toでの記述

xxx.html.erb
<%= link_to("URL") do %>
 ここにHTMLのコードを記述する
<% end %>

##例
今回の実装で記述したコードを参考例として貼っておきます。

xxx.html.erb
<div class='purchase-btn'>
  <span class='purchase-btn-text'>出品する</span>
  <%= link_to ("/products/new") do %>
    <%= image_tag 'camera.png' , size: '185x50' ,class: "purchase-btn-icon" %>
  <% end %>

</div>
1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?