Gulp для WordPress – готовый gulpfile.js для быстрого старта
Давно хотел попробовать использовать Gulp при разработке сайтов на WordPress, ведь учитывая современные возможности Gulp, сколько рутинной работы можно было бы автоматизировать. Вот созрел, и как всегда, делюсь с вами своими наработками по этой теме в конце статьи, в виде готового Gulp-проекта с возможностью бесплатно скачать.
Возможности и что входит в мой gulpfile.js
Возможность выбрать в gulpfile.js 3 или 4 версию Gulp, просто укажите нужную версию.
Возможность в gulpfile.js выбрать синтакcис Sass или Scss в gulpfile.js.
Используемые мною таски для WordPress:
browser-sync – даёт технически возможность автообновлять открытые в браузере страницы разрабатываемого сайта, работает в связке с таском «watch».
Этим он не ограничивается, смотрите мой gulpfile.js, и всё поймете.
sass – очень многие профессионалы используют данный метаязык в своих проектах, в моём gulpfile.js настроен отдельный таск, который все файлы SASS в шаблоне (теме) сайта собирает и сжимает в единый CSS файл. Ну, а далее, как обычно, подключаем его в functions.php в теме сайта. Это лучше, чем подключать кучу CSS файлов.
js – так же собирает в кучу все JS файлы в шаблоне (теме) и сжимает их, как и в случае с SASS в functions.php в итоге подключается всего один конечный JS файл, и это прекрасно!
watch – таск, который в данном случае работает в связке с вышеописанными тасками: browser-sync, sass и js. Следит за изменениями в файлах шаблона (темы) с определёнными расширениями и автообновляет страницу сайта в браузере, выводя изменения на экран монитора.
imgmin-theme – настроенный таск, позволяющий сжимать все изображения до оптимального качества и размера в определённой папке шаблоне (теме). Выполняется командой gulp imgmin-theme
.
imgmin-uploads – настроенный таск, сжимающий все изображения до оптимального качества и размера в папке «uploads». Выполняется командой gulp imgmin-uploads
.
deploy-site – настроенный таск для ISPmanager5 (можно настроить под любую панель), который отгружает полностью сайт в интернет на ваш сервер по протоколу FTP. Выполняется командой gulp deploy-site
.
deploy-theme – настроенный таск для ISPmanager5 (можно настроить под любую панель), отгружающий только шаблон (тему) в интернет на ваш сервер по протоколу FTP. Выполняется командой gulp deploy-theme
.
rsync – базовый таск для ISPmanager5, отгружает ваш сайт на сервер в интернет по защищённому сетевому протоколу SSH. Выполняется командой gulp rsync
.
Конечно же, возможности использования Gulp для WordPress ограничиваются вашими потребностями, опытом и ленью.
Зависимости
Для работы требуется:
— установленный Gulp;
— любой настроенный виртуальный сервер, например, Open Server;
— сам WordPress с запущенным виртуальным сервером;
— Win10 с включённым bash.
Использование
1) Скачиваем и распаковываем файлы с GitHub в папку проекта на локальном сервере, например: C:\OpenServer\domains\myproject.loc
. и настраиваем его, указав в настройках путь до нужной папки: \wp-site. loc\src
2) Устанавливаем необходимые пакеты Gulp работы и настраиваем таски под себя.
3) В папку «src» устанавливаем wordpress.
4) В корне проекта запускам Gulp и наслаждаемся работой.
Преимущества и недостатки использования Gulp для WordPress
Преимущества – устраняет необходимость использовать кучу дополнительных программ и онлайн-сервисов, например: «Koala» для SASS, «FileZilla Client» – для закачки файлов сайта на хостинг и т.д. Как результат, более комфортная работа.
Недостатки – gulp требует минимальных знаний и опыта, некоторой смелости и иногда настойчивости. Gulp –это профессиональное программное обеспечения, возможности которого не заканчиваются веб-разработкой.
Я рад, что вы дочитали мою статью до конца. Будете использовать Gulp для разработки своих проектов на WordPress? Или всё ещё думы думаете?
Вот ссылка на исходники настроенного моего Gulp-проекта для быстрого старта:
Перейти и скачать исходники
Жду ваших комментариев.
По теме:
- Start html template on UIKit3 + SASS + Gulp
- Rsync (gulp-rsync) – настройка deploy сайта на хостинг
- Vinyl-ftp – настройка deploy сайта на хостинг по протоколу FTP через Gulp
- Шаблон LandingPage «House blue v1»
- Бесплатный шаблон сайта на Jekyll «WeblTOP» на Gulp
Читать еще:
Готовый Gulp-проект для OpenCart – быстрый старт
26/02/2020
Let’s Encrypt – бесплатный SSL-сертификат для сайта: инструкция по получению, установке, перевыпуску, а также преимущества и недостатки
10/02/2019
Хостинг для Landing Page – как выбрать нужный тариф
07/02/2019
Установка WordPress с нуля на хостинг
01/02/2019
Как выбрать хостинг для WordPress 5
25/01/2019 Please enable JavaScript to view the comments powered by Disqus.программы онлайн-курсов для новичков и опытных
Обучение программированию: программы онлайн-курсов для новичков и опытныхНаправлениеПрограммированиеТестированиеАналитика данныхSQLАдминистрированиеВерстка
Уровеньc нуляс опытом
Длительностьдо 2 недельот 2 недель до 2 месяцев2-6 месяцевот 6 месяцев
Стоимостьдо 50 000 ₽более 50 000 ₽
Профессии
Учебные программы от основ до практики. Для тех, кто хочет получить новую профессию, собрать портфолио и найти работу
Профессия
с нуля
Фронтенд-разработчик
Разработка фронтенд-компонентов для веб-приложений
29 декабря 10 месяцев
Профессия
Новый с нуля
Онлайн-буткемп. Фронтенд-разработчик
Интенсивное обучение профессии в режиме полного дня
9 февраля 4 месяца
Профессия
с нуля
Python-разработчик
Разработка веб-приложений на Django
29 декабря 10 месяцев
Профессия
с нуля
Java-разработчик
Разработка приложений на языке Java
29 декабря 10 месяцев
Профессия
с нуля
PHP-разработчик
Разработка веб-приложений на Laravel
29 декабря 10 месяцев
Профессия
с нуля
Инженер по тестированию
Ручное тестирование веб-приложений
29 декабря 4 месяца
Профессия
с нуля
Node. js-разработчик
Разработка бэкенд-компонентов для веб-приложений
29 декабря 10 месяцев
Профессия
с нуля
Fullstack-разработчик
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
29 декабря 16 месяцев
Профессия
c опытомРазработчик на Ruby on Rails
Создание веб-приложений со скоростью света
29 декабря 5 месяцев
Профессия
с нуля
Верстальщик
Верстка с использованием последних стандартов CSS
в любое время 5 месяцев
Профессия
В разработке с нуля
Аналитик данных
Сбор, анализ и интерпретация данных
дата определяется 8 месяцев
Подготовительные курсы
14-дневные программы по изучению основ программирования для тех, кто хочет попробовать себя в разработке или подготовиться к обучению профессии
Подготовительный курс
c нуля
Python-разработчик
Основы языка Python для начинающих
18 января 14 дней
Подготовительный курс
c нуля
Фронтенд-разработчик
Основы языка JavaScript для начинающих
19 января 14 дней
Подготовительный курс
Java-разработчик
Основы языка Java для начинающих
24 января 14 дней
Подготовительный курс
Новый c нуля
PHP-разработчик
Основы языка PHP для начинающих
31 января 14 дней
Интенсивы
Программы для начинающих и практикующих, чтобы глубоко разобраться в определенной теме или сменить стек
Интенсив
с нуля
Верстка веб-приложений
От макета до готового шаблона с помощью Flex, Grid и Columns
дата определяется 2 месяца
Интенсив
Новый c опытом
Ansible
Автоматизация настройки локального окружения и серверов.
29 декабря 2 месяца
Интенсив
c опытом
DevOps для программистов
Работа с облаками, автоматизация развертывания и деплоя
29 декабря 3 месяца
Треки
Небольшой набор курсов, направленных на прокачку конкретного технического аспекта. Большая часть треков ориентирована на практикующих программистов
Трек
c опытом
Веб-разработка на Laravel
Разработка веб-сервисов на PHP
в любое время
Трек
c опытом
ООП в JS
Объектно-ориентированное программирование в JavaScript
в любое время
Трек
c опытом
Тестирование с Jest
Автоматизированное тестирование на JavaScript
в любое время
Трек
c опытом
Тестирование с PHPUnit
Автоматизированное тестирование на PHP с помощью PHPUnit
в любое время
Трек
c опытом
Веб-разработка на Express
Построение серверной части сайта на Node.
в любое время
Трек
c опытом
Веб-разработка на Django
Разработка веб-сервисов на Python
в любое время
Трек
c опытом
Тестирование с Pytest
Автоматизированное тестирование в Python с помощью PyTest
в любое время
Трек
c опытом
Верстка на Bootstrap
Основные инструменты верстки: SASS, Bootstrap 5 и Gulp
в любое время
Трек
c опытом
HTML и CSS. Позиционирование
Позиционирование с помощью модулей Positioned, Flex, Grid
в любое время
Трек
c опытом
Тестирование фронтенда
Автоматизированное тестирование фронтенда с помощью testing-library, Jest и JSDOM
в любое время
Трек
c опытом
СИКП на Ruby
Курс «Структура и Интерпретация Компьютерных Программ» на Ruby
в любое время
Трек
c опытом
Веб-разработка на React
Построение архитектуры фронтенда
в любое время
Трек
c опытом
Деплой с помощью Ansible
Автоматизация сборки, тестирования и доставки кода на продакшен
в любое время
Трек
c опытом
Асинхронное программирование на JS (async/await)
Колбеки, промисы, генераторы и async/await
в любое время
Трек
c опытом
ООП В PHP
Объектно-ориентированное программирование в PHP
в любое время
Трек
c опытом
Автоматизация локального окружения
Настройка системы «одной командой» и работа в изолированном окружении
в любое время
Трек
СИКП на JS
Курс «Структура и Интерпретация Компьютерных Программ» на JavaScript
в любое время
Трек
Новый с нуля
Основы программирования на JS
Знакомство с JavaScript, Git, командной строкой
в любое время
Трек
c опытом
СИКП на Python
Курс «Структура и Интерпретация Компьютерных Программ» на Python
в любое время
Трек
c опытом
СИКП на Java
Курс «Структура и Интерпретация Компьютерных Программ» на Java
в любое время
Трек
c опытом
СИКП на PHP
Курс «Структура и Интерпретация Компьютерных Программ» на PHP
в любое время
Трек
В разработке c опытом
Алгоритмы и структуры данных
Базовые структуры данных и алгоритмы
в любое время
Трек
В разработкеДискретная математика
Логика высказываний и дискретная математика
в любое время
Трек
В разработке с нуля
SQL для разработчиков
Проектирование базы данных и выполнение SQL-запросов
в любое время
Трек
В разработке c опытом
HTTP API
Устройство протокола HTTP, работа с запросами к API через Postman и curl
в любое время
Трек
В разработке с нуля
Python для аналитиков данных
Анализ данных с использованием языка Python
в любое время
Трек
В разработке c опытом
Автоматизация инфраструктуры
Автоматическое конфигурирование и параллельная настройка серверов
в любое время
Трек
В разработке c опытом
Веб-разработка на Go
Обучение созданию веб-приложений на языке Go
в любое время
Курсы
Введение в программирование
Введение в Git
Основы командной строки
Протокол HTTP
Основы реляционных баз данных
Трудоустройство
Регулярные выражения (Regexp)
Основы автоматизации в Ansible
Бесплатная консультация
И дружеская беседа. Ответим на вопросы, подскажем, с чего начать в зависимости от текущего опыта. А вы решите, подойдет ли вам Хекслет
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»
Поймали заявку на консультацию!
Скоро позвоним
gulp-php-connet — Анализ работоспособности пакетов npm
Все уязвимости безопасности относятся к производственных зависимостей прямых и косвенных пакеты.
Угроза безопасности и лицензии для основных версий
Все версии
Версия | Уязвимости | Лицензионный риск | |||
---|---|---|---|---|---|
11/2014 | Популярный |
|
|
Ваш проект подвержен уязвимостям?
Сканируйте свои проекты на наличие уязвимостей. Быстро исправить с помощью автоматизированного исправления. Начните работу со Snyk бесплатно.
Начните бесплатно
Еженедельные загрузки (0)
Скачать тренд
- Иждивенцы
- 0
- Звезды GitHub
- 156
- Вилки
- 36
- Авторы
- 20
Популярность прямого использования
Пакет npm gulp-php-connet получает в общей сложности 0 загрузок в неделю. Таким образом, мы забили Уровень популярности gulp-php-connet будет ограничен.
На основе статистики проекта из репозитория GitHub для npm gulp-php-connet, мы обнаружили, что он снялся 156 раз, и это 0 других проектов в экосистеме зависят от него.
Загрузки рассчитываются как скользящие средние за период из последних 12 месяцев, за исключением выходных и известных отсутствующих точек данных.
Частота фиксации
Нет последних коммитов
- Открытые вопросы
- 8
- Открытый PR
- 1
- Последняя версия
- 8 лет назад
- Последняя фиксация
- 5 лет назад
Дальнейший анализ состояния обслуживания gulp-php-connet на основе каденция выпущенных версий npm, активность репозитория, и другие точки данных определили, что его обслуживание Неактивный.
Важным сигналом обслуживания проекта для gulp-php-connet является это не видел никаких новых версий, выпущенных для npm в за последние 12 месяцев и может считаться прекращенным проектом или проектом, который получает мало внимания со стороны его сопровождающих.
За последний месяц мы не обнаружили никаких запросов на вытягивание или изменений в статус issue был обнаружен для репозитория GitHub.
- Совместимость с Node.js
- не определен
- Возраст
- 8 лет
- Зависимости
- 0 Прямые
- Версии
- 2
- Установочный размер
- 0 Б
- Распределенные теги
- 1
- Количество файлов
- 0
- Обслуживающий персонал
- 1
- Типы TS
- Нет
gulp-php-connet имеет более одного и последнего тега по умолчанию, опубликованного для пакет нпм. Это означает, что для этого могут быть доступны другие теги. пакет, например рядом, чтобы указать будущие выпуски, или стабильный, чтобы указать стабильные релизы.
Изучите Gulp, Php и Prisma
Самые популярныеС высоким рейтингомНедавно добавленныеСамые просматриваемые
Полное введение в PHP
Курс
от Mark Shust
Стройте бэкэнд с Prisma в проекте TypeScript
By Ryan Chenkie
5
By Ryan Chenkie
9. стек приложение с Prisma
курс
Сяору Ли
Gulp и Browserify — Добавление Live Reload с Browsersync
урок
Шейн Осборн
Gulp and Browserify — Добавление карт Babel & Source
Урок
от Shane Osbourne
Gulp and Browserify — Начальная установка
Урок
By Shane Osbourne
урок
Джейкоб Картер
Gulp и Browserify — подключение Watchify
урок
Шейн Осборн
Сбил свои файлы JavaScript с GULP
Урок
от Jacob Carter
Построить базу данных без сервера для ваших клиентов с использованием PRISMA
Урок
на христианскую NWAMBA
777779 9000. Урок9на христианскую NWAMBA
77777779.. Настройка Prisma для нового проекта
урок
Сяору Ли
Создание записи в базе данных с помощью Prisma Client
урок
от xiaoru li
Выполните основные запросы базы данных (CRUD) с Prisma Client
Урок
от Xiaoru Li
Работа с моделями и обменами с Prisma
Урок 10
10101010101010101010101010101010101010101010101010101010101010101010101011111111110 гг.