Підручник з теми WordPress для початківців – Частина 0.5: Налаштування локальної розробки WordPress

У цьому уроці коротко описано, як налаштувати локальне середовище розробки та встановити на ньому WordPress, щоб ми могли розпочати розробку нашої теми. Це для вас, хто ніколи не встановлював середовище розробки або локально WordPress для тестування чи розробки. Якщо у вас уже все готово, переходьте до частини 1.

Налаштування стека веб-розробки є надзвичайно важливим і простішим, ніж ви думаєте. Коротко; це програма, яка встановлює веб-сервер (зазвичай Apache) і базу даних (зазвичай MySQL) на ваш комп’ютер, щоб ваш комп’ютер міг обслуговувати веб-сайти. Набагато швидше та простіше розробити та протестувати свій код «локально» на комп’ютері, ніж постійно завантажувати через FTP на домен або сервер.

Редагувати: тут я створив оновлений і більш детальний посібник із налаштування локального WordPress!

Створення середовища місцевого розвитку

Є кілька безкоштовних програм, які дозволяють налаштувати комп’ютер як веб-сервер. Найпоширенішими є WampServer для Windows і XAMPP або MAMP для Mac IOS. Для 64-розрядних систем Windows переконайтеся, що ви встановили 64-розрядну версію WampServer. Що стосується IOS, я рекомендую XAMPP, але майте на увазі, що вам, швидше за все, знадобиться виконати деякі додаткові кроки, щоб змінити дозволи папки розробки (що потрібно WordPress для встановлення плагінів тощо).

Завантажте програмне забезпечення (посилання вище) і запустіть інсталятор. Вам не потрібно надавати жодних деталей, за замовчуванням він має встановити веб-сервер Apache і базу даних MySQL і має працювати нормально без жодних змін. Після цього відкрийте програму. Зазвичай він ініціює запуск Apache та SQL-сервера, коли ви запускаєте програму, інакше має бути посилання «Запустити всі служби».

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

У WampServer ви можете клацнути піктограму на панелі завдань і вибрати «Запустити всі служби» у спливаючому меню. У XAMPP програма має кнопку для цього в основному інтерфейсі.

Програма надасть вам спеціальну папку, куди ви зможете розмістити файли веб-розробки. Для WampServer типовим каталогом є підпапка wwwвсередині каталогу встановлення програми; наприклад C:wamp64www. Для XAMPP на iOS ви знайдете ярлик папки htdocsвсередині Programs > XAMPP > htdocs. У цій папці ви можете розміщувати будь-які файли php або веб-файли та отримувати до них доступ через свій браузер, а також тут ви розміщуєте всі файли WordPress.

Встановлення WordPress

Встановити WordPress дуже просто! Перейдіть на сторінку завантаження WordPress.org і натисніть велику синю кнопку, щоб завантажити. Ви отримаєте zip-файл із поточною версією WordPress англійською мовою.

Я рекомендую вам створити підпапку в локальній папці розробки для WordPress (якщо ви хочете зробити кілька проектів веб-розробки або кілька WordPress). Для цілей цього підручника я створив вкладену папку під назвою wordpress, тож мій шлях до неї такий C:wamp64wwwwordpress(щоб отримати доступ до цієї папки, мені потрібно буде перейти до неї localhost/wordpressв браузері).

1 Розпакуйте архівний вміст завантаженого WordPress у потрібне місце у вашому середовищі розробки.

По-друге, вам потрібно буде створити базу даних у вашому локальному SQL, щоб WordPress міг інсталювати все в неї. Зазвичай ви можете використовувати PHPMyAdmin (встановлюється за умовчанням з WampServer і XAMPP). Щоб отримати доступ до PHPMyAdmin, перейдіть до localhost/phpmyadminу своєму браузері. Ви повинні побачити сторінку входу. За замовчуванням користувач rootі пароль порожній.

Залежно від того, яку версію PHPMyAdmin ви встановили, ви повинні легко знайти деякі посилання для встановлення нової бази даних; наприклад «Новий» у верхній частині лівої бічної панелі. Визначте назву бази даних для вашої інсталяції WordPress (я рекомендую використовувати те саме ім’я, що й ваша папка; наприклад, wordpressабо щось більш промовисте). Щодо типу зіставлення (спадне меню), я рекомендую використовувати «utf8_general_ci» (щоб знайти його, потрібно буде прокрутити трохи вниз). Натисніть OK, і ви зможете просто закрити вкладку PHPMyAdmin. Про все інше за вас подбає WordPress.

2 Увійдіть у свою базу даних за допомогою PHPMyAdmin і створіть нову базу даних із вибраною назвою бази даних і utf8 як тип порівняння.

Останнім кроком є ​​запуск інсталятора WordPress, який зробить усе інше за вас.

3 У своєму браузері перейдіть до localhost/wordpress(або туди, куди ви розпакували WordPress). Має з’явитися інсталятор WordPress, який допоможе вам установити WordPress.

Посібник зі встановлення попросить вас ввести ім’я бази даних (введіть ту, яку ви створили вище), ім’я користувача SQL і пароль (за замовчуванням «root» і порожній пароль). Для всього іншого ви можете залишити значення за замовчуванням або встановити бажані змінні, такі як ім’я вашого сайту, і визначити свої облікові дані для входу.

Коли керівництво зі встановлення WordPress готове, тепер у вас має бути локально встановлений повний WordPress! Під час відвідування localhost/wordpressви отримаєте головну сторінку, а відвідування – localhost/wordpress/wp-adminпанель адміністратора.

Тепер ви готові розпочати розробку своєї теми WordPress! Перейдіть відразу до Частини 1: Вступ.