[Урок 9] Создаём сайт на стандартных блоках (часть 4)
Всем привет! Продолжаем серию уроков по разработке сайта на стандартных шаблонных блоках. В предыдущей части мы закончили меню и главный блок нашего сайта. Сегодня мы создадим описание нашего ресторана, а точнее оформим раздел "О нас". Приступаем.
Вот так выглядит наш сайт сейчас. Симпатично, не так ли? Возвращаемся к редактированию.
Все блоки - О проекте
Переходим в список всех блоков, ищем раздел "О проекте". Опять видим большой выбор стандартных блоков, но мы выберем блок "AB903". Добавляем его на страницу.
Переходим в настройки блока.
Ширина блока - от 1 до 12 колонок. Показатель ширины регулируется в колонках (это те полосочки, которые видны на макете, о них тоже чуть позже). Выбираем 12 колонок (блок растянется на свою максимальную ширину).
Остальные настройки оставляем по умолчанию.
Типографика
Настройки аналогичные блоку обложки.
Здесь поставим шрифт заголовка - Georgia. Размер и цвет оставляем по умолчанию.
Анимация и SEO тэг
Делаем так, как указано на скриншоте, либо так, как захотите вы (я про анимацию).
Нажимаем сохранить и закрыть, переходим к настройкам контента.
Заголовок и описание.
Пишем заголовок : "Несколько слов о нас"
Описание я написал такое : "Сайтодел - это уютный семейный ресторан в центре Москвы. Мы радуем своих гостей изящной русской кухней уже более 10 лет. В нашей команде трудится более 10 поваров высокого класса."
Копирайтер из меня никакой, поэтому текст и заголовок вы можете так же поменять)
Изображения
Берём любые изображения с тематикой кухни и ресторанной темы. Я беру изображения со свободной лицензией на стоках https://www.pexels.com/ru-ru/search/food/ и https://freepik.com
Вставялем изображения нажатием на кнопку "Загрузить файл". Нажимаем сохранить и закрыть.
Готово! Мы сделали блок "О нас". Не забывайте импровизировать. Вы можете выбрать любой другой блок и любое другое наполнение! Уверен, что у вас всё получится.
Привязка блока к кнопкам
Так-так, блок "О нас" мы сделали, но забыли привязать его к кнопкам в меню и на главной странице.
Переходим в настройки главного блока, а точнее нажимаем на настройки контента блока.
Ищем раздел этой кнопки и нажимаем "Выбрать блок". Наводим на второй блок и клацаем на него. При наведении блок затемнится серым цветом.
Нажимаем сохранить и закрыть и идём в настройки контента меню.
Там открываем "Список пунктов меню" и проворачиваем те же действия, что и с кнопкой на блоке обложки.
Вуаля! Блок привязался к кнопкам. Можете проверить это нажатием на кнопку "Предпросмотр".
Не забывайте подписываться на канал, чтобы получать новые уроки! Всем больших успехов!