はじめに
このようにヘッダーに投稿ボタンを付けて、クリックすると投稿ページに遷移するようにしました。
少しだけオサレにするためにfont awesomeに取得したアイコンも含めてみました。
font awesomeとは
Font Awesomeとはアイコンを文字として扱うことを可能にしたツールです。
自分が使いたい画像などを記述する場合は下記のように記述すると思います。
html.erb
<%= image_tag 'icon.png', class:'icon' %>
しかし、Font Awesomeはサイト内にある使いたいアイコンをコピペするだけで使えます。
※登録しないと使えません
文字と画像を含めたリンクの仕方
link_to doにしてブロックで囲みました。
html.erb
<%= link_to(new_review_path, class: 'post-btn') do %>
<span class='post-btn-text'>投稿</span>
<i class="far fa-paper-plane"></i>
<% end %>
<i class="far fa-paper-plane"></i>
上記の記述はFont Awesomeからそのままコピペしてきました。
後はcssで下線部などを消して整えたら出来上がりです！
↧