【Rails】link_toでリンクの一部だけを太字にする方法

2024年5月14日

Railsのlink_toメソッドでリンクを作成する際に、リンクの一部だけを太字にする方法を、備忘録としてまとめます。

【Rails】link_toでリンク文字の一部だけを太字にする

以下の画像のように、リンクの一部だけを動的に変化させつつ、その部分だけを太字にしたいです。

この例だと「鈴木タロー」の部分が動的に変わっており、太字にもなっています。

これを実現するには、ERBファイルで次の実装をすればOKです。

<%= link_to @url do %>
  <b><%= @user.display_name %></b>さんのプロフィールはこちら
<% end %>

生成されるHTMLの例は↓です。

<a href="https://www.example.com/users/5/profile">

link_toメソッドはdo 〜 endを引数に渡せるんですね。

do 〜 endを使う場合、第1引数にリンク先のURLを、第2引数に表示したいコンテンツをブロックとして渡すことで実現できます。

画像やアイコンなどをリンクにしたい場面でも役立ちそうです。

link_toメソッドにdo〜endを渡すケースは初めてだったので、勉強になりました。

よかったらシェアしてね！

未経験でSESから従業員300名以上の自社開発企業に転職しました。業務や個人開発で直面した問題や、転職・学習の経験を発信していきます。