Тема для сайта колледжа МКЭиИТ от студентов с <3
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
config
resources
.editorconfig
.eslintrc.js
.gitattributes
.gitignore
.travis.yml refresh with sage 9 Dec 26, 2017
LICENSE
PluginSettings.md
README.html
README.md
composer.json
composer.lock overkill the mcesii Jan 2, 2018
package-lock.json
package.json
phpcs.xml
yarn.lock

README.md

MkeiitWPTheme

forthebadge forthebadge

Введение

MkeiitWPTheme - тема созданая студентами колледжа Экономики и Информационных технологий г. Мурманска. Тема создана и заточена под использование только в рамках нашего учереждения, однако для удобства эксплуатирования, она легко настраивается, благодаря чему вы так же можете использовать данную тему в своих целях(мне некогда это доделывать), бесплатно. Исходный код находится под лицензией GNU, что позваляет вам использовать тему как угодно, но не в коммерческих целях.

Внимание!

Прежде чем читать дальше, вам нужно иметь представление о разработке сайтов, минимальные знания разработки для Wordpress и иметь в доте не меньше 1000 часов. Если хоть один из этих пунктов не соблюден уходи и не возвращайся пока не прокачаешься. А если тебе нравится delphi, чтоб я больше тебя здесь не видел ты меня понял?!

Все не так просто. Продвинутая разработка front-end благодаря:

  • Sass компилируемый в css язык стилей
  • ES6 JavaScript - javascript давно за пределами вашего понимания
  • Webpack для сборки, оптимизации изображений и минификации файлов
  • Browsersync для паралелльной разработке на разных устройствах
  • Laravel Blade как движок шаблонов
  • Controller для управления данными в фреймворке Laravel
  • Bootstrap 4 - адаптивная сетка
  • Font Awesome - иконки
  • и еще много других умных слов которые мне лень писать

Зависимости

Прежде чем начать убедитесь что все пакеты установлены:

Плагины Wordpress

Установка и сборка темы для своего сайта на Wordpress

Как основа сборки темы используется разработка от команды Roots. Sage 9 это отличный шаблон для старта создания своей темы, отличная документация и большое активное сообщество помогут вам, знание английского обязательно.

Документация по Roots/Sage - https://roots.io/sage/

Подготовка к работе

  1. Клонируем репозиторий темы в папку с темами Wordpress "../Wordpress/wp-content/themes"
 $ git clone https://github.com/NikitaShal/MkeiitWPTheme.git @название папки вашей темы на латинице@ 
  1. Переходим в папку с темой
 $ cd @название папки вашей темы@ 
  1. Устанавливаем зависимости Composer
 $ composer install 
  1. Устанавливаем пакеты для 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