Help us understand the problem. What is going on with this article?

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

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

yukiodayo
エンジニア転職を目指し、TECH CAMPに通っております! 様々勉強中ではありますが、素晴らしい作品が作れるように、日々学習していきます! アウトプット、また文章作成能力を高める為に、記事もどんどん投稿していきたいと思います。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away