Как создать свой шаблон (для LibArea)?

Давайте попробуем создать новый шаблон для этого сайта. Засек время, на всё ушло около 10 минут. Сейчас осталось облагородить и залить сюда этот дизайн.

Создаю папку light (а в вашем случае другую) в папке: /resources/views/. В ней разместим следующие папки (2 папки: css и global) и файлы:

README.md
meta.php
css
  -- custom.css
  -- build.css

Файл build.css является обязательным.

Его содержание:

@import 'custom.css';

Т.е. файл custom.css подключается из build.css. При перестройке скрипт будет искать «файл для сборки» — build.css.

В файле README.md размещаем документацию по своему шаблону.

Всего 4 файла! При создание шаблона не стоит копировать всё содержимое папки default в свой шаблон. Пусть будут только те файлы, где были изменения. Мы открываем свой шаблон и если видим там файл, то знаем, что именно этот файл заменен. Если мы скопируем всю папку default и там будем править, то спустя уже 1 день мы понятия иметь не будем, что там изменили.

Отвлёкся…

Свои стили пишем в файл resources/views/light/css/custom.css своего шаблона. Папка light это и есть папка нашего шаблона.

Сейчас они вот такие:

body { background-color: #f3f3f3; }

.box,
.indent-body { background-color: #fff; }

.indent-body { padding: 15px; }

ul.nav > li.active {
  background-color: #111;
  color: #fff;
}

ul.nav > li.active > a { color: #fff; }

Готово!

Чтобы шаблон появился и был доступен для выбора в файл:

./config/general.php

Добавим в массив, где шаблоны строку:

'light' => 'Light',

Должно получиться:

    'templates'         => [
            'default'   => 'Default',
            'qa'        => 'Q&A',
            'minimum'   => 'Minimum',
            'light'     => 'Light',
        ],

Следом в админ- панель и пересобираем css.

Теперь подключаем собранный css непосредственно в шаблон. Для этого в файле шаблона: /meta.php добавим строку:

<link rel="stylesheet" href="/assets/css/light.css?<?= config('general', 'version'); ?>" type="text/css">

Должно получиться:

<link rel="stylesheet" href="/assets/css/style.css?<?= config('general', 'version'); ?>" type="text/css">
<link rel="stylesheet" href="/assets/css/light.css?<?= config('general', 'version'); ?>" type="text/css">

Вот собственно и всё.

Обновляем кэш браузера (или меняем счетчик в файле config/general.php) и смотрим, что вышло.

P.S. на этом примере можно сделать свой шаблон.

Вот папка light собранная: https://libarea.ru/dev/light.zip