📝 Як самостійно редагувати свій проект

Покрокова інструкція для зміни тексту, номера телефону та іншої інформації

1

Розпакуйте отриманий ZIP-архів

Після отримання проекту, знайдіть файл з назвою ваш-проект.zip на комп'ютері.

  • Клацніть правою кнопкою миші на архів
  • Виберіть "Видобути все..." або "Extract Here"
  • Збережіть папку у зручному місці (наприклад, на Робочому столі)
2

Завантажте Visual Studio Code (VS Code)

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

⬇️ Завантажити VS Code

💡 Після завантаження встановіть програму, як звичайний додаток

3

Відкрийте папку проекту у VS Code

Запустіть VS Code і виконайте наступні дії:

  1. Натисніть File (Файл) → Open Folder (Відкрити папку)
  2. Знайдіть вашу розпаковану папку проекту
  3. Виберіть її та натисніть "Вибрати папку"

✅ Тепер ви побачите всі файли проекту у лівій панелі

4

Знайдіть потрібний файл для редагування

Найчастіше текст знаходиться у файлі index.html або у папці pages/

  • Для зміни тексту — відкрийте index.html
  • Для зміни телефону/email — шукайте рядки з номером або адресою пошти
  • Для зміни стилів — відкрийте файли у папці styles/ або css/

🔍 Використовуйте пошук (Ctrl + F або Cmd + F), щоб швидко знайти потрібний текст

5

Внесіть зміни

Просто знайдіть текст, який потрібно змінити, і відредагуйте його:

Було:

<p>Телефон: +380 99 123 45 67</p>

Стало:

<p>Телефон: +380 50 987 65 43</p>
6

Збережіть зміни

Після редагування обов'язково збережіть файл:

  • Windows: Ctrl + S
  • macOS: Cmd + S
  • Або через меню: File → Save

💾 Файли зі збереженими змінами не матимуть білої крапки біля назви

7

Скасування змін (якщо щось пішло не так)

Якщо зробили помилку — не хвилюйтеся! Ви можете скасувати дії:

  • Скасувати останню дію: Ctrl + Z (Windows) або Cmd + Z (macOS)
  • Повернути скасовану дію: Ctrl + Shift + Z або Cmd + Shift + Z

🔄 Якщо вже зберегли файл, просто відкрийте резервну копію з архіву

8

Перегляньте зміни у браузері

Щоб побачити, як виглядає сайт після змін:

  1. Знайдіть файл index.html у вашій папці проекту
  2. Клацніть на нього двічі лівою кнопкою миші
  3. Сайт відкриється у браузері — перевірте зміни!
9

Завантажте оновлений проект на Netlify

Якщо ваш сайт вже розміщений на Netlify:

  1. Увійдіть у свій акаунт на Netlify
  2. Виберіть ваш сайт
  3. Перейдіть на вкладку Deploys
  4. Перетягніть вашу папку проекту у зону завантаження

✨ Зміни з'являться на сайті протягом 1-2 хвилин!

🤝

Потрібна допомога?

Якщо виникли труднощі або потрібна консультація — ми завжди готові вам допомогти!

Ви можете:

← Повернутися на головну Детальніше про допомогу