machida

マチダのブログ

Rails でアンカー付きのリンクの書き方

Rails の link_to を使って、<a href="/page#content"></a> のように、ページの途中にリンクを貼る方法をよく忘れるのでメモ。

書きかた

erb

1
<%= link_to 'aタグのアンカーテキスト', リンク先のページのpath(anchor: 'リンク先のページの途中のID'), class: 'aタグのクラス名' %>

1
<%= link_to '通知設定変更', edit_user_registration_path(anchor: 'notifications'), class: 'edit-notification__link' %>

haml、slim

1
= link_to 'aタグのアンカーテキスト', リンク先のページのpath(anchor: 'リンク先のページの途中のID'), class: 'aタグのクラス名'

1
= link_to '通知設定変更', edit_user_registration_path(anchor: 'notifications'), class: 'edit-notification__link'

出力されるHTML

1
<a href="/users/edit#notifications" class="edit-notification__link">通知設定変更</a>
人生解毒波止場 (幻冬舎文庫)
幻冬舎 (2014-12-26)
売り上げランキング: 16,664
comments powered by Disqus