• パンくずリストとは?

    ユーザーがWEBサイト内のどの位置にいるのかを視覚的に分かりやすくするため、

    上位の階層となるWEBページを順にリストアップしてリンクを設置したリストのことを指します。

    Untitled

  • パンくず導入方法:

    1.breadcrumbs.rbファイルにてパンくずの設定をする

    config/breadcrunmbs
    
    crumb :admin_tags do 
      link 'タグ', admin_tags_path
      parent :admin_dashboard
    end
    
    crumb :edit_admin_tag do |tag|
      link 'タグ編集', edit_admin_tag_path(tag)
      parent :admin_tags
    end
    

    記載コマンドの説明

    crumb :〜〜〜〜 doの部分では、パンくずの名前を設定します。

    link '◯', ~~_path の部分ではパンくずリストに表示されるテキストとリンク先を設定します。

    parent :◯◯の部分では、現在ここで作ったページの親ページを設定します。

    2.パンくずを設定したいビューファイル(slim)にbreadcrunmbsを設定する

    app/views/admin/tags/index.html.slim
    
    = content_for 'content-header' do
    | タグ
    
    **- breadcrumb :admin_tags   =>この箇所にbreadcrumbを追加する。**
    
    [以下省略]
    
    app/views/admin/tags/edit.html.slim
    
    = content_for 'content-header' do
    | タグ編集
    
    **- breadcrumb :edit_admin_tag, @tag   =>この箇所にbreadcrumbを追加する。**
    
    [以下省略]