Початкова тема Tonik WordPress

Коли справа доходить до роботи з плагінами WordPress, нерідко можна побачити, як люди використовують більш сучасні інструменти, такі як Composer, керування зовнішніми залежностями за допомогою таких інструментів, як Node тощо.

Насправді, я б сказав, що найпопулярнішим є проект Sage від команди Roots. Це чудово, але нещодавно ми з друзями випадково натрапили на початкову тему WordPress Tonik, і я мав задоволення поспілкуватися з керівником проекту Патріком.

Тож тим із вас, хто цікавиться сучаснішими робочими процесами, інструментами та стратегіями та використовує їх у контексті розробки теми, я вважаю, що Tonik варто перевірити.

Мені не знадобилося багато часу, щоб запустити екземпляр теми на моїй локальній машині. Але суть цього не в моєму досвіді роботи з ним – саме тому я вважаю, що це варто перевірити.

Початкова тема Tonik WordPress

Перш ніж приступити до фактичного встановлення теми, я подумав, що, можливо, варто висвітлити, чому Tonik варто перевірити.

Для тих, хто зацікавлений у використанні методів командного рядка та об’єктно-орієнтованого програмування, тема пропонує наступне:

• інтерфейс командного рядка для легкого запуску нових тем,
• розширені шаблони з підтримкою передачі даних,
• webpack для управління, компіляції та оптимізації активів,
• орієнтований на створення з діями та фільтрами

По-перше, ви можете побачити проект на GitHub, але перш ніж переглядати та завантажувати всі різні пов’язані компоненти (наприклад, Gin ), важливо відзначити, як відбувається робочий процес для цієї конкретної теми.

Тобто це не те, що ви завантажуєте його, встановлюєте, і все готово. Натомість робочий процес дещо інший.

Починаємо

Наприклад, щоб розпочати роботу з Tonik, ось що вам потрібно зробити (зауважте, що все це передбачає, що у вас встановлено Composer і Node ).

Перейдіть до каталогу wp-content/themes і введіть таку команду:

$ composer create-project tonik/theme acme-theme

Звичайно, не обов’язково називати це «акме-темою».

Звідти вам потрібно буде клонувати репозиторій проекту з GitHub (ось чому ви не встановлюєте його за звичайним способом встановлення тем, але докладніше про це за хвилину):

На цьому етапі є ще кілька залежностей, які потрібно вирішити. Для цього перейдіть до каталогу щойно створеної теми, а потім за допомогою Composer установіть зазначені залежності.

$ composer install

А потім встановіть інтерфейсні залежності:

$ npm install

На цьому етапі все, що залишилося, це створити базову тему та активувати її (через командний рядок, де WP-CLI вступає в дію):

$ npm run dev

$ wp theme activate acme-theme

На цьому етапі ви готові почати використовувати тему в WordPress.

«Це здається трохи складним…»

З огляду на всі описані вище кроки, ймовірно, виникне природне запитання: «Навіщо мені все це робити, коли я можу просто створити тему, використовуючи звичайну методологію?»

І це гарне запитання. Але якщо ви прагнете створювати рішення для себе чи інших, використовуючи більш сучасні інструменти, я думаю, що використання таких інструментів може зробити це можливим.

Усе, що пропонує

Приклад: Однією з проблемних точок при розробці шаблонів для інших є відсутність справжнього механізму створення шаблонів у WordPress (принаймні на момент написання цієї статті).

Але якщо ви подивитесь лише на документацію щодо створення шаблонів, ви побачите кілька речей, таких як заповнювачі та інші способи роботи з певними елементами.

І в нього вбудовано багато іншого. Я хотів би сказати, що я випробував усі аспекти того, що він пропонує, але мені здається, що я лише подряпав поверхню. Наприклад, у мене не було можливості повозитися з жодною з функцій HTTP.

Тим не менш, ось короткий перелік того, що пропонує тема:

• попередньо налаштована структура каталогів,
• створення шаблонів,
• підтримка компонентів,
• допоміжні функції,
• підтримка Ajax,
• дії та фільтри теми,
• службовий контейнер,
• підтримка шорткодів,
• автозавантаження,
• і багато іншого.

Усе це можна переглянути в документації.