Первоначально опубликовано на веб-сайте web-crunch.com 19 марта 2017 г.

В третьей части моей серии скринкастов Как кодировать HTML в WordPress. Я решил получить наш плагин для запуска задач Gulp из-за некоторых CSS проблем, которые возникли.

WordPress, к сожалению, генерирует некоторую разметку при использовании встроенных методов и функций. Хотя их можно настраивать, иногда они работают против вашего рабочего процесса. Я узнал об этом из первых рук в Части 2 и решил, что мне лучше получить Gulp.js, созданный первоначальным автором HTML-темы.

Чтобы реализовать Gulp в нашей теме, мне нужно было отредактировать некоторые файлы и каталоги, чтобы включить необходимые пути к папкам и плагины.

Первая половина

В этом видео я расскажу вам об этих конфигурациях, а также покажу, как использовать Node.js и npm.

Последняя половина

Последняя половина видео посвящена тому, чтобы сделать контент в заголовке темы динамичным. Он обновляется внутри WordPress и настраивается конечным пользователем.

Это видео необязательно

Если вы хотите обойти маршрут Gulp.js и написать vanilla CSS, это прекрасно. Вы можете пропустить первую половину этого видео и просто написать свои стили в файле style.css. Вы не сможете вкладывать свои стили, как это делаю я, но не стесняйтесь экспериментировать!

Лично мне нравится писать Sass, и я подумал, что многие другие могли бы так же, поэтому я расширил тему, чтобы предложить ее поддержку. Окончательный исходный код будет результатом того, что я реализовал в этом видео, поэтому, если вы запутались, потерялись или просто хотите пропустить вперед, не стесняйтесь скачать его.

Установка и использование Gulp

Gulp — мой любимый инструмент для настройки довольно грубого рабочего процесса веб-разработки. Я использую его для компиляции sass, минимизации javascript, кода lint, автоматического обновления браузера и оптимизации изображений. На этом количество вещей, которые вы можете сделать, не заканчивается. Изучите все доступные плагины.

Если вы новичок в gulp, ознакомьтесь с этими ссылками:

Сериал до сих пор

Первоначально опубликовано на веб-сайте web-crunch.com 19 марта 2017 г.