Найкраще щастя для співпраці з кодом

Зміст

У світі розробки програмного забезпечення часто зустрічаються терміни GitHub та WordPress. Поєднання цих двох інструментів може значно покращити робочий процес розробника, підвищуючи його ефективність та продуктивність.

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

Навіщо поєднувати ці два інструменти?

Контроль версій: GitHub дозволяє відстежувати будь-які зміни у вихідному коді WordPress з плином часу. Це забезпечує легке керування кодом, темами та плагінами WordPress.
Розгалуження: Інтеграція WordPress з GitHub усуває необхідність виводити сайт в режим “обслуговування” під час оновлень. Ви можете створювати гілки для роботи над новими функціями, тестувати їх та розгортати лише після впевненості у їхній коректній роботі.
Колаборація: GitHub ідеально підходить для командної розробки великих веб-сайтів. Він дозволяє залучати різних розробників, призначаючи їм відповідні ролі та права.
Перевірка коду: Під час розробки WordPress можуть виникати помилки. GitHub дозволяє переглядати зміни в коді до розгортання, мінімізуючи ризики збоїв.
Резервне копіювання та відновлення: Зберігання коду лише на локальному комп’ютері є ризикованим. GitHub забезпечує хмарне зберігання коду, дозволяючи відновити його в разі втрати даних.
Прозорість та підзвітність: GitHub чітко відстежує всі зміни у вихідному коді WordPress, вказуючи, хто їх вніс.

Що таке WordPress?

WordPress – це система управління контентом з відкритим вихідним кодом, яка надає можливість створювати веб-сайти навіть без знання програмування. Спочатку розроблена для блогів, платформа еволюціонувала і тепер дозволяє створювати інтернет-магазини, форуми, соціальні мережі, мобільні додатки та корпоративні сайти.

Відкритий код WordPress є великою перевагою для розробників та дизайнерів. Ви можете завантажувати, редагувати та поширювати вихідний код. Проте для публікації сайту в інтернеті необхідно придбати доменне ім’я та хостинг.

Чому варто використовувати WordPress?

Простота використання: WordPress розроблений з урахуванням потреб користувачів, незалежно від їх досвіду в програмуванні. Інтуїтивно зрозумілий інтерфейс редактора дозволяє створювати професійні веб-сайти без написання коду.
Різноманітність тем: WordPress пропонує тисячі готових тем, які можна налаштувати під свої потреби. Крім того, ви можете створити власну тему та завантажити її на сайт.
Багатство плагінів: За допомогою плагінів можна розширити функціональність сайту без необхідності розробки з нуля. Наприклад, можна інтегрувати платіжні системи.
Велика спільнота: WordPress має активну спільноту користувачів, готову допомогти у вирішенні проблем. Існує безліч навчальних матеріалів та ресурсів для вирішення будь-яких питань.

Що таке GitHub?

GitHub – це хмарна платформа для розробки програмного забезпечення. Вона дозволяє зберігати, відстежувати та співпрацювати над різними проектами. Користувачі GitHub можуть створювати безкоштовні облікові записи, репозиторії та запрошувати співавторів до проектів. Платформа інтегрована з Git, системою контролю версій, що дозволяє відстежувати зміни у проекті локально.

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

Навіщо використовувати GitHub?

Простота використання: Навіть новачки можуть легко створити обліковий запис на GitHub.
Хмарне зберігання: GitHub зберігає код у хмарі, забезпечуючи віддалений доступ та можливість відновлення у випадку проблем з локальним комп’ютером.
Контроль версій: GitHub відстежує всі зміни, що вносяться до вихідного коду. Можливість створення гілок забезпечує легке відстеження різних версій проекту.
Співпраця: GitHub дозволяє запрошувати членів команди для спільної роботи над проектами. Можна створювати організації та надавати різним учасникам різні ролі та права.

Як використовувати GitHub для WordPress

Для інтеграції WordPress з GitHub необхідно налаштувати локальний сервер розробки.

Існує кілька способів створення сервера розробки, але в цій статті буде використано Local WP.

Вимоги для інтеграції WordPress з GitHub

Git: Зазвичай встановлений на комп’ютерах з останньою версією Linux або macOS. Щоб перевірити наявність Git, використайте команду: `git –version`.
Обліковий запис GitHub: Якщо у вас немає Git та облікового запису GitHub, скористайтеся цим посібником.
Розуміння принципів роботи WordPress.

Встановлення Local WP

Перейдіть на сторінку випусків та виберіть дистрибутив, що відповідає вашій операційній системі.
Після завантаження дотримуйтесь інструкцій з встановлення для вашої ОС.

Local WP запропонує створити безкоштовний обліковий запис. Ви можете пропустити цей крок, натиснувши кнопку “X”.

Виберіть перший варіант для створення нового сайту WordPress.

Виберіть ваше середовище. Наразі оберіть “Preferred”.

Налаштуйте ім’я користувача та пароль.

Встановіть додатковий компонент для редагування коду. Наприклад, якщо використовуєте VS Code, встановіть відповідне розширення:

Тепер у вас є сайт WordPress, розробка якого ведеться локально. Наступним кроком є інтеграція з GitHub.

Як підключити WordPress до GitHub

В інтерфейсі Local WP натисніть “Go to site folder”, як показано на знімку екрана.

Тепер відкрийте вихідний код сайту WordPress, створеного локально. Структура папок виглядатиме так:

Не звертайте увагу на різні папки та файли.

Створення репозиторію GitHub

Якщо у вас налаштовано Git та GitHub, виконайте такі кроки, щоб створити репозиторій та використовувати Git для керування версіями:

Увійдіть на GitHub і натисніть “New”.

Придумайте запам’ятовуючуся назву репозиторію, встановіть необхідні прапорці та натисніть “Create repository”.

Ініціалізуйте вихідний код з папки проекту WordPress. GitHub надасть вам команди, які можна скопіювати та вставити в термінал. Команди будуть наступні:

echo "# GitHub-WordPress" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:username/repository-name.git
git push -u origin main

Замініть “username” і “repository-name” на своє ім’я користувача і назву сховища.

Завантажте вихідний код WordPress на GitHub. Скористайтеся цими командами:

git add . (Це додасть всі файли в проект)

git commit -m "commit project folder"

git push (Ця команда відправить всі файли на GitHub)

Після цих кроків ваш локальний сайт WordPress буде інтегровано з GitHub.

Зверніть увагу на знімок екрана:

Ви побачите структуру папок, схожу на ту, яку ви бачили при відкритті коду в редакторі.

Тепер ваша команда може клонувати репозиторій на свої локальні комп’ютери, створювати гілки, працювати над функціями, фіксувати їх та завантажувати на GitHub.

Редагування вашого сайту WordPress

Основна частина розробки коду відбувається в папці тем. Її можна знайти за шляхом: `app/public/wp-content/themes`.

У цій папці може бути декілька тем. Перед початком редагування сайт виглядає так:

Якщо перейти за шляхом: `app/public/wp-content/themes/templates/home.html`, можна редагувати вміст домашньої сторінки.

Наприклад, можна змінити заголовок `H1` на “Це зразок інтеграції WordPress з GitHub”.

Після оновлення вмісту локального сервера, він відображатиметься наступним чином:

Як відправити зміни на GitHub

Зміни, внесені вище, доступні лише локально. Щоб зберегти їх на GitHub, виконайте такі дії:

Виконайте команду: `git status`.

Зверніть увагу на невідстежувані файли в папці `app/public/wp-content/themes/twentytwentythree/templates/home.html`.

Підготуйте зміни: `git add .`
Зробіть коміт: `git commit -m “цей коміт редагує домашню сторінку”`.
Відправте зміни: `git push`.

Якщо повернутися до репозиторію на GitHub, то ви побачите новий коміт, як на знімку екрана.

Тепер ваша команда може вносити зміни, редагувати файли та надсилати їх до репозиторію.