✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Tonik Стартовая тема WordPress

6

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

На самом деле, я бы сказал, что самым популярным является проект Sage от команды Roots. Это здорово, но недавно мы с друзьями наткнулись на стартовую тему Tonik WordPress, и я имел удовольствие пообщаться с руководителем проекта Патриком.

Так что для тех из вас, кто интересуется более современными рабочими процессами, инструментами и стратегиями и использует их в контексте разработки тем, я думаю, что Tonik стоит проверить.

Мне не потребовалось много времени, чтобы запустить экземпляр темы на моем локальном компьютере. Но дело не в моем опыте работы с ним — вот почему я думаю, что это стоит проверить.

Tonik Стартовая тема WordPress

Прежде чем приступить к фактической установке темы, я подумал, что, возможно, стоит выделить то, что делает Tonik достойным внимания.

Для тех, кто заинтересован в использовании методов командной строки и объектно-ориентированного программирования, тема предлагает следующее:

  • интерфейс командной строки для простого запуска новых тем,
  • улучшенное шаблонирование с поддержкой передачи данных,
  • веб-пакет для управления, компиляции и оптимизации ресурсов,
  • ориентирован на сборку с действиями и фильтрами

Во-первых, вы можете увидеть проект на GitHub, но прежде чем загружать все различные связанные компоненты (например, Gin ), важно отметить, как проходит рабочий процесс для этой конкретной темы.

Tonik Стартовая тема WordPress

То есть это не так, как вы его скачиваете, устанавливаете, и вы готовы к работе. Вместо этого рабочий процесс немного отличается.

Начиная

Например, чтобы начать работу с Tonik, вот что вам нужно сделать (обратите внимание, что все это предполагает, что у вас установлены Composer и Node ).

Tonik Стартовая тема WordPress

Перейдите в каталог 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.

Тем не менее, вот краткое изложение того, что предлагает вся тема:

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

Все это можно просмотреть в документации.

Источник записи: tommcfarlin.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее