Black Friday! Получите до 9 месяцев Хостинга в подарок!

Подробнее

Создание сайта “Курсы польского языка”

post thumbnail

Наши клиенты часто спрашивают:

— Как запустить сайт с минимальными затратами?

— Сложно ли сделать сайт самостоятельно?

Мы решили ответить проектом “Давайте сделаем ваш сайт вместе”. Идея в том, как можно в течении нескольких часов сделать простой функциональный сайт самому.

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

Первым участником стал нетипичный сайт “Курсы польского языка”. Нашей задачей было разработать сайт — визитку о виде деятельности, преподавателе, ценах, отзывах учеников. Самым важным было создать призыв к действию — возможность записаться на занятие через форму обратной связи.

Этот сайт мы переделывали с уже имеющегося и теперь готовы поделиться результатом.

Было

Создание сайта | Блог Hostpro

Стало

Создание сайта | Блог Hostpro

Так выглядят старая и новая главные страницы. Для реализации нового сайта мы взяли тему Luke + Sara. Разбавили тексты графическими элементами. Использовали кнопку ЗАПИСАТЬСЯ с переходом на страницу контактов.

Теперь давайте рассмотрим порядок действий и каждый блок в отдельности.

1) Заголовок

Заменяем изображение на более современное с заголовком и кнопкой.  

Заголовок | Блог Hostpro

Главную страницу мы сделали добавлением новых областей. Нажмите на карандаш — плюс внизу блока — завершить редактирование фона.

Заголовок | Блог Hostpro

2) О занятиях

Добавляем область — перетаскиваем элемент текст. Редактируем цвет, размер, шрифт.

О занятиях | Блог Hostpro

3) Условия программ

Нажимаем на плюс, добавляем область — еще 2 области справа и слева, чтобы они были равны. Устанавливаем три перетаскиваемых элемента в порядке-текст-изображение-текст.

Для маркировки используем иконку. Добавили кнопку ЗАПИСАТЬСЯ.

Создание сайта | Блог Hostpro

Добавление иконки

Создание сайта | Блог Hostpro

4) Визуальный разделитель

Плюс область — задаем нужный размер -выбираем цвет — добавляем текст.

Визуальный раздел | Блог Hostpro

5) Преимущества

Плюс область — плюс блок справа. Фон делаем изображением. В правый блок добавляем изображение и текст.

Преимущества | Блог Hostpro

6) Второй разделитель

Дублируем блок 4. Редактируем текст.

7) Контакты

Плюс область — делим на 2 блока.

В правый блок перетаскиваем элемент карта — настраиваем.

Контакты | Блог Hostpro

В левый блок перетаскиваем элемент вкладки — редактируем.
Главная страница готова! В следующей статье мы расскажем, как редактировать меню и социальные кнопки. А также как перейти на редактирование других страниц и как сделать необычной страницу «Вопрос — ответ».

Telegram Hostpro

Наш телеграм

с важными анонсами, розыгрышами и мемами

Присоединиться

Возможно, вас заинтересует

Мы вынуждены вернуть автосуспенд
Мы вынуждены вернуть автосуспенд

Друзья! В условиях войны у нас возникли дополнительные расходы, связанные с резервированием данных и...

Встречаем обновленную панель управления ISPmanager 6
Встречаем обновленную панель управления ISPmanager 6

Поскольку ISPmanager – русская панель управления, мы обязаны прекратить сотрудничество с ней. Все действующие...

Что такое кластерный хостинг?
Что такое кластерный хостинг?

Обычный хостинг вынуждает вас делиться. Делиться диском, делиться памятью, делиться ресурсами сервера. И всё...