[Урок 9] Создаём сайт на стандартных блоках (часть 4)

Всем привет! Продолжаем серию уроков по разработке сайта на стандартных шаблонных блоках. В предыдущей части мы закончили меню и главный блок нашего сайта. Сегодня мы создадим описание нашего ресторана, а точнее оформим раздел "О нас". Приступаем.

Вот так выглядит наш сайт сейчас. Симпатично, не так ли? Возвращаемся к редактированию.

Все блоки - О проекте

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

Переходим в настройки блока.

Ширина блока - от 1 до 12 колонок. Показатель ширины регулируется в колонках (это те полосочки, которые видны на макете, о них тоже чуть позже). Выбираем 12 колонок (блок растянется на свою максимальную ширину).

Остальные настройки оставляем по умолчанию.

Типографика

Настройки аналогичные блоку обложки.

Здесь поставим шрифт заголовка - Georgia. Размер и цвет оставляем по умолчанию.

Анимация и SEO тэг

Делаем так, как указано на скриншоте, либо так, как захотите вы (я про анимацию).

Нажимаем сохранить и закрыть, переходим к настройкам контента.

Заголовок и описание.

Пишем заголовок : "Несколько слов о нас"

Описание я написал такое : "Сайтодел - это уютный семейный ресторан в центре Москвы. Мы радуем своих гостей изящной русской кухней уже более 10 лет. В нашей команде трудится более 10 поваров высокого класса."

Копирайтер из меня никакой, поэтому текст и заголовок вы можете так же поменять)

Заголовок и описание

Изображения

Берём любые изображения с тематикой кухни и ресторанной темы. Я беру изображения со свободной лицензией на стоках https://www.pexels.com/ru-ru/search/food/ и https://freepik.com

Вставялем изображения нажатием на кнопку "Загрузить файл". Нажимаем сохранить и закрыть.

Готово! Мы сделали блок "О нас". Не забывайте импровизировать. Вы можете выбрать любой другой блок и любое другое наполнение! Уверен, что у вас всё получится.

Привязка блока к кнопкам

Так-так, блок "О нас" мы сделали, но забыли привязать его к кнопкам в меню и на главной странице.

Переходим в настройки главного блока, а точнее нажимаем на настройки контента блока.

Ищем раздел этой кнопки и нажимаем "Выбрать блок". Наводим на второй блок и клацаем на него. При наведении блок затемнится серым цветом.

Нажимаем сохранить и закрыть и идём в настройки контента меню.

Там открываем "Список пунктов меню" и проворачиваем те же действия, что и с кнопкой на блоке обложки.

Вуаля! Блок привязался к кнопкам. Можете проверить это нажатием на кнопку "Предпросмотр".

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