Установить NodeJS
Плагин для редактора Editorconfig
Отредактировать файл projectConfig.json
указать свой домен для разработки.
Открыть эту папку в консоле и установить зависимости
npm install
npm install -g gulp-cli (если не установлен)
После этого используем доступные команды
gulp
- Запуск проекта для разработки, прокси-сервер и слежение за файлами
gulp build
- минификация стилей
gulp sprite
- сборка спрайта
wordpress-starter-theme/
├── /assets/ # Ресурсы темы.
│ ├── /css/ # CSS библиотеки.
│ ├── /dist/ # Скомпилированные стили (Никогда не редактируется).
│ ├── /fonts/ # Шрифты.
│ ├── /images/ # Изображения.
│ │ └── /sprite/ # Изображения для спрайтов.
│ ├── /scripts/ # Скрипты проекта.
│ └── /sass/ # Структуру папки смотрите ниже.
├── /include/ # PHP файлы подключаются в function.php
├── /node_modules/ # Node modules. (Никогда не редактируется).
├── /template-parts/ # Шаблоны, которые используются на страницах.
│ ├── comments.php # Шаблон для вывода комментариев.
│ ├── content-none.php # Используется если нету постов.
│ ├── content-page.php # Вывод содержимого страницы.
│ ├── content-search.php # Шаблон вывода результатов поиска.
│ ├── content-single.php # Вывод содержимого поста.
│ ├── content.php # Шаблон для вывода постов.
│ ├── head.php # Содержимое тега head.
│ └── sidebar.php # Контент сайдбара.
└── .editorconfig # Настройка редактора.
└── .gitignore
└── 404.php # Страница 404.
└── footer.php
└── function.php
└── gulpfile.js # Конфигурация для Gulp.
└── header.php
└── index.php # Отображает последние посты блога.
└── package.json # Пакеты для NPM.
└── page.php # Шаблон для всех страниц.
└── projectConfig.json # Конфигурация проекта.
└── screenshot.png # Скриншот для админки.
└── search.php # Шаблон для вывода результатов поиска.
└── single.php # Шаблон для поста.
└── style.css # Для определения темы.
└── template-custom.php # Шаблон для страницы (Пример).
sass/
├── /block/ # Стили для повторяющихся блоков.
├── /elements/ # Стили для элементов.
├── /pages/ # Стили для страниц.
└── _base.scss # Базовые стили. Box sizing.
└── _mixins.scss # Миксины.
└── _sprite.scss # Спрайты. (Никогда не редактируется).
└── _typography.scss # Типографика проекта.
└── _variables.scss # Переменные.
└── _wp-classes.scss # Стили для стандартных элементов WP.
└── main.scss # Компилируемый файл.