Проект Brødløs Bakeriutsalg
Я раніше ніколи не робив сайти на готових СMS але напевне настав час розібратися в цьому детально та зробити проект для хорошої пекарні . Це буде гарний досвід для мене та проект для портфоліо. я вирішив почати свій шлях у web з СMS , так як дуже багато сайтів зроблені на них . До того ж навіщо видумувати велосипед , якщо він вже створений , треба просто навчитися їздити )). На справді це початок . Потім є в планах розібратися з мовами програмування ( JS та PHP можливо) . Вивчити норвежську та англійські мови до більш менш розмовного рівня але це вже інші цілі та інша історія.
Буду вчитися вже на проектах які запланував.
Критерій завершення
Готовий сайт та підключені всі необхідні модулі
Особисті ресурси
Бажання
Екологічність мети
можливо колись ці знання я зможу добре реалізувати та монетизувати.
-
Встановити локальний сервер та налаштувати для роботи ( будь який )
-
Встановити WordPress на локальний сервер ( налаштувати )
-
Уроки по WordPress
-
WordPress Интернет магазин с нуля / Урок #1
-
WordPress Интернет магазин с нуля / Урок #2
-
WordPress Интернет магазин с нуля / Урок #3
-
WordPress Интернет магазин с нуля / Урок #4
-
WordPress Интернет магазин с нуля / Урок #5
-
WordPress Интернет магазин с нуля / Урок #6
-
-
Розібратися та встановити в плагіни для сайту
-
WooCommerce- для продажів
-
Elementor- конструктор сайту без глибокого кодингу
-
Wordfence Security — безпека перш за все.
-
WP Rocket — прискорення сайту
-
Yoast SEO - оптимізація в пошукових системах
-
Smush – оптимізація зображень
-
Інше за необхідності
-
-
вибрати та встановити декілька тем WordPress
потрібно шукати максимально гнучку!
-
Дизайн сайту
-
Головну сторінку: фото продукції, акції, контакти
-
Сторінку продуктів: каталог з фільтрами
-
Сторінку «Про нас»
-
Сторінку контакти та карту
-
-
Продумати функціонал та рішення які можливо використати
-
можливість переключити мови - норвежська - англійська
-
Push - повідомлення про замовлення
-
-
Етап - мобільна оптимізація (Responsive Design)
Ціль: сайт виглядає круто і зручно на будь-якому телефоні чи планшеті.
- Використовуй адаптивні теми – більшість сучасних тем WP (Astra, OceanWP) вже адаптивні.
- Перевірка через Elementor або WP Customizer:
- Можна перемикатися між режимами Desktop / Tablet / Mobile.
- Перевір текст, кнопки, меню — все має бути читабельним і доступним пальцем.
- Кнопки та шрифти:
- Мінімальний розмір кнопок: ~40–50px по висоті
- Шрифт не менше 16px на мобільних
- Зображення:
- Використовуй формати WebP для швидкого завантаження
- Пам’ятай про “lazy load” для економії трафіку
- Тестування:
- Перевір на різних телефонах або через Chrome DevTools (F12 → Toggle device toolbar)
- Переконайся, що корзина та кнопка “Купити” легко натискаються
-
SEO та маркетинг
-
Yoast SEO – прописати title та meta опис для сторінок.
-
Створити карту сайту, додати Google Search Console.
-
Пости в соцмережах, Google Maps для пекарні.
-
Підключити соціальні мережі
-
-
Написати лист з пропозицією для замовника
-
навчитися створювати банери та короткі відеоролики ( можливо окрема ціль )
-
обробка фото та відео банеру
-
придумати макет сайту та обдумати структуру ( візуальне розуміння )
-
зробити логотип пекарні
-
придумати слоган
-
підібрати правильні кольори для сайту
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
