


Блог IT-шника
Блог IT-шника
Привіт:) У цьому гайді покажу на конкретних прикладах як встановити WordPress. Розгляну детально весь процес встановлення на локальний сервер та на хостинг.
Коротко про CMS ВордПрес: для чого потрібна, її популярність та переваги використання.
WordPress — це безкоштовна веб-платформа для створення і керування веб-сайтами, яка була випущена у 2003 році. WordPress розробляється за допомогою мови програмування PHP та бази даних MySQL або MariaDB.
WP надає можливість користувачам створювати сайти за допомогою готових тем та плагінів, що значно спрощує процес розробки та забезпечує гнучкість та налаштовуваність.
ВордПрес підтримує різні типи контенту, включаючи статичні сторінки, записи (пости блогу), медіа-файли та інші, що робить її гнучкою для створення будь-якого типу сайту — від блогів до електронної комерції.
WordPress також має велику спільноту розробників та користувачів, яка допомагає підтримувати та розвивати платформу, надає безліч засобів для вирішення проблем та підтримки новачків.
до змісту ↑WordPress є однією з найпопулярніших платформ для створення веб-сайтів, і ця популярність постійно зростає. Згідно з даними, опублікованими на офіційному веб-сайті рушія, на початку минулого року понад 40% усіх веб-сайтів використовують WordPress. Це означає, що ВордПрес перевершує будь-яку іншу платформу для створення веб-сайтів на ринку.
CMS використовується для створення різноманітних сайтів, включаючи блоги, сайти електронної комерції, сайти-візитки, форуми, сайти новин, фотогалереї та багато іншого. Її гнучкість та налаштовуваність дозволяють користувачам створювати сайти з різними функціональними можливостями, що відповідають їх потребам.
до змісту ↑Існує безліч переваг використання WordPress для створення веб-сайтів. Найважливіші з них:
Цей розділ присвячений роботі WP на локальному сервері.
Локальний веб-сервер — це програмне забезпечення, яке запускається на комп'ютері користувача і дозволяє відтворювати веб-серверні функції на локальному комп'ютері. Він дозволяє розробникам створювати та тестувати веб-сайти на своєму комп'ютері перед тим, як публікувати їх на віддаленому сервері в Інтернеті.
Основні переваги використання локального веб-сервера:
Зазвичай локальний веб-сервер містить наступне серверне програмне забезпечення: Apache (і/або Nginx), PHP та MySQL.
Серед популярних: XAMPP, OpenServer та WampServer (для Windows), MAMP (для Mac). Для WordPress також використовують спеціалізовані середовища розробки: Local by WP Engine, Varying Vagrant Vagrants (VVV), Instant WordPress, Bitnami WordPres Stack.
до змісту ↑Детально весь процес встановлення був описаний в одному із попередніх матеріалів.
OpenServer — безкоштовний інструмент для Windows для швидкого та легкого розгортання, запуску та налаштування веб-сервера на локальному комп'ютері. Має велику кількість налаштувань для гнучкого керування середовищем розробки.
Деякі можливості та переваги OpenServer:
Перший крок до встановлення WordPress на OpenServer — завантаження веб-сервера за адресою https://ospanel.io/download/.
Після запуску встановлювача оберіть каталог, у якому будуть розміщені всі файли.
На наступному кроці оберіть модулі та програми для встановлення.
Якщо сумніваєтесь у виборі, просто перейдіть до іншого кроку.
Наступний етап створення ярликів можна пропустити:
Далі рекомендую залишити як є та перейти до наступного кроку:
Кінцевий етап — власне процес встановлення сервера.
Після копіювання файлів та встановлення додаткових Windows-бібліотек перезавантажте комп'ютер.
Для запуску сервера 2 рази клацніть на ярлику, створеному на робочому столі.
При першому запуску оберіть мову інтерфейсу (меню та налаштувань) сервера.
В результаті на панелі завдань з'явиться прапорець червоного кольору.
Для запуску всіх служб та програм веб-сервера на прапорцеві натисніть праву клавішу миші та у контекстному меню оберіть пункт Запустити.
На вимогу системи безпеки Windows натисніть кнопку Дозволити доступ щоб дозволити роботу сервера.
Якщо все добре, то прапорець змінить колір на зелений. Це означає, що всі служби веб-сервера працюють коректно.
Щоб перевірити роботу сервера, у адресному рядку браузера введіть
http://localhost/
В результаті побачите приблизно наступне:
Локальний веб-сервер працює та готовий до встановлення WordPress.
Наступний крок — завантажити вихідний код ВордПрес. Останню версію CMS можна завантажити з оф. сайту. На вибір можете обрати англійську або українську мову користувацької та адмін-частини вашого майбутнього сайту.
Розпакуйте вміст zip-архіву. В результаті отримаєте папку wordpress зі всіма необхідними для встановлення файлами.
Далі потрібно обрати локальний домен — назва сайту, за якою він буде відкриватися у веб-браузері. Для прикладу оберу petrov.local (змініть на власний). В результаті сайт буде доступний за адресою
http://petrov.local
У меню OpenServer (через праву клавіші миші на прапорцеві) оберіть пункт меню Папка з проектами.
У новому вікні відкриється список каталогів, у яких зберігатимуться проекти (сайти) OpenServer. У моєму випадку — це D:\OSPanel\domains.
Створіть каталог, назва якого відповідає назві домену. Для мого прикладу — це petrov.local. Скопіюйте у нього вміст розархівованої раніше папки wordpress.
Наступний крок — створення бази даних, у якій зберігатимуться весь контент та налаштування майбутнього сайту. Для цього у меню OpenServer оберіть Додатково -> PhpMyAdmin щоб відкрити утиліту для керування базами даних MySQL.
У полі Ім'я користувача введіть root, пароль залиште порожнім та клацніть Вхід у систему.
Поверніться знову у браузер, оновіть сторінку входу в phpMyAdmin через комбінацію клавіш [Ctrl]+[F5] та знову спробуйте ввести логін.
Після успішної авторизації у системі відкриється панель керування утиліти:
Щоб створити нову базу даних, зліва натисніть Нова.
Праворуч вкажіть назву бази даних, виберіть utf8mb4_general_ci та натисніть Створити. Зазвичай у мене назва бази даних відповідає домену сайту. Тому у моєму випадку це виглядатиме так:
В результаті ваша база даних з'явиться у списку зліва:
База даних створена.
Наступний пункт — підготовка до встановлення WordPress.
Перейдіть назад у каталог, в який раніше були скопійовані файли (у мене це D:\OSPanel\domains\petrov.local) та за допомогою будь-якого редактору коду (Notepad++, Visual Studio Code) відкрийте файл wp-config-sample.php.
Для коректної роботи майбутнього сайту потрібно створити файл wp-config.php. Для цього у меню редактора оберіть Файл -> Зберегти як... (File -> Save As...), вкажіть назву файлу wp-config.php та натисніть Зберегти.
Відкрийте створений файл та виконайте заміни у наступних рядках:
/** The name of the database for WordPress */
define( 'DB_NAME', 'database_name_here' );
/** Database username */
define( 'DB_USER', 'username_here' );
/** Database password */
define( 'DB_PASSWORD', 'password_here' );
У моєму випадку:
/** The name of the database for WordPress */
define( 'DB_NAME', 'petrov.local' );
/** Database username */
define( 'DB_USER', 'root' );
/** Database password */
define( 'DB_PASSWORD', '' );
У коді вам лише потрібно змінити назву своєї бази даних в опції DB_NAME
.
Все готове до запуску інсталяції. Щоб почати процес, у браузері введіть назву свого домену (для мого прикладу це http://petrov.local). Якщо все зроблено вірно, у браузері ви побачите інсталятор ВордПрес:
Заповніть відповідні поля та натисніть кнопку Встановити WordPress. Після успішного завершення система запропонує увійти в адмін-частину сайту:
Адмін-частина виглядатиме приблизно так:
Встановлення WordPress завершене.
У цьому розділі розгляну встановлення ВордПрес на хостингу. Але спочатку розкажу що таке хостинг і чим відрізняється від локального веб-сервера.
Хостинг сайтів — це послуга, яку надають компанії, що забезпечують зберігання і доступність веб-сайту в Інтернеті. Власник сайту може орендувати простір на серверах хостинг-провайдера для зберігання своєї веб-сторінки та інших файлів, що стосуються її функціонування (таких як бази даних, зображення тощо).
Хостинг-провайдер забезпечує безперебійну роботу серверів, доступ до сайту через Інтернет, резервне копіювання даних, а також технічну підтримку користувачів. В залежності від потреб користувача, існують різні типи хостингу, такі як спільний (shared, віртуальний) хостинг, VPS/VDS, dedicated хостинг (виділений сервер), хмарний (cloud) хостинг.
Хостинг є необхідним, щоб веб-сайт був доступний для користувачів з усього світу, а також для забезпечення його безперебійної роботи та захисту від несанкціонованого доступу і атак хакерів.
до змісту ↑Серед іноземних компаній (Європа та США) користуються популярністю:
Серед українських можу виділити:
При виборі провайдера варто звернути увагу на такі параметри, як швидкість серверів, надійність, рівень технічної підтримки та ціни на послуги.
до змісту ↑Вибір типу хостингу залежить від конкретних потреб і бюджету користувача. Короткий огляд кожного типу хостингу:
При виборі типу хостингу, окрім розміру та складності вашого веб-сайту, важливо врахувати також свій бюджет та рівень технічної підготовки. Віртуальний хостинг зазвичай є найбільш доступним та простим в управлінні, тоді як виділений сервер надає найбільшу гнучкість та контроль, але є дорожчим та вимагає високого рівня технічних знань для налагодження та керування. Хмарний хостинг та VPS/VDS є хорошими компромісами між доступністю, контролем та масштабованістю.
до змісту ↑Спеціалізований хостинг для WordPress — це хостинг, який оптимізований для роботи з цією платформою управління контентом (CMS).
Особливості:
Хостинг-провайдери, які спеціалізуються на хостингу для WordPress:
Існує кілька способів встановлення WordPress на хостингу, основні з яких описані нижче:
Нижче я буду розглядати лише перший спосіб — встановлення власноруч. Обґрунтовую свій вибір тим, що цей метод, хоча і передбачає наявність технічних знань, але є гнучким та універсальним. Ви можете контролювати будь-який свій крок та повторити свої дії у випадку, якщо щось пішло не так.
до змісту ↑Цей розділ я спеціально виділив, щоб детально розглянути необхідні для роботи інструменти та програми.
Технічно хостинг забезпечує лише розміщення та обробку файлів і бази даних вашого сайту. Але щоб забезпечити ресурсу функціонування у повній мірі, хостинг повинен "знати" його назву. Це дозволить користувачеві, ввівши адресу вашого сайту в адресному рядку свого браузера, відвідати ваш ресурс. А тому цю назву потрібно "прив'язати" до файлів та бази даних. За назву сайту відповідає саме домен, який потрібно орендувати на певний період у доменного реєстратора.
Орендуючи домен, ви стаєте його власником на якийсь час (мінімум 1 рік). Зазвичай вищезгадані хостинг-компанії також є і доменними реєстраторами. Найпопулярніші в Україні:
В загальному процес вибору та реєстрації доменного імені передбачає наступні кроки:
Для роботи використовуватиму наступні програми:
Буду вважати, що ви вже визначилися з іменем свого майбутнього сайту, зареєстрували домен та отримали список NS-серверів, які надає хостинг.
Процес встановлення опишу на прикладі віртуального (shared) хостингу та популярної панелі керування CPanel, яка використовується як іноземними компаніями, так і українськими.
Покажу на прикладі домену petrov.pp.ua.
Для того щоб хостинг зв'язав ім'я (назву) вашого сайту з його файлами, потрібно йому про це "повідомити". Для цього достатньо у панелі керування доменом вказати NS-сервери, які надасть вам хостинг.
У моєму випадку цей перелік наступний:
Далі відкрийте панель реєстратора доменного імені, знайдіть налаштування NS-серверів та вкажіть адреси зі свого списку.
Наступний крок — приєднання домену на хостингу та створення головного каталогу для розміщення файлів сайту.
Для цього авторизуйтесь у панелі керування хостингу. У моєму випадку CPanel виглядає так:
Знайдіть блок Домени та клацніть на відповідну опцію.
Натисніть кнопку Create a New Domain.
У новому вікні в полі Домен введіть назву домену та натисніть кнопку Надіслати. Система створить на сервері робочий каталог сайту та зв'яже з ним домен, після чого сповістить про успішне створення.
Для генерації безкоштовного SSL-сертифікату в головному вікні хостинг-панелі знайдіть блок Безпека на клацніть на опції Lets Encrypt™ SSL.
У новому вікні знайдіть блок налаштувань Issue a new certificate, який містить список SSL-сертифікатів для доменів вашого акаунту. Навпроти доданого домену натисніть посилання +issue.
У наступному вікні рекомендую все залишити як є та просто натиснути Issue.
Щоб перевірити успішне встановлення сертифікату, у тому ж блоці хостинг-панелі відкрийте пункт SSL/TLS Status.
Зліва від назви доданого вами домену має бути іконка замка зеленого кольору.
Тепер ваш сайт передаватиме дані через захищений протокол та доступний за адресою https://site.com/.
до змісту ↑Для встановлення ВордПрес потрібно завантажити необхідні для його роботи файли. Для цього завантажте ZIP-архів за наступним посиланням (українська локалізація сайту або англійська).
Для роботи із файлами сайту на сервері хостингу зручно використовувати протокол передачі даних FTP, для якого спеціально розроблені FTP-клієнти із зрозумілим графічним інтерфейсом. Наприклад, безкоштовна програма FileZilla (сумісна із Windows, Linux, macOS).
Для успішного доступу до серверу хостингу через протокол FTP необхідною буде наступна інформація:
Ці дані зазвичай містяться у листі, який автоматично надсилається на вказаний email після замовлення послуги хостингу. Якщо такий лист відсутній, дані FTP-доступу можете спробувати дізнатися через технічну підтримку.
Розпакуйте вміст завантаженого на вашому комп'ютері вказаного вище архіву.
У будь-якому редакторі коду (наприклад, Notepad++, Sublime, Visual Studio Code) відкрийте файл wp-config-sample.php та збережіть його під ім'ям wp-config.php через меню редактора Файл -> Зберегти як... (File -> Save As...)
Відкрийте wp-config.php та знайдіть рядки
define( 'AUTH_KEY', 'put your unique phrase here' );
define( 'SECURE_AUTH_KEY', 'put your unique phrase here' );
define( 'LOGGED_IN_KEY', 'put your unique phrase here' );
define( 'NONCE_KEY', 'put your unique phrase here' );
define( 'AUTH_SALT', 'put your unique phrase here' );
define( 'SECURE_AUTH_SALT', 'put your unique phrase here' );
define( 'LOGGED_IN_SALT', 'put your unique phrase here' );
define( 'NONCE_SALT', 'put your unique phrase here' );
Далі перейдіть за адресою https://api.wordpress.org/secret-key/1.1/salt/, скопіюйте весь вміст сторінки, замініть вказані вище рядки у файлі та збережіть зміни.
Наступний етап — копіювання файлів на сервер хостингу.
Відкрийте FTP-клієнт FileZilla, вгорі у полях Хост, Ім'я користувача та Пароль введіть вказані вище дані. Щоб під'єднатися до сервера, клацніть Швидке з'єднання.
Якщо під'єднання було успішним, справа програма виведе файлову структуру вашого акаунту на сервері хостингу. У моєму випадку вміст робочого каталогу для домену petrov.pp.ua буде наступним:
У лівій половині екрану програми відкрийте розархівований раніше каталог із файлами. Виділіть весь його вміст, окрім файлу wp-config.php (його перенесено на сервер пізніше). На виділеній області натисніть праву клавішу миші та оберіть пункт Відвантажити.
Дочекайтесь повного завершення процесу копіювання всіх файлів.
до змісту ↑В панелі керування хостингу знайдіть блок опцій Бази даних та оберіть пункт Бази даних MySQL®.
У новому вікні система пропонує ввести назву нової бази даних. Зазвичай віртуальні хостинги до назви додають префікс. Введіть назву та натисніть Створити базу даних.
Після успішного створення клацніть на посиланні Повернутися.
Тепер потрібно створити користувача, завдяки якому можна буде з нею працювати. Для цього у секції Додати нового користувача введіть ім'я користувача та пароль. Зазвичай ім'я користувача обирається аналогічним назві бази даних.
Пароль рекомендую згенерувати відповідною кнопкою справа та зберегти десь окремо.
В кінці натисніть Створити користувача.
База даних та користувач створені. Тепер потрібно їх зв'язати. Для цього знову клацніть Повернутися та у блоці налаштувань Додати користувача до бази даних у першому полі оберіть ім'я користувача, у другому — назву бази даних та натисніть Додати.
У новому вікні надайте привілеї користувачеві — повинен бути повний доступ до бази даних. Для цього клацніть УСІ ПРАВА та кнопку Внести зміни.
Останній крок — "повідомити" WordPress про базу даних. Для цього у створеному раніше локальному файлі wp-config.php знайдіть рядки
/** The name of the database for WordPress */
define( 'DB_NAME', 'database_name_here' );
/** Database username */
define( 'DB_USER', 'username_here' );
/** Database password */
define( 'DB_PASSWORD', 'password_here' );
Значення "database_name_here
", "username_here
" та "password_here
" замініть відповідно на назву бази даних, користувача та пароль. У моєму прикладі це виглядає так:
/** The name of the database for WordPress */
define( 'DB_NAME', 'petrovne_petrov' );
/** Database username */
define( 'DB_USER', 'petrovne_petrov' );
/** Database password */
define( 'DB_PASSWORD', '2Lix*pqLc$Q)' );
Збережіть зміни у файлі, після чого під'єднайтесь до сервера хостингу через FileZilla та завантажте файл у головний каталог сайту WordPress.
Все готово для встановлення WordPress на хостингу. Щоб запустити процес, в адресному рядку браузера введіть назву свого домену (для мого прикладу це https://petrov.pp.ua).
Заповніть усі поля та натисніть кнопку Встановити WordPress.
Після встановлення увійдіть в адмін-частину сайту:
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
# ВАРІАНТ 1 (вказується конкретний домен)
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:SSL} !=1 [NC]
RewriteCond %{HTTP_HOST} ^www.domain.com$ [NC]
RewriteRule ^(.)$ https://domain.com/$1 [R=301,L] RewriteCond %{HTTP:SSL} !=1 [NC] RewriteRule ^(.)$ https://domain.com/$1 [R=301,L]
# ВАРІАНТ 2 (універсальний спосіб)
RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} ^www. [NC]
RewriteCond %{HTTP_HOST} ^(?:www.)?(.+)$ [NC]
RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]
З подальшими кроками налаштування сайту можете ознайомитися у матеріалі Налаштування WordPress після встановлення: покрокова інструкція.