Як створити сайт самостійно

Просте покрокове керівництво для початківців. Використовуючи це керівництво ви навчитеся як створити свій сайт, наповнити його контентом і залучати користувачів

Ви завжди хотіли створити сайт, алене знали як? Чи може ви завжди думали, що це занадто складно, бо потрібно вивчати програмування та дизайн?

Тоді це покрокове керівництво для вас. Воно розказує як створити свій сайт із сучасним дизаном та на професійному рівні швидко і легко без необхідності вивчення HTML / CSS та PHP-програмування або проходження довгих та дорогих курсів.

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

Якщо у вас виникли труднощі з цим керівництвом (в чому мидуже сумніваємося), не соромтеся звертатись до нас і ми допоможемо розібратись.

Готові запуститит свій сайт сьогодні? Давайте почнемо…

Як створити сайт за 5 кроків

Потрібний час: 59 minutes.

Всього п’ять простих кроків пройшовши які ви створите повноцінний сайт чи блог

  1. Визначитись який тип сайту вам потрібен

    візитка, блог, каталог, інформаційний, новинний, рецепти, огляди, лендинг, магазин

  2. Вибрати домен та придбати хостинг

    домен – це адреса вашого сайту в Інтернет,а хостинг – це частина диску на якому зберігаються файли сайту

  3. Встановити систему управління сайтом

    в нашому випадку це WordPress в силу легкості управління та багатства функцій

  4. Налаштувати свій сайт

    назву та опис сайту, зовнішній вигляд, постійні посилання, швидкість завантаження та інше

  5. Створити необхідні сторінки та підготувати їх до заповнення

    створення статичних та динамічних сторінок, відображення їх у меню сайта

Крок 1. Визначитись який тип сайту вам потрібен

З допомогою цього простого покрокового керівництва ви просто справитесь із створенням таких видів сайтів: сайт-візитка, каталог, портфоліо, сайт новин, сайт рецептів, сайт оглядів, блог та навіть онлайн магазин і ще багато інших.

Глобально існує 2типи сайтів: комерційні та інформаційні. Тут все просто – комерційні продають щось: послуги, товари, сервіси, а інформаційні розказують про щось. Проте, з будь-якого комерційного запиту можна зробити інформаційни, наприклад, “купити металопластикові вікна” це комерційний запит і сайт що продає вікна, чи то збирає заявки на заміри і встановлення вікон, являється комерційним. Але “як вибрати металопластикові вікна” – це інформаційний запит і сайт що розказує як це зробити частіше всього інформаційний, або ж розділ комерційного – блог, що дозволяє збирати додаткову аудиторію з пошуку.

Насправді зробити власний сайт є безліч способів, наприклад різноманітні конструктори, або написати, як то кажуть, “з нуля”, або використати CMS – систему управління вмістом. Далі декілька слів прокожен із цих варіантів.

Створення сайту за допомогою конструктора

Цей варіант є найпростіший. Проте має дуже багато недоліків, що затьмарюють переваги. Головними недоліками є ціна, відсутніть можливості кастомізації сайту, а також не можливіть нікуди переїхати, бо такий сайт працює лише в конструкторі і ви “прив’язані” до сервісу, що створив конструктор з усіма його вимогами. До того ж такий сайт, практично, вам не належить, ви лише його орендуєте.

Написання сайту “з нуля” стилів css

Це хороший спосіб, але для створення сайту таким шляхом потрібно знати як мінімум гіперрозмітку html та каскадні таблиці стилів css, а до того ж ще хоча б php та javascript. То мінімальний об’єм знань. До того ж перший сайт навряд у вас вийшов би феєричним, не ображайтесь 🙂

Використання CMS (Content Management System)

Простими словами CMS це система скриптів що слугує для створення, публікації та редагування контенту, та являється по суті “двигуном” веб сайту. Тому часто можна зустріти термін “движок” сайту, що означає CMS, тобто систему управління вмістом сайту.

CMS існує багато, вони платні і безкоштовні. Найпростішою і найдружелюбнішою для середньостатистичних користувачів являється безкоштовна WordPress зі своєю багатомільйонною спільнотою та, насправді, дуже великими можливостями. При тому залишаючись однією із найпростіших та найпопулярніших систем управлінням контентом у світі. Що, в свою чергу, надає величезну кількість переваг: постійні оновлення, неймовірна кількість безкоштовних і платних додатків, тем та інформації як цим всім користуватись. А якщо потрібно щось особливе реалізувати, під ваші потреби, то послуги спеціаліста легко знайти і коштують вони набагато менше ніж, скажімо, знавця Drupal 🙂

Назва безкоштовної CMS% cайтів
#1🥇 WordPress42.02%
#2🥈Joomla12,09%
#3🥉OpenCart3,61%
#4 Drupal2,91%
#5 MODX Revolution2,17%
#6 MODX Evolution2,14%
Інші35,06%

Отже визначившись який сайт вам потрібен можемо приступити до безпосердьного розбору практичного питання як створити сайт

Крок 2. Вибрати домен та придбати хостинг

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

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

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

Якщо ж ви не розраховуєте одразу на величезну відвідуваність, або інтернет магазин з тисячами товарів, то можете сміливо скористатись ось цією вигідною пропозицією 💵. В чому її вигода? В тому, що це ціна хостингу з доменом і вона буде такою ж і наступного року, вам не доведеться окремо продовжувати домен і окремо хостинг, як у інших провайдерів. До того ж тут на борту все необхідне: швидкі SSD -диски, ssl-сертифікат без якого зараз нікуди, локація серверів в Україні, Європі та США і ще багато чого іншого.

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

Отже поїхали…

Одразу декілька порад як обрати хороший домен:

  • Бажано щоб домен збігався з тематикою вашого сайту
  • Обирайте якомога коротшу адресу
  • По можливості, уникайте тире та цифр
  • Обирайте розширення домену, що відповідає географії майбутніх відвідувачів вашого веб-сайту, наприклад, для України це com.ua, net.ua, .ua (тут є певні складнощі, лише торгові марки можуть реєструвати такі домени), або обирайте міжнародні зони .com, .net, .org які підійдуть усім, чи навіть щось тематичне і нове – .technology, .store і т.д

Переходимо на сторінку 🎯 і починаємо підбір доменного імені. В форму вписуємо ім’я яке б нам хотілось отримати для свого сайту і обираємо розширення. Тиснемо ПЕРЕВІРИТИ і дивимось чи воно вільне. Якщо доменне ім’я вільне, то ви зможете продовжити оформлення, якщоні, то система запропонує декілька варіанті з інших зон, або порекомендує обрати інший варіант. Коли з доменом визначились і він доступний для реєстрації, то можна сміливо приступати до оформлення аккаунта. Одразу запишіть собі домен чи скопіюйте, бо на кроці оформлення покупки доведеться ще раз його вводити.

Коли ви натиснете ПЕРЕЙТИ ДО ЗАМОВЛЕННЯ, то відкриється вікно в якому потрібно ввести своє П.І.П. та електронну адресу. Продовживши ви потрапите в корзину з вашим замовленням. Обираєте період оплати послуги і в полі Оберіть доменне ім’я впишіть вибраний раніше домен, система його ще раз перевірить і додасть до замовлення.

Оберіть розміщення дата центру.

Це діло таке: бажано щоб сервери знаходились поближче до майбутньої аудиторії вашого сайту, так відклик буде швидшим, проте це не є критичним, оскільки відклик із Амстердаму до України буде майже таким як і із Харькова 🙂

Тиснемо ОФОРМИТИ ЗАМОВЛЕННЯ і переадресовуємось на Рахунок-фактура №…., де обираємо зручний спосіб оплати і проводимо її.

Після вдалої оплати вас сповістять по електронній пошті про те що ви вдало оплатили рахунок і можете користуватись хостингом та доменом і створювати свій сайт.

Ті електронні листи, про всяк випадок, не видаляйте. Але інформація з них цікавить лише одна – ваш хостинг готовий чи ні для роботи з ним. Якщо оплата прийнята і хостинг активовано, то можна переходити до наступного, не менш важливого, кроку.

Крок 3. Встановити систему управління сайтом

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

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

Отже, приступимо до встановлення WordPress на попередньо придбаний хостинг.

Ідемо на сторінку хостинг-провайдера та в правому верхньому куті сайту бачимо кнопку Панель клієнта. Тиснемо на неї і вводимо логін та пароль що створили при покупці хостингу та домена.

Далі потрапляємо в аккаунт хостингу та бачимо таку картину. Нас цікавить розділ Продукти та послуги

Там в нас відображається наш хостинг та домен і є кнопка Контрольна панель.

Натискаємо її і потрапляємо в панель управління хостингом cPanel. Де проведемо декілька налаштувань і вставновимо систему управління сайтом.

Вже черездекілька хвилин ви побачите свій сайт!

Нам відкриється така картина cPanel

cPanel

І перед тим, як перейти до безпосереднього встановлення системи керування сайтом, проведемо декілька простих налаштувань: випустимо ssl-сертифікат для купленого домену та ввімкнемо стиснення вмісту сайту для пришвидшення його роботи в майбутньому.

Отже почнемо…

Встановлення ssl-сертифікату

Прокручуємо сторінку до розділу Безопасность ( в розділі Изменить язык можна змінити мову на українську, якщо вона автоматично не встановлена у вас в панелі, хоча це не настільки важливо, бо тут в панелі нам потрібно буде провести лише хвилин 5-10 для налаштування і встановлення WordPress, а далі ми сюди не будемо заглядувати )

Отже розділ Безпека і пункт Let’s Encrypt™ SSL. Тиснемо і переходимо в налаштування випуску ssl.

На відкрившійся сторінці ми знаходимо Issue a new certificate та наш придбаний домен навпроти якого буде +Issue тиснемо на це посилання і буде випущено ssl-сертифікат для вашого домену.

Інколи буває, що сертифікат не випускається одразу, особливо якщо ви обрали домен в зоні .com.ua чи інший український, вони довго активуються. Якщо ви бачите повідомлення про помилку, просто потрібно зачекати деякий час, можливо навіть декілька годин. Така вже особливість.

Як тільки ви побачите повідомлення про успішний випуск ssl для вашого домену, можна вернутись до головної сторінки cPanel натиснувши на логотип cPanel в лівому верхньому куті.

Прокручуємо до розділу Програмное обеспечение

І тиснемо Оптимизировать веб-сайт

Ставимо відмітку навпроти Сжать все содержимое та обновляємо параметри.

Ну все, тепер зробимо основне – встановимо WordPress.

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

Повертаємось на головну панелі управління хостингом натиснувши cPanel в лівому верхньому куті і прокручуємо сторінку до самого низу до розділу Softaculous Apps Installer де бачимо значок та напис WordPress. Тиснемо і потрапляємо на сторінку встановлення WordPress.

Тиснемо Установить сейчас, та заповняємо всі необхідні поля.

Почнемо з версії ВордПресс, де має бути остання версія, в нашому випадку це 5.3.

Далі потрібно вибрати URL установки, там ми обираємо https:// та вашдомен без www, до прикладу https://webbegins.com

Далі йде ім’я сайту та опис, можна залишити як є, ми поміняємо це пізніше.

Тепер Аккаунт адміністратора, тут все потрібно заповнити як слід і, бажано, записати десь логін адміністратора та придуманий пароль, вписати свою електронну пошту. Логін адміністратора admin змініть на щось більш індивідуальне 🙂

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

Ось і все. Вітаю, тепер у вас є власний сайт з адресою та захищеним з’єднанням з ним через ssl-сертифікат.

Тепер ви можете ввести в браузері свій домен та побачити як виглядає ваш сайт із встановленною стандартною темою оформлення та без контенту і необхідних налаштувань. Але і це вжещось…

Далі ми приведемо ваш сайт в гарний організований вигляд.

Крок 4. Налаштувати свій сайт

І так, почнемо приводити ваш сайт в гарний вигляд. Почнемо із входу в панель управління безпосередньо вашим сайтом. Тепер ми будемо працювати лише там.

Відкриваємо в браузері вкладку де вписуємо адресу вашого сайту в такому вигляді: https://ваш_домен.com/wp-admin, тапотрапляємо на сторінку авторизації. Вводимо логін та пароль, котрий ви придумали та вказали при встановленні WordPress, та котрі я рекомендував вам записати або запам’ятати. Тіснемо Увійти,та потрапляємо в панель управління WordPress.

Хоча, на перший погляд, вам може здатись що це виглядає складно і не зрозуміло, та налаштувавши сайт один раз і створивши декілька сторінок ви звикнете до цієї панелі та розберетесь з її можливостями. І тоді все виглядатиме більш звично і зрозуміло, та навіть, дещо простувато 🙂

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

Майстерня ВордПресс

Приступимо до налаштування вашого сайту. І почнемо, мабуть, з назви сайту, опису та формату постійних посилань, а далі займемось зовнішнім виглядом.

Назва та опис сайту

Встановлення головної сторінки сайту

Налаштування постійних посилань

Вибір та встановлення теми оформлення

Встановлення плагінів

Крок 5. Створити необхідні сторінки та підготувати їх до заповнення

Відповіді на часті питання:

💰 Скільки коштує зробити свій сайт?

Створення сайту може не коштувати нічого, якщо ви робитимете його по нашому керівництву, а гроші потрібні на хостинг та домен і, при бажанні, перміум дизайн

📘 Чи потрібні особливі знання чи навички для створення свого сайту?

Використовуючи наше просте керівництво власний сайт можна створити не маючи жодних особливих навичок чи знань

👤 Хто може створити свій сайт?

З цим керівництвом сайт зможе створити будь-хто, хто зможе його прочитати і оплатити хостинг та домен

Сподобався матеріал?

Клікніть на зірочки щоб оцінити!

We are sorry that this post was not useful for you!

Let us improve this post!

або поділіться