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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Це хороший спосіб, але для створення сайту таким шляхом потрібно знати як мінімум гіперрозмітку 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 ( з .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, або українською це називається Майстерня. Пункти бокової панелі можуть дещо відрізнятись від того, що ви бачите на зображені нижче в залежності від встановлених тем та плагінів. Це не має істотного значення.

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

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

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

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

Для того, щоб вибрати стиль оформлення свого сайту, потрібно в панелі управління ВордПресс обрати пункт ВиглядТеми

встановлення теми WordPress

Ви побачите в цьому пункті всі встановленні теми, та ту яка активована на даний момент.

Вгорі є кнопка Додати нову, ось її і тиснемо. Вашій увазі тепер пердставлений весь каталог безкоштовних тем оформлення всієї спільноти WordPress. Тут можна знайти безкоштовні рішення для вашого сайту. Доступний не скаладний фільтр: Обрані, Популярні, Свіжі та Улюблені + Налаштування фільтру.

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

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

Кожна тема має певні параметри кастомізації – налаштування під себе. Також може просити встановити деякі плагіни для своєї роботи і т.д, то потрібно просто слідувати інструкціям.

Для кастомізації переходимо в розділ ВиглядНалаштування

кастомізація теми

Тут все індивідуально… Я для сайту, що використовується як приклад на зображеннях, використав тему Customify – чудова і дуже гнучка в налаштуваннях тема. Має і преміум варіант, та мені абсолютно достатньо і безкоштовної.

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

іконка сайту

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

Отже в цьому розділі є цікава для нас функція Іконка сайту називається. Там ми встановлюємо так звану Favicon для сайту – картинка, що відображатиметься у вкладках браузера, та в закладках на мобільному. Отже потрібна тематична картинка розміром 512х512 пікселів.

Найпростіший спосіб підібрати таку іконку: йдемо сюди, в пошукову стрічку вписуємо англійське слово, що характеризує тематику вашого сайту, наприклад car (авто) та бачимо безліч варіанті що відкрилися. Обираємо яка сподобалась і завантажуємо в форматі png розміром 512х512 пікселів. Ось і все. Тепер повертаємось до свого сайту і завантажуємо іконку та опубліковуємо зміни.

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

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

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

В майстерні керування сайтом ідемо до пункту Налаштування – Загальне

налаштування сайту

Та в полі Назва сайту вписуємо відповідно назву свого сайту. Для прикладу, на моїх зображеннях реальні сайти клієнтів, тому там поля заповнені відповідно до тематики. Тобто я не лише просто розповідаю як створити свій сайт, я створюю реальні проекти для себе та клієнтів 🙂

Отже після назви сайту йде поле Ключова фраза і тут потрібно коротко описати ваш сайт.

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

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

Залежності від типу сайту можна встановити 2 варіанти головної сторінки – динамічну чи статичну.

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

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

Можуть бути певні специфічні варіанти, але то сокріше винятки.

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

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

Постійні посилання – це структура посилань вашого сайту на внутрішні сторінки. Наприклад, посилання може виглядати так https://mcbrokering.eu/?p=123, або так https://mcbrokering.eu/employment/. Або ще багато як, проте другий варіант більш зрозумілий людям, та кращий для пошукових систем типу Google.

Тому йде в розділ НалаштуванняПостійні посилання в панелі управління сайтом, та відмічаємо один з пердставдених варіантів

Постійні посилання

Рекомендуємо обрати для сайту-візитки чи бізнес сайту саме такий варіант, а для блогу чи інформаційного сайту, або будь-якого іншого, де важливо категоризувати публікації, підійде Користувацька структура такого вмісту /%category%/%postname%/ тому, що нам потрібно відобразити категорії опублікованого матеріалу.

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

Плагіни, це доповнення до ВордПресс, що розширює її можливості. Плагіни також як і теми є платні і безкоштовні. Такої кількості плагінів як у WordPress немає в жодної CMS!

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

  • LiteSpeed Cache
  • Cyr-To-Lat
  • Yoast SEO

Це ті плагіни, що дозволять зробити ваш сайт швидшим та адаптованим під пошукові системи.

Доречі, для створення інтернет магазину достатньо встановити плагін WooCommerce та активувати його. Бажано використовувати теми для магазинів, бо там вже є попередньо передбачені деякі елементи для кращого вигляду вашого магазину. Якщо ви задумались як сторити не просто сайт, а мазин, то краще безкоштовно проконсультуйтесь зі мною.

То ж приступимо і почнемо з LiteSpeed Cache. В панелі керування сайтом ідемо в розділ Плагіни, де буде список встановлених та активних плагінів якщо такі є. Шукаємо вгорі кнопку Додати новий та потрапляємо в репозиторій з плагінами. В пошукову стрічку пишемо назву плагінів, що вище перераховані, по черзі.

Репозиторій плагінів WordPress

Вводымо LiteSpeed Cache та в результатах пошуку обираємо напроти потрібного нам плагіну Встановити, а після встановлення Активувати. Ось і все, тепер проробіть такі ж дії з 2 іншими плагінами що залишились.

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

Інші 2 плагіни потребують налаштування.

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

LiteSpeed Cache має два варіанти інтерфейсу – спрощений, та розширений. Нам потрібен розширений, бо він дає можливість підняти швидкість завантаження вашого сайту на дуже високий рівень.

Після встановлення та активації LiteSpeed Cache в нас в панелі керування сайтом з’явиться новий пункт який так і називається LiteSpeed Cache. Коли до нього піднести курсор, то ми помітимо пункти підменю, нас цікавить Settings. Заходим туди, та бачимо спрощену версію керування плагіном. Справа шукаємо кнопку Show Advanced Options, та тиснемо на неї.

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

  1. General – маємо ввімкнути кешування і для цього навпроти Enable LiteSpeed Cache має бути активно Enable.
  2. Cache – можна просто повмикати всі повзунки перевівши їх в положення Enable
  3. Optimize – вмикаємо все окрім Load JS Deferred та Remove Comments
  4. Media – навпроти Lazy Load Images ставимо ON

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

Інколи, бувають ситуації, що після ввімкнення оптимізації скриптів та таблиць в LiteSpeed Cache чи інших подібних плагінах сайт починає відображатись якось криво – не переймайтесь, це свідчить лише про те, що мінімізація коду з допомогою цього плагіну не підходить для вашого сайту. Рекомендація: відкрийте сайт в одній вкладці, а налаштування плагіна в іншій і по черзі вимикайте те, що вмикали в налаштуваннях плагіна. Вимкнули одну функцію і обновіть сторінку з сайтом та перевірте чи все стало відображатись як треба. Таким чином ви виявите що саме призвело до поломки і просто вимкнете цю надстройку.

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

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

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

Створення сторінок

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

Йдемо в розділ СторінкиДодати нову для створення нових сторінок, або СторінкиВсі сторінки для редагування існуючих. Заповняємо сторінки вмістом і зберігаємо.

Створення записів

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

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

Налаштування меню

Ідемо в розділ ВиглядМеню. Якщо у вас є створене меню, то воно буде доступне для редагування, а якщо ні, то потрібно створити перше меню.

Отже ми бачимо назву меню, розділ Додайте елементи меню та Структура меню.

Додаємо в меню необхідні сторінки чи категорії і тиснемо Зберегти меню. Ось і все.

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

Робота над сайтом

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

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

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

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

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

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

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

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

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

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

🏪 Як створити онлайн магазин?

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