couldbefree / blog

Что для этого нужно

Установить 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

sass/
├── /block/                # Стили для повторяющихся блоков.
├── /elements/             # Стили для элементов.
├── /pages/                # Стили для страниц.
└── _base.scss             # Базовые стили. Box sizing.
└── _mixins.scss           # Миксины.
└── _sprite.scss           # Спрайты. (Никогда не редактируется).
└── _typography.scss       # Типографика проекта.
└── _variables.scss        # Переменные.
└── _wp-classes.scss       # Стили для стандартных элементов WP.
└── main.scss              # Компилируемый файл.