Rails 一日一つメソッド (Day32) stylesheet_link_tagメソッド

 

Rails 一日一つメソッド (Day32) stylesheet_link_tagメソッド

 

1. stylesheet_link_tagメソッドとは？

 - Web Pageに stylesheet(css file)を指定して読み込ませるために使われる view hleperで、このメソッドを使えばHTML <link> タグを生成し、指定された CSS FileをWeb Pageに見せる事ができる。

 - 読み込みたいCSSファイルを app/assets/stylesheets/ ディレクトリに配置し、stylesheet_link_tagメソッドの引数に読み込みたいCSSファイル名を記述する。

 

2. stylesheet_link_tag 使い方

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbo-track': 'reload' %>

 application

  - stylesheetのfile名を表す。

 - 基本的に app/assets/stylesheets/applicaion.cssを指定する。

 media

  - all stylesheetが読み込ませるタイプを指定する。 allは全てのMedeaタイプに stylesheetに示す意味になる。

 

3. stylesheet_link_tag 実際の例

 

.erb

 <%= stylesheet_link_tag 'main' %>

.html

<link rel="stylesheet" href="/assets/main.css">

 - mainは stylesheet_link_tagに渡された最初の引数で、stylesheet fileの名前を指定する。

 - mainは app/assets/stylesheets/main.css に該当する stylesheet fileを示す。