gretelを使用した パンくず機能の実装の方法

1. What

1.1. パンくず機能

1.1.1. 例

1.1.1.1. Gyazo

2. Why

2.1. ユーザーがウェブページを閲覧する際、現在どのページにいるか視覚的に確認しやすくする為の機能

3. How

3.1. gem gretelをインストール

3.1.1. gemfileに gem 'gretel" を追記

3.1.2. ターミナルにて bundle install

3.2. 設定ファイルの作成

3.2.1. ターミナルにて rails generate gretel:install

3.2.1.1. config/breadcrumbs.rbが生成される

3.3. 設定ファイルの記述

3.3.1. コントローラで定義した変数を使用したい場合、parentに変数を引き渡さないとエラーが生じる

3.3.2. 記述例

3.3.2.1. Gyazo

3.4. ビューの記述

3.4.1. オプション追記可能

3.4.2. - breadcrumb :呼び出したいbreadcrumb名, (＠引き渡したい変数があれば)

3.4.3. = breadcrumbs (<オプション追記例>separator: " &rsaquo; "）

3.4.4. 記述例

3.4.4.1. Gyazo

3.5. cssで見た目を整えて、、

3.6. 完成

3.6.1. Gyazo

3.7. 参考

3.7.1. 公式ドキュメント：File: README — Documentation for gretel (4.1.0)

3.7.2. パンくずリストの実装 - Qiita