Для тех, кому не терпится перейти к примеру:

В статье будет описано внедрение следующих шаблонов для админки: Gentellela Admin. Адаптивный HTML шаблон для CMS на основе Bootstrap и Адаптивный HTML шаблон для CMS (adminLTE v2.3.2). Стили шаблонов будут установлены как расширение. И так приступим.

Для начала нам необходимо иметь развернутый проект на Yii2, если его еще нет, то разверните его. Быстрая подсказка по установке Yii2 advanced: Yii2 advanced, быстрая установка и настройка.

Установка и использование шаблона gentelella для backend в yii2

Открываем терминал, переходим к папке с проектом и выполняем установку шаблона gentelella с помощью следующей команды:

composer require --prefer-dist yiister/yii2-gentelella "~1.0"

Далее необходимо добавить зависимость в класс AppAsset, для этого открываем файл @backend/assets/AppAsset.php и добавляем нашу зависимость. Класс AppAsset будет выглядеть следующим образом:

<?php

namespace backend\assets;

use yii\web\AssetBundle;

/**
 * Main backend application asset bundle.
 */
class AppAsset extends AssetBundle
{

    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yiister\gentelella\assets\Asset',
    ];

}

Теперь заменим файл @backend/views/layouts/main.php на @vendor/yiister/yii2-gentelella/views/layouts/main.php

Открываем админку проекта в браузере и получаем:

Так же можно заменить view вывода ошибок, для этого замените @backend/views/site/error.php на @vendor/yiister/yii2-gentelella/views/error.php

Все, наслаждаемся стилем шаблона gentelella в yii2.

Чистый шаблон админки gentelella можно скачать здесь: Gentellela Admin. Адаптивный HTML шаблон для CMS на основе Bootstrap

Подробная документация: gentelella.yiister.ru

Установка и использование шаблона adminlte для backend в yii2

Приступим к установке шаблона adminlte в yii2, открываем терминал, переходим в папку с проектом и выполняем следующую команду:

composer require --prefer-dist yiister/yii2-adminlte "~1.0"

Добавляем зависимости. Открываем файл @backend/assets/AppAsset.php и добавляем нашу зависимость как в предыдущем примере. Класс AppAsset будет выглядеть следующим образом:

<?php

namespace backend\assets;

use yii\web\AssetBundle;

/**
 * Main backend application asset bundle.
 */
class AppAsset extends AssetBundle
{

    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yiister\adminlte\assets\Asset',
    ];

}

Далее заменим файл @backend/views/layouts/main.php на @vendor/yiister/yii2-adminlte/views/layouts/main.php

Открываем админку проекта в браузере и получаем:

Для стилизации вывода ошибок замените @backend/views/site/error.php на @vendor/yiister/yii2-adminlte/views/error.php

Все, наслаждаемся стилем шаблона adminlte в yii2.

Чистый шаблон админки adminlte можно скачать здесь: Адаптивный HTML шаблон для CMS (adminLTE v2.3.2)

Подробная документация: adminlte.yiister.ru