У попередній публікації ми розповіли, що таке WordPress і назвали сім переваг цієї CMS. Якщо нам вдалося переконати вас, що ця система керування сайтом краща за інші, то, найімовірніше, наступне запитання, яке вас цікавить, — як встановити WordPress. Сьогодні, продовжуючи тему створення сайтів на WP, ми підготували докладний і наочний посібник про те, як встановити WordPress на хостинг і комп’ютер.
Перш ніж перейти безпосередньо до процесу встановлення, нагадаємо, що це займе приблизно 10–15 хвилин. Тобто встановити WordPress локально, так само як і на віддалений сервер, можна швидко й просто. Отже, почнімо.
Як встановити WordPress на OpenServer
Що нам для цього знадобиться:
- Остання актуальна версія WordPress;
- Локальний сервер OpenServer;
- Архіватор WinRAR, WinZip або 7-Zip — на ваш вибір.
Щоб установити OpenServer, потрібно виконати 6 кроків.
Крок № 1 — Встановлюємо OpenServer на комп’ютер
Установіть OpenServer на комп’ютер. Як це зробити — тема окремої статті. Докладний посібник можна знайти за посиланням. Відкрийте диск, на який було встановлено програму, а потім перейдіть за шляхом OSPanel → domains. Натисніть правою кнопкою миші, викличте контекстне меню та створіть усередині нову папку з назвою вашого майбутнього сайту. У нашому прикладі це папка nympha.
Крок № 2 — Завантажуємо та розпаковуємо WordPress
Відвідайте офіційний сайт, щоб завантажити WordPress. Натисніть відповідну синю кнопку, і остання версія WP потрапить до стандартної папки завантажень Windows.
Розпакуйте вміст щойно завантаженого ZIP-архіву до папки nympha.
Стежте, щоб під час розпакування папки та файли опинилися безпосередньо в папці, яку ви створили, а не у вкладеній папці wordpress. Інакше сайт буде недоступним.
Якщо файли розташовані не в кореневому каталозі сервера, тобто не в кореневій папці сайту, створеній на попередньому етапі встановлення WordPress, скопіюйте та перенесіть їх туди, а папку wordpress видаліть.
У підсумку в корені сайту має міститися 19 елементів: 3 папки (wp-admin, wp-content і wp-includes) та 16 файлів.
Крок № 3 — Запускаємо OpenServer
На диску, куди встановлено локальний вебсервер, відкрийте папку OSPanel і запустіть ярлик OpenServer x64 або x86 — залежно від розрядності операційної системи.
Тепер зверніть увагу на системний трей: там має з’явитися червоний прапорець, який означає, що програма запущена, але потребує активації. Системний трей розташований у правій нижній частині екрана, де зазвичай містяться значки гучності, мережі та інших служб. Щоб увімкнути OpenServer, натисніть червоний прапорець і у верхній частині меню виберіть зелений прапорець.
Крок № 4 — Відкриваємо сторінку встановлення WordPress
Відкрийте браузер і введіть угорі http://nympha, де замість nympha вкажіть назву створеної папки. У результаті відкриється сторінка встановлення WordPress.
Натисніть «Вперед». На наступній сторінці потрібно буде вказати дані для підключення до бази даних.
Крок № 5 — Створюємо базу даних і вказуємо дані для підключення
Оскільки бази даних (БД) у нас ще немає, її потрібно створити. Для цього відкрийте системний трей, натисніть зелений прапорець і перейдіть до Додатково → PhpMyAdmin.
На сторінці авторизації вкажіть ім’я користувача root, поле пароля залиште порожнім і натисніть кнопку «Вперед».
На наступній сторінці можна створити базу даних. Для цього натисніть відповідне посилання.
Заповніть поле «Ім’я бази даних». Зазвичай назва БД збігається з назвою сайту. Обов’язково вкажіть кодування utf8_general_ci, після чого натисніть кнопку «Створити».
Вітаємо, базу даних створено!
Поверніться до сторінки встановлення WordPress. Укажіть назву бази даних та ім’я користувача. Поле пароля залиште порожнім. Інші параметри залиште за замовчуванням. Натисніть кнопку «Надіслати».
Якщо все зроблено правильно, відкриється наступне вікно. Це означає, що основний файл конфігурації WordPress wp-config.php успішно створено в корені сайту.
Для продовження натисніть кнопку «Запустити встановлення».
Крок № 6 — Знамените п’ятихвилинне встановлення WordPress
На завершальному етапі встановлення WordPress потрібно вказати:
- Назву сайту.
- Ім’я користувача — логін, який використовуватиметься для входу до адміністративної панелі сайту.
- Пароль. CMS автоматично генерує надійний пароль, який можна використовувати. Обов’язково збережіть його в безпечному місці, щоб не забути й не втратити.
- E-mail — електронну адресу, на яку надходитимуть нові коментарі до записів та важливі системні повідомлення. Вона також знадобиться для відновлення пароля.
Унизу можна позначити чекбокс «Видимість для пошукових систем». Якби ми встановлювали WordPress на віддалений сервер, ця функція мала б велике значення. У нашому випадку WordPress встановлюється на комп’ютер, тому про індексацію не йдеться.
Не хвилюйтеся надто сильно щодо інформації, яку вкажете на цьому етапі: її завжди можна змінити в налаштуваннях CMS.
Ура! WordPress встановлено.
Тепер можна увійти до консолі, використовуючи створені ім’я користувача та пароль.
Як встановити WordPress на хостинг
Установити WP на віддалений вебсервер можна вручну або автоматично.
Цей спосіб підходить за умови, що ви придбали домен і хостинг. Якщо ви не знаєте, що таке домен і як його підібрати, рекомендуємо ознайомитися зі статтею за посиланням. Не менш корисною буде стаття «Основні ознаки якісного хостингу».
Швидке автоматичне встановлення WordPress із Web-скриптів
Найпростіший і найшвидший спосіб — скористатися Web-скриптами, які дають змогу автоматично встановити WordPress та багато інших систем керування вмістом сайту (CMS).
На щастя, більшість сучасних хостинг-провайдерів надають таку можливість. Наприклад, UH.ua, Parkovka.ua, Ukraine.com.ua. Покажемо, як виконати автоматичне встановлення на хостингу Parkovka.ua з панеллю керування ISPmanager, де на момент написання статті вже понад три роки працював сайт StimylRosta.
Перше, що потрібно зробити, — створити новий WWW-домен, у якому зберігатимуться всі файли WordPress. Отже, почнімо.
- Увійдіть до панелі ISPmanager від імені користувача. Як уже зазначалося, доступ до панелі керування хостингом має надати хостинг-провайдер. На E-mail, указаний під час реєстрації на хостингу, має надійти лист із посиланням на панель керування, логіном і паролем.
- У бічному меню виберіть WWW → WWW-домени.
- Створіть новий WWW-домен, якщо його ще немає або якщо ви хочете видалити з наявного домену всі раніше розміщені файли та папки й створити сайт із чистого аркуша. Укажіть ім’я з обов’язковим позначенням доменної зони. У нашому прикладі використовується домен nympha.com.ua, де nympha — комбінація символів, яку власник придумав для назви майбутнього сайту, а com.ua — доменна зона.
- Після введення імені псевдоніми, кореневий каталог та E-mail адміністратора заповняться автоматично. Змінювати їх чи ні — вирішувати вам. У прикладі залишаємо все без змін.
- Трохи нижче розташовані додаткові налаштування, де потрібно вибрати актуальну версію PHP. Мінімально допустима на момент написання статті — 5.4. Оскільки вебтехнології швидко змінюються, рекомендується використовувати свіжішу версію.
- Після встановлення потрібних параметрів натисніть кнопку «Ок».
Вітаємо, домен створено. Залишається встановити WordPress із Web-скриптів. Є два способи це зробити.
Перший спосіб встановлення WordPress із Web-скриптів
Натисніть лівою кнопкою миші на попередньо створений WWW-домен і виберіть іконку «Скрипти».
У результаті відкриється список доступних Web-скриптів, готових до швидкого встановлення.
Подальший процес встановлення складається з трьох простих кроків:
- Поставте прапорець біля ліцензійної угоди та натисніть «Далі»;
- Укажіть назву, ім’я користувача та пароль бази даних, а також логін і пароль адміністратора. Тут же можна вказати назву сайту та мову — ці параметри можна буде змінити й у консолі. Навіть якщо у вас чудова пам’ять, зазначені дані краще зберегти;
- Натисніть кнопку «Завершити», щоб підтвердити встановлення.
Ось і все — WordPress встановлено!
Другий спосіб встановлення WordPress із Web-скриптів
Перейдіть за посиланням «Каталог Web-скриптів» у лівому меню.
Виберіть відповідну CMS.
Подальший процес встановлення складається з чотирьох простих кроків:
- Виберіть із випадаючого списку попередньо створений WWW-домен. Каталог залиште за замовчуванням кореневий — /. Якщо потрібно встановити WordPress у підкаталог сайту, наприклад blog, виберіть попередньо створену для цього папку. На цьому ж етапі потрібно вибрати сервер. Залишаємо MySQL за замовчуванням. Натисніть «Далі»;
- Уважно прочитайте ліцензійну угоду й позначте чекбокс, що погоджуєтеся з її умовами. Натисніть «Далі»;
- Укажіть назву, ім’я користувача та пароль бази даних, а також логін і пароль адміністратора CMS. Тут же можна вказати назву сайту та вибрати мову;
- Натисніть кнопку «Завершити», щоб підтвердити встановлення.
Вітаємо, WordPress встановлено!
Як встановити WP вручну
Ручне встановлення складніше за автоматичне й багато в чому схоже на встановлення WordPress на локальний сервер OpenServer. Так само розглянемо його на прикладі хостингу Parkovka.ua. Установлення виконуватимемо через ISPmanager.
Що нам знадобиться:
- Оплачені домен і хостинг;
- Остання актуальна версія WordPress;
- Доступ до FTP, який надає хостинг-провайдер;
- Архіватор WinRAR, WinZip або 7-Zip — на ваш вибір;
- FTP-клієнт FileZilla — необов’язково;
- Веббраузер Chrome, Safari, Mozilla або Opera. Який саме — принципового значення не має.
Припустімо, ви вже зареєстрували доменне ім’я та оплатили хостинг, завантажили на комп’ютер останню версію WP, а також створили новий WWW-домен у папці WWW. Що далі?
Завантажуємо та розпаковуємо інсталяційний файл WordPress
Авторизуйтеся в ISPmanager і перейдіть до WWW → WWW-домени. Натисніть правою кнопкою миші на потрібну назву домену, а потім відкрийте його каталог у менеджері файлів.
Натисніть іконку «Завантажити».
Тепер потрібно завантажити інсталяційний файл на сервер.
Перед завантаженням інсталяційного архіву на віддалений сервер обов’язково розпакуйте його на комп’ютері, відкрийте папку wordpress, виділіть її вміст і створіть новий архів із цих файлів і папок. Якщо цього не зробити, весь вміст архіву потрапить у вкладену папку wordpress, а вам доведеться переносити файли й папки до кореневого каталогу вручну. Це довго й незручно.
Покажемо це на прикладі архіватора 7-Zip. Відкрийте папку wordpress, натисніть Ctrl + A → Ctrl + C, клацніть правою кнопкою миші та викличте контекстне меню. Виберіть 7-Zip → Додати до «wordpress.zip». За кілька секунд потрібний архів буде готовий до встановлення.
Укажіть підготовлений архівний файл і натисніть кнопку «Ок».
Для завантаження також можна використовувати FTP-клієнт, але засобами ISPmanager це робиться швидше й зручніше.
Виділіть щойно завантажений ZIP-архів і натисніть іконку «Видобути».
Виберіть папку з назвою домену та натисніть «Ок».
За кілька секунд усі файли й папки опиняться в кореневому каталозі сайту.
Видаліть інсталяційний ZIP-архів wordpress — він більше не потрібен.
Створюємо базу даних
Перейдіть до вкладки «Бази даних», де нас цікавить іконка «Створити».
Врахуйте: деякі хостинг-провайдери на віртуальному хостингу (англ. shared hosting) з міркувань безпеки автоматично додають до назви бази даних та імені користувача префікс, наприклад p20272_ (де p20272 — логін користувача хостингу). Це стосується й хостингу Parkovka.ua.
У вікні, що відкрилося, вкажіть:
- Назву бази даних. Зазвичай вона збігається з назвою сайту до доменної зони. Майте на увазі: на серверах із панеллю ISPmanager не можна створити базу даних та користувача, у назві яких понад 16 символів з урахуванням префікса;
- Кодування utf8. WordPress працює саме з цим кодуванням. Якщо вибрати інше, кириличні символи можуть відображатися некоректно;
- Ім’я користувача бази даних;
- Пароль/Підтвердження пароля. Пароль можна згенерувати або придумати самостійно.
Обов’язково запишіть назву бази даних, ім’я користувача та пароль. Ці дані знадобляться на завершальному етапі встановлення сайту на WordPress.
Після заповнення всіх полів натисніть кнопку ОК.
Після створення домену потрібно прив’язати його до DNS-серверів. Це можна зробити до або після встановлення WordPress. Якщо цього не зробити, у браузері відображатиметься повідомлення «Сторінка недоступна» або подібне.
Відкриваємо стартову сторінку встановлення WordPress
Введіть URL-адресу сайту в адресному рядку браузера. У результаті відкриється стартова сторінка встановлення WordPress.
Натисніть «Вперед» і на наступній сторінці заповніть поля даними для підключення до бази даних. Укажіть назву бази даних, ім’я користувача та пароль. Поле «Сервер бази даних» залиште за замовчуванням — localhost. Якщо це ім’я хоста не працює, зверніться до хостинг-провайдера для уточнення деталей.
Для підвищення рівня безпеки обов’язково змініть стандартний префікс таблиць «wp_». Зі стандартним префіксом сайт на WordPress стає вразливішим до SQL-ін’єкцій, оскільки для таких атак зловмисникам достатньо знати префікс таблиць. Використовуйте щось на кшталт «1ur17obkq_», щоб ускладнити їм завдання.
Після введення даних натисніть «Надіслати».
Якщо ви ніде не припустилися помилки, побачите повідомлення, що все гаразд.
Натисніть «Запустити встановлення».
5 хвилин — і мети досягнуто
На завершальному етапі встановлення WordPress введіть назву сайту, придумайте ім’я користувача (адміністратора), пароль і вкажіть коректний E-mail.
Рекомендується не використовувати такі популярні імена користувачів, як «admin», «administrator», «adm» тощо. Це підвищить захист сайту від атак із підбором паролів.
Унизу можна позначити чекбокс «Видимість для пошукових систем». Це актуально, якщо, наприклад, сайт ще розробляється і ви не хочете, щоб його індексували пошукові системи.
Усю інформацію, яку ви вказали на цьому етапі, надалі легко змінити в налаштуваннях CMS.
Натисніть «Встановити WordPress» і можете пишатися виконаною роботою.
Підсумок
Сподіваємося, нам вдалося доступно пояснити, як встановити WordPress, і у вас усе вийшло. Якщо під час інсталяції сайт відображається некоректно або ви десь зупинилися, пишіть про це в коментарях. Спробуємо знайти рішення разом!
