0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

#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";

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?