![Обложка к записи TailPress — быстрое создание темы WordPress с помощью Tailwind CSS](https://www.kobzarev.com/wp-content/uploads/2022/04/tailpress.io_.jpg)
TailPress — это ваша отправная точка для разработки тем под WordPress с помощью Tailwind CSS. Поставляется с поддержкой редактора блоков Gutenberg из коробки.
С чего начать?
1. Получите установщик через composer
1 | composer global require jeffreyvanrossum /tailpress-installer |
2. Запустите генератор темы
1 | tailpress new example-theme |
Для задания имени темы и инициализации Git репозитория используйте дополнительные параметры.
1 | tailpress new example-theme --name= "Theme Name" --git |
3. Перейдите в папку созданной темы и подпишитесь на событие изменения файлов
1 | npm run watch |
![TailPress: a Tailwind CSS boilerplate theme for WordPress](https://i.ytimg.com/vi/VYmCUtJtYSY/hqdefault.jpg)
![](https://www.kobzarev.com/wp-content/uploads/2022/04/tailpress-gutenberg.jpg)
TailPress поставляется с поддержкой редактора блоков Gutenberg. CSS классы для выравнивания генерируются автоматически. Вы можете изменить их в файле tailwind.config.js.
Чтобы сделать редактирование в блочном редакторе более соответствующим стилю фронтэнда, создайте файл editor-style.css.
Быстрая компиляция
TailPress использует механизм JIT (just-in-time) от Tailwind, который делает компиляцию очень быстрой.
JIT-движок использует PurgeCSS, который, в свою очередь, гарантирует, что только классы, которые вы действительно используете, попадут в ваш скомпилированный CSS.
![Just-In-Time: The Next Generation of Tailwind CSS](https://i.ytimg.com/vi/3O_3X7InOw8/hqdefault.jpg)
Читать полностью www.kobzarev.com