Как в yii2 создать несколько тем?

Question

[Лев К]

Всем привет.
Столкнулся с проблемой создания нескольких тем, сейчас в конфиге :

'components'=>[
'view' => [
            'theme' => [
                'basePath' => '@app/themes/theme1',
                'baseUrl' => '@app/themes/theme1/web',
                'pathMap' => [
                    '@app/views' => '@app/themes/theme1/views',
                ],
            ],
        ],
],

Как мне добавить theme2 ? basePath & baseUrl должны быть разные, т.к. в разных темах разные css и js файлы, которые хранятся в */web/css|js|image.

Answer 1

[Дмитрий]

Добрый день.
Когда-то тоже интересовался этой темой. Есть несколько вариантов решения проблемы.
Например, в SiteController можно сделать так:

public function init() 
    {
        parent::init();
        // Вариант 1
        // Работает без компонента в конфигурации
        // 'view' => [
        //    'theme' => []
        // ]
        $theme = Yii::$app->request->get('theme');
        if($theme){
            $this->getView()->theme = Yii::createObject([
                'class' => '\yii\base\Theme',
                'baseUrl' => '@web/themes/'.$theme,
                'basePath' => '@app/themes/'.$theme,
                'pathMap' => ['@app/views' => '@app/themes/'.$theme],
             ]);
         }
        
        // Вариант 2
        //Работает, если в конфигурации есть компонент без параметров
        // 'view' => [
        //    'theme' => []
        // ]
        Yii::$app->view->theme->basePath = '@app/themes/admin';
        Yii::$app->view->theme->baseUrl = '@web/themes/admin';
        Yii::$app->view->theme->pathMap = ['@app/views' => '@app/themes/admin'];

    } 

    // Вариант 3
    // устанавливает тему на лету
    // вид ссылки
    // <a href="themeswitch/theme=theme_name">theme_name</a>
    // 
    public function actionThemeswitch($theme)
    {

        if($theme == 'default'){
            Yii::$app->response->cookies->remove('theme');
            return $this->redirect(['index']);
        }

        $options = ['name'=>'theme','value'=>$theme,'expire'=>time()+86400*365];
        $cookie = new \yii\web\Cookie($options);
        Yii::$app->response->cookies->add($cookie);

        return $this->redirect(['index']);
    }

    public function beforeAction($action)
    {
        if (parent::beforeAction($action)) {
            if (Yii::$app->request->cookies['theme']) {
                $theme = Yii::$app->request->cookies->getValue('theme');

                Yii::$app->view->theme = new \yii\base\Theme([
                    'pathMap' => ['@app/views' => '@app/themes/'.$theme],
                    'baseUrl' => '@web',

                ]);

            }
            return true;  // or false if needed
        } else {
            return false;
        }
    }

Ещё вариант Как правильно сделать свою themes для проекта на yii2?
Мой пример(вариант № 3)

P.S. Пример по варианту № 3 придуман не лично мной. Нашёл на просторах инета, может даже на toster.ru. Показал как demo.

P.S.S
Допустим тема Portfolio(по ссылке.)
Тема находится по пути themes/portfolio
Изображения для темы themes/portfolio/assets/ims (там же находятся css, js)
Виды темы в themes/portfolio/views/site
В файле index.php темы

use app\assets\PortfolioAsset;
 $image = PortfolioAsset::register($this);
 $theme = $this->theme;

Изображения в этом же файле подключаю так:

echo Html::img($image->baseUrl.'/img/portfolio-1.jpg',
                         ['alt' => '']);

И конечно же в PortfolioAsset такой параметр

public $sourcePath = '@app/themes/portfolio/assets';

Comments

[Лев К]

slo_nik спасибо за развернутый ответ, уже сделал через init()
Ваш пример не работает (ошибка по ссылке)!

[Дмитрий]

Лев К: Странно, перед тем как дать ссылку проверял.
Сейчас посмотрел, да, видать проблема с сервером.
Связался с техподдержкой, что-то там обновляют, видать из-за этого.
Если Вам интересно, то могу сообщить, когда наладят, чтобы посмотреть пример.

[Дмитрий]

Лев К: Заработало. Можете смотреть.
В навигации "Themes"

[Лев К]

slo_nik: Спасибо глянул, но проблему не решил ... не получается сделать подгружать картинки из тем.
css и js регистрирует Asset, их я использую разные для разных тем => со скриптами все в порядке. А вот изображения не доступны из web (т.к. папка темы не доступна из web). Как Вы обошли данную ситуацию?

[Дмитрий]

Лев К: Обновил ответ

[Лев К]

slo_nik: Все равно не получается найти картинку. Пишет:
test.local/var/www/test/frontend/themes/theme2/web/Images/logo.png 500 (Internal Server Error)
И еще, а (из твоего описания)
$image->baseUrl.'/img/portfolio-1.jpg'
$this->theme->baseUrl.'/img/portfolio-1.jpg'
Не одно и тоже ?

[Дмитрий]

Не одно и тоже ?

Нет. У меня работает первый вариант, второй не работает.

500 (Internal Server Error)

Ошибка сервера, смотрите логи. Права файла проверьте в первую очередь.

[Лев К]

slo_nik: Разобрался, забыл $baseUrl поставить в ассетах. Теперь и изображения регистрируются в webroot и доступны от туда. Остались шрифты ))
спасибо за помощь!

[Дмитрий]

Лев К: Пожалуйста.
А со шрифтами я делал так:
в том же PortfolioAssets

public $css = [
       'font-awesome/css/font-awesome.min.css',
       'http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic'
	];

Answer 2

[Максим Тимофеев]

Как вариант:

'view' => [
     'theme' => require(__DIR__ . '/theme.php'),
]

там лежит конфиг и перезаписывается из админки

Comments

[Лев К]

Максим Тимофеев т.е. темы не предусматриваются разные виды и css файлы ? Зачем тогда они нужны ?

[Максим Тимофеев]

Лев К: Темы подразумевают разные виды и css файлы. Вы же задаете basePath & baseUrl, соответственно там Ваши css и лежат. Разные темы - разные папки, разные css, фотки и т.д.
www.yiiframework.com/doc-2.0/guide-output-theming.html

[Лев К]

Максим Тимофеев:
Максим Тимофеев: Доку перекурил уже )
Как по примеру из доки создать еще одну тему ? без require желательно. Я себе всегда представлял это примерно таким образом, в контроллере :
action1 {
$this->theme = 'theme1';
}
action2 {
$this->theme = 'theme2';
}
Т.е. часть сайта перевожу на новый дизайн, а другая часть работает без проблем, отладил просто поменял значение в контроллере и в продакшн).

[Максим Тимофеев]

Лев К: Как правильно сделать свою themes для проекта на yii2?