Laravel8でAdminLTE3をターミナルで導入して、インストールする方法。管理画面をサクッと作ろう。

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
AdminLTEはどうやってインストールしていくんですか??

よしたか
学んだことをアウトプットしていきます。

 

この記事を読むことで
  • LaravelでAdminLTEを導入できます。

Contents

AdminLTEをダウンロードインストールする方法

Laravel-AdminLTEのインストール準備

大前提
  • composerをダウンロード・インストールしておきましょう。
  • composerインストールコマンドで検索すると出てくるはずです。
  • ログイン画面の実装もしておいてください。

Laravel-AdminLTEのインストール

composerを使ってLaravel-AdminLTEをインストールします。

最初に次のコマンドを実行しましょう。

 

composer require jeroennoten/laravel-adminlte

インストールすると、artisan adminlte が使えるようになります。

artisanコマンドが追加されます。
  •  adminlteをインストールすると以下のコマンドが使えるようになります。

    php artisan adminlte:install  

    php artisan adminlte:plugins     

    php artisan adminlte:status      

    php artisan adminlte:update      

次にインストールコマンドを打ち込みましょう。

 

php artisan adminlte:install

 

実行すると、configフォルダにadminlte.phpが作成されます。

resources/langフォルダに、言語ファイルが作成されるので確認してみましょう。

認証用のViewの作成

下記コマンドで、認証用のViewを作成します。

php artisan adminlte:install –only=auth_views

resources/views/authフォルダの中身が、AdminLTE用のViewに書き換えらえます。

下記は、ログインテンプレートのファイルの中身です。

resources/views/auth/login.blade.php ファイル

@extends(‘adminlte::login’)

※vendor/jeroennoten/laravel-adminlte/resources/views/login.blade.phpのファイルが参照されています。

 

下記コマンドを実行すると、/resources/views/vendor/ 下にadminlteのベースが作成されます。

基本的に/config/adminlte.phpで制御が可能です。

 

ここが大事なので、2回言っておきます。

 

基本的に/config/adminlte.phpで制御が可能です。

 

※ 但し、ベースに修正をかけたい場合は、以下のコマンドを行ってください。

php artisan adminlte:install –only=main_views

 

※ベースをview配下に持ってきて、修正をかけます。

サンプルページ(見本)

ログイン後にhome.balde.phpが参照されます。

laravel-AdminLTEのREADMEにあるサンプルに書き換えてみます。

resources/views/home.blade.phpファイル 「ページの雛形」

@extends(‘adminlte::page’)

@section(‘title’, ‘Dashboard’)

@section(‘content_header’)
<h1>Dashboard</h1>
@stop

@section(‘content’)
<p>Welcome to this beautiful admin panel.</p>
@stop

@section(‘css’)
<link rel=”stylesheet” href=”/css/admin_custom.css”>
@stop

@section(‘js’)
<script> console.log(‘Hi!’); </script>
@stop

viewファイルを保存後、home画面をみてみましょう。

まとめ

今回はLaravel8でAdminLTE3をターミナルで導入する方法についてお伝えしました。

まずは導入までできるとだいぶ気持ちが違うと思います。管理画面を綺麗に導入していきましょう。

※プログラミングは習得中ですので、参考程度に記事を読んでください。

あなたは「Web集客」に限界を感じていませんか?

サイトをただ作るだけで満足ですか?

あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

良いコンテンツも埋もれてしまっては全く意味がありません。

正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

しかも、これだけでは終わりません!!

その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

↓ ↓ ↓ ↓ ↓ ↓ 

おすすめの記事