hamlのヘルパーメソッドの使用例

link_toの使い方

link_toを使用する際、

link_to "テキスト","リンク先のパス"

などで使われることが多いが、テキスト等であればそこに表示したいテキストを記入すればよいが、ロゴを指定しないととなると少し書き方が変わってくる。

例えば
VScodeのimageの中に"logo.png"というロゴを入れてそれを指定する場合は

= link_to root_path do
  = image_tag src ="logo.png",size"140x40"

と記入してあげるとlogoを表示することができる。

submitでのロゴの使い方

form_forなどでlogoボタンを使用する際、f.submitだとlogoが表示できず
例えばbutton_tagを利用すると

= button_tag type:'submit', class: 'submit_btn' do
  = icon('fas','search')

と使用することで、ロゴのボタンを使用することができる。
またこちらのロゴを使用する際はFontAwesomeをgemファイルからインストールする

gem 'font-awesome-sass'

こちらを入力してbundle install

またapplication.scssに

@import "font-awesome-sprockets";
@import "font-awesome";

を入力するのを忘れずに。