AdminLTEでサイドバー、ヘッダー、フッターを固定したい

こんにちは、せぃゆーです。

前回までLaravel6でのAdminLTEについて書いてきました。

今回もAdminLTEについてです。

これは私の勝手な意見なのですが、サイドバー、ヘッダーがスクロールされるのが大嫌いなので固定したいです。

フッターは最悪どっちでもいいですが・・・

そこで今回はAdminLTEでサイドバー、ヘッダー、フッターの固定をやりたいと思います。

今までのAdminLTE記事

前回と同様に./config/adminlte.phpを修正していきます。

修正箇所は3つです。

<?php

return [
    // 省略
    
    'layout_fixed_sidebar' => null,
    'layout_fixed_navbar' => null,
    'layout_fixed_footer' => null,

    // 省略

になっているので、それぞれtrueにしてあげます。

<?php

return [
    // 省略
    
    'layout_fixed_sidebar' => true,
    'layout_fixed_navbar' => true,
    'layout_fixed_footer' => true,

    // 省略

これで固定は完了していますが、フッターだけ固定されていません。

というかフッターが表示されていません。

フッターを固定する前にフッターをを表示する方法を確認しましょう

./resources/views/vendor/adminlte/page.blade.phpを見てみます。

過去のAdminLTE導入の記事を見ていただけていればファイルが存在していると思います。

{{-- Footer --}}
@hasSection('footer')
    @include('adminlte::partials.footer.footer')
@endif

hasSectionでfooterセクションが存在するかチェックしているので、home.blade.phpにfooterセクションを作成しましょう

// 省略
@section('footer')
aiueo
@stop
// 省略

これでfooterセクションが存在するのでfooterが表示されるようになります。

footerが必ず存在する場合には.resources /views/vendor/adminlte/page.blade.phpのhasSectionを削除してもいいかもしれません。

確認してみましょう。

サイドバー、ヘッダー、フッターがちゃんと固定されているのがわかります。

今回はAdminLTEのサイドバー、ヘッダー、フッターの固定をやりました。

私的にはフッターはいいにしてもサイドバーとヘッダーは固定したいところです。

誰かの役に立てばうれしいです。