[Rails] link_toをボタンにして、別タブで表示する方法

前提

DBにTwitterのURLの内容が保存されている

やりたいこと

Twitterのiconボタンを押すと、別タブでTwitterページを表示出来るようにする。

手順

①アイコン設置

Bootstrap-social をダウンロードし下記コードを追加

<i class="btn btn-social-icon btn-twitter"><span class="fab fa-twitter fa-fw"></span></i>

②リンクをつける

<%= link_to @user.twitter_url do %>
  <i class="btn btn-social-icon btn-twitter"><span class="fab fa-twitter fa-fw"></span></i>
<% end %>

③別タブで表示するコードを追加

別タブで表示させるため、target: :_blank を追加

<%= link_to @user.twitter_url, target: :_blank do %>
  <i class="btn btn-social-icon btn-twitter"><span class="fab fa-twitter fa-fw"></span></i>
<% end %>

結論

上記のコードを実行すると、ボタンをクリックすることで別タブでリンクのページに飛んだ。