Интеграция WordPress и GitHub

Разработка тем и плагинов для WordPress может быть как увлекательной, так и прибыльной. Несмотря на то, что существует множество способов управления вашим рабочим процессом, контролем версий и хранилищем, использование лучших доступных инструментов может помочь вывести ваши проекты на новый уровень.

К счастью, GitHub значительно упрощает эту задачу. Это популярный репозиторий с открытым исходным кодом, содержащий множество ценных инструментов для разработчиков. Кроме того, в настоящее время это крупнейший в мире сервер с открытым исходным кодом, насчитывающий более 34 миллионов пользователей и более 100 миллионов репозиториев.

Эта статья предоставит вам полное руководство по интеграции вашего сайта разработки WordPress с GitHub. Кроме того, мы рассмотрим некоторые плагины, которые вы, возможно, захотите добавить в свой рабочий процесс. Приступаем к кодированию!

Как объединить GitHub и WordPress (4 шага)

Чтобы объединить вашу среду разработки WordPress с GitHub, вам необходимо выполнить несколько важных шагов. Это начинается с создания локальной среды WordPress GitHub. Затем вы перейдете к установке GitHub и созданию своего первого репозитория.

Шаг 1: Создайте локальную среду WordPress

Если вы планируете разрабатывать для WordPress, лучше всего установить высококачественную локальную среду разработки. Для этого мы рекомендуем использовать Local:

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

После того, как вы настроите локальную среду, в вашем распоряжении будут все необходимые функции и инструменты разработчика. Чтобы начать, вы можете выбрать Скачать бесплатно! на главной странице и выберите свою операционную систему:

После загрузки пакета программного обеспечения и завершения процесса установки для вашей системы вы можете открыть Local и начать настройку локального сайта разработки. При появлении запроса нажмите «Создать новый сайт» :

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

У вас также будет возможность создать сайт из Blueprint . Это означает, что, когда вы начнете накапливать несколько сайтов или проектов разработки, вы можете объединить наборы тем WordPress и плагинов, которые вы часто используете. Затем, используя Blueprints, вы можете быстро получить к ним доступ и загрузить их при создании нового сайта разработки.

Завершив выбор доменного имени, нажмите «Продолжить» . Далее вам будет предложено выбрать имя пользователя и пароль для вашей локальной установки WordPress:

Когда ваша среда разработки будет завершена, вы увидите экран со сводкой информации о вашем новом сайте:

Это будет основная панель инструментов для всех локальных сайтов, которые вы создаете с помощью Flywheel. Отсюда вы можете быстро проверить статус своего сайта, просмотреть его и перейти на панель администратора WordPress, выбрав «Администратор» . Кроме того, вы можете легко просматривать свою базу данных WordPress, информацию о безопасности и другую служебную информацию.

Шаг 2: Установите GitHub

Чтобы разрешить использование GitHub с WordPress, вам необходимо создать бесплатную учетную запись GitHub, загрузить и установить Git на свой локальный диск. Git — это система контроля версий (VCS) с открытым исходным кодом, которая обрабатывает все рабочие процессы на GitHub.

У вас есть два варианта того, что вы можете использовать для установки и настройки Git. Если вам удобно использовать инструмент командной строки, это один из вариантов. Кроме того, вы можете использовать клиент GitHub Desktop:

Для этой демонстрации мы загрузим и установим GitHub Desktop. После загрузки и разархивирования файлов вам необходимо войти в систему, используя данные GitHub:

Если вы не знакомы с тем, как работает Git, вы можете думать о нем как о посреднике в вашем рабочем процессе. GitHub — это место, где вы можете разместить свой проект, а Git — это функция, которая загружает ваш репозиторий GitHub в вашу локальную среду разработки, чтобы вы могли над ним работать.

Когда вы закончите, вы можете использовать Git, чтобы отправить изменения на GitHub, чтобы ваши файлы всегда были актуальными.

Шаг 3: Создайте репозиторий

Теперь, когда ваша локальная среда готова к работе, а на вашем компьютере установлены WordPress и Git, вы готовы создать репозиторий для своего проекта. На рабочем столе GitHub вы можете выбрать «Создать новый репозиторий на жестком диске »:

Затем вам будет предложено настроить новый локальный репозиторий:

После того, как вы назовете свой репозиторий и настроите несколько других параметров, таких как выбор лицензии, если это необходимо, нажмите «Создать репозиторий» . Затем вы увидите свой новый репозиторий в пользовательском интерфейсе GitHub Desktop:

Это центральная команда для вашего проекта. Отсюда вы можете зафиксировать изменения и опубликовать свой репозиторий на GitHub. Кроме того, вы можете создавать репозитории с веб-сайта GitHub:

Если вы создаете свой репозиторий таким образом, вы можете использовать функцию клонирования репозитория в интерфейсе рабочего стола, чтобы перенести его в локальную среду разработки:

После того, как вы выберете репозиторий, который хотите клонировать из GitHub, и установите локальный путь, нажмите «Клонировать» , чтобы завершить действие.

Шаг 4: Опубликуйте свой репозиторий

После добавления файлов в папку локального репозитория они появятся на рабочем столе GitHub. Оттуда вы можете инициировать изменения, открыть редактор кода и опубликовать свой репозиторий на GitHub:

После нажатия кнопки «Опубликовать репозиторий» вам будет предложено добавить описание и завершить процесс публикации:

Затем вы можете проверить свою учетную запись GitHub, чтобы убедиться, что ваш репозиторий был опубликован:

Когда вы вносите изменения в свои файлы и тестируете их в своей среде WordPress Local by Flywheel, вы можете легко зафиксировать свои изменения в GitHub Desktop. Затем вы сможете публиковать обновленные репозитории на GitHub одним щелчком мыши.

Плагины Github для WordPress

Существует не так много плагинов для WordPress, которые добавляют значимую функциональность для GitHub. Доступны некоторые новые и непроверенные плагины, предназначенные для обновления вашего блога через опубликованные репозитории. Однако есть два надежных варианта, которые предлагают полезные функции для разработчиков.

1. Встроить на Гитхабе

Github Embed — это бесплатный плагин WordPress, который позволяет вам встраивать информацию GitHub на свой веб-сайт. Вы можете сделать это, используя простую ссылку на своих страницах и сообщениях WordPress. После того, как вы разместите ссылку GitHub на своем веб-сайте, она будет обновляться всякий раз, когда вы вносите изменения в этот репозиторий.

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

2. Программа обновления GitHub

Важно отметить, что плагины и темы, которые вы загружаете с GitHub и добавляете на свой веб-сайт WordPress, не будут помечены для обновлений. Это означает, что если разработчик внесет изменение, вы не получите уведомление на панели управления WordPress.

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

Следующие шаги

На данный момент все готово для создания рабочего процесса Git между Flywheel, WordPress и GitHub! Вы сможете получать код из GitHub и создавать свои собственные темы и плагины или участвовать в текущих проектах в сообществе WordPress.

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

Оставайтесь под контролем с WP Engine

Ориентация на GitHub и более оптимизированный рабочий процесс разработки может изменить правила игры для ваших проектов. Эта платформа не только идеальна для фрилансеров, но и способствует инновациям, которые имеют место в сообществах с открытым исходным кодом.

Здесь, в WP Engine, мы верим в силу разработки с открытым исходным кодом. Вот почему мы работаем над тем, чтобы предоставить пользователям WordPress лучшие ресурсы для разработчиков. Ознакомьтесь с нашими планами для вашего следующего проекта!