Hosteria — лёгкая, адаптивная и настраиваемая тема для WordPress, созданная как удобная основа для современных сайтов и блогов. Тема построена на базе Underscores и использует Tailwind CSS для стилизации и Webpack для сборки ресурсов.
Возможности
- Адаптивный дизайн для компьютеров, планшетов и смартфонов.
- Современная стилизация с использованием Tailwind CSS.
- Сборка CSS и JavaScript с помощью Webpack.
- Поддержка пользовательского логотипа.
- Поддержка навигационных меню WordPress.
- Поддержка миниатюр и изображений записей.
- Поддержка виджетов и стандартных возможностей WordPress.
- Готовность к переводу и локализации.
- Поддержка Gutenberg и стандартных функций WordPress.
- Раздельная структура исходников CSS, JavaScript и PHP.
Технологии
При разработке темы используются современные инструменты:
- WordPress — основная CMS.
- Underscores — базовая архитектура темы.
- Tailwind CSS — стилизация интерфейса.
- Webpack — сборка и оптимизация ресурсов.
- PostCSS — обработка CSS.
- Babel — обработка JavaScript.
Установка
Скачать тему можно из официального репозитория проекта:
Для установки скачайте архив темы и загрузите его через
Внешний вид → Темы → Добавить новую → Загрузить тему.
После установки активируйте Hosteria.
Разработка темы
Если вы хотите изменить исходный код темы, сначала установите
зависимости Node.js:
npm install
Для запуска режима разработки используйте:
npm run dev
Для создания оптимизированной production-версии:
npm run build
Структура проекта
Исходный код темы разделён по назначению, что упрощает дальнейшую
разработку и поддержку проекта.
- src/css — исходные CSS-стили.
- src/js — исходный JavaScript.
- src/php — PHP-шаблоны и исходный код темы.
- src/static — статические ресурсы.
- webpack.config.js — конфигурация Webpack.
- tailwind.config.js — конфигурация Tailwind CSS.
- package.json — зависимости и команды сборки.
Настройка
Hosteria можно адаптировать под конкретный проект: изменить цвета,
типографику, структуру страниц, навигацию, шапку и подвал сайта,
шаблоны записей и страниц, а также другие элементы интерфейса.
Для изменений фронтенда рекомендуется редактировать исходные файлы
в каталоге src, а затем выполнить production-сборку:
npm run build
Локализация
Тема подготовлена для перевода на другие языки и использует стандартную
систему локализации WordPress.
Для создания и редактирования переводов можно использовать
Poedit, Loco Translate или инструменты
WP-CLI.
Лицензия
Hosteria распространяется под лицензией
GPL-2.0.
Исходный код
Репозиторий проекта и исходный код доступны на GitHub:
