MkeiitWPTheme - тема созданая студентами колледжа Экономики и Информационных технологий г. Мурманска. Тема создана и заточена под использование только в рамках нашего учереждения, однако для удобства эксплуатирования, она легко настраивается, благодаря чему вы так же можете использовать данную тему в своих целях(мне некогда это доделывать), бесплатно. Исходный код находится под лицензией GNU, что позваляет вам использовать тему как угодно, но не в коммерческих целях.
Прежде чем читать дальше, вам нужно иметь представление о разработке сайтов, минимальные знания разработки для Wordpress и иметь в доте не меньше 1000 часов. Если хоть один из этих пунктов не соблюден уходи и не возвращайся пока не прокачаешься. А если тебе нравится delphi, чтоб я больше тебя здесь не видел ты меня понял?!
- Sass компилируемый в css язык стилей
- ES6 JavaScript - javascript давно за пределами вашего понимания
- Webpack для сборки, оптимизации изображений и минификации файлов
- Browsersync для паралелльной разработке на разных устройствах
- Laravel Blade как движок шаблонов
- Controller для управления данными в фреймворке Laravel
- Bootstrap 4 - адаптивная сетка
- Font Awesome - иконки
- и еще много других умных слов которые мне лень писать
Прежде чем начать убедитесь что все пакеты установлены:
Как основа сборки темы используется разработка от команды Roots. Sage 9 это отличный шаблон для старта создания своей темы, отличная документация и большое активное сообщество помогут вам, знание английского обязательно.
Документация по Roots/Sage - https://roots.io/sage/
- Клонируем репозиторий темы в папку с темами Wordpress "../Wordpress/wp-content/themes"
$ git clone https://github.com/NikitaShal/MkeiitWPTheme.git @название папки вашей темы на латинице@
- Переходим в папку с темой
$ cd @название папки вашей темы@
- Устанавливаем зависимости Composer
$ composer install
- Устанавливаем пакеты для front-end и сборки(убедитесь что nodejs и yarn установелны)
$ yarn
Для разработки и сборки темы все готово. Yeah science, bitch!
themes/your-theme-name/ # → Корневая папка
├── app/ # → ПХП файлы
│ ├── controllers/ # → Файлы контроллера
│ ├── admin.php # → Настройка Customizer
│ ├── filters.php # → Фильтры темы
│ ├── helpers.php # → Вспомогательные функции
│ └── setup.php # → Установки темы
├── composer.json # → Автозагрузка файлов в `app/`
├── composer.lock # → Composer lock файл (не изменять)
├── dist/ # → Конечная сборка файлов темы (не изменять)
├── node_modules/ # → Node.js пакеты (не изменять)
├── package.json # → Node.js зависимости и скрипты
├── resources/ # → Шаблоны и файлы темы
│ ├── assets/ # → Front-end файлы
│ │ ├── config.json # → Настройки для компилируемых файлов
│ │ ├── build/ # → Webpack и ESLint настройки
│ │ ├── fonts/ # → Шрифты темы
│ │ ├── images/ # → Изображения темы
│ │ ├── scripts/ # → Javascript скрипты темы
│ │ └── styles/ # → Файлы стилей темы
│ ├── functions.php # → Автозагрузка Composer, зависимости темы
│ ├── index.php # → Никогда не редактируйте вручную
│ ├── screenshot.png # → Скриншот темы для Wp-Admin
│ ├── style.css # → Мета данные темы для Wp-Adminb
│ └── views/ # → Шаблоны темы
│ ├── layouts/ # → Базовые шаблоны
│ └── partials/ # → Шаблонные части
└── vendor/ # → Пакеты Composer (не изменять)
Данная тема была создана на энтузиазме студентов, а конкретно, кодил Никита Шаломыгин, за дизайн отвечал Максим Смирнов. Мы не профессионалы и для нас это был отличный опыт, надеюсь найдется студент который рискнет это все установить и даже доработает(лучше перепишите весь этот говнокод). Сподвигнул нас ко всему этому деянию преподаватель Ларри Жозе, а поддержал разработу ваш любимый сисадмин Юрий Юрьевич.
"Есть люди, которые любят программировать. Я их не понимаю." - Расмус Лердорф, создатель языка PHP