Пищевая ценность ингредиентов Шаблон веб-сайта

Этот многократно используемый блок контента представляет собой специализированный раздел с информацией о рецепте для более крупного веб-проекта. Фотография блюда во всю высоту занимает левую колонку, а в правой колонке друг под другом расположены панели «Ингредиенты» и «Пищевая ценность». Список ингредиентов содержит четыре видимых пункта, включая тертую морковь, коричневый сахар и изюм, а раздел пищевой ценности представляет сведения на порцию в виде абзаца. Ярко-желтый фон, белые и светло-серые поверхности панелей, красные заголовки и ссылки, две текстовые ссылки и декоративные иконки еды обеспечивают секции целостный визуальный стиль.

Многократно используемый блок с рецептом для крупного сайта

Блок содержит четко очерченную область контента: детали рецепта, дополненные крупной фотографией блюда. Его структура в правой части отделяет список из четырех ингредиентов от абзаца с пищевой ценностью, благодаря чему секция отлично подходит для повторного использования везде, где в кулинарном проекте требуется наглядная информация о приготовлении. Тертая морковь, коричневый сахар и изюм входят в число видимых ингредиентов, а нижняя панель отводит данным на порцию отдельное пространство для чтения.

Макет также предлагает устойчивую структуру, которую можно легко сочетать с другими секциями. Изображение во всю высоту служит выразительным визуальным якорем, ярко-желтое поле придает блоку выразительную индивидуальность, а белые и светло-серые панели разграничивают связанные типы информации. Красные заголовки и ссылки задают цветовые акценты, которые могут перекликаться с другими кулинарными разделами без необходимости строго дублировать одну и ту же компоновку. Две текстовые ссылки и декоративные иконки еды органично дополняют визуальное оформление секции.

В рамках масштабного сайта этот блок можно разместить рядом со вступительными разделами, подборками рецептов, инструкциями по приготовлению или контактными данными, сохраняя при этом его прикладную роль детализированного описания. Набор дизайнов страниц от Nicepage поможет подобрать гармонирующие макеты страниц и блоков для всего проекта, однако данный компонент представляет собой отдельный информационный блок рецепта, а не готовый сайт целиком.

Настроить с помощью Nicepage

При использовании Конструктор шаблонов веб-сайтов вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.

Скачать

Редактировать шаблон в автономном режиме

1. Загрузите и установите приложение Nicepage для Windows и Mac. Или плагины WordPress и Joomla из страница загрузки
2. Создайте новую страницу или выберите существующую.
3. Нажмите "Добавить новый блок", найдите идентификатор 52824 и нажмите "Ввод".

Редактировать шаблон онлайн

Запустите Онлайн-конструктор чтобы редактировать этот шаблон на нашем хостинге

Создавайте потрясающие сайты

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Бесплатный конструктор Nicepage Builder

Более 15 000 шаблонов

Легкое перетаскивание

Без программирования

Адаптивность

Ключевые слова

Создайте полноценный веб-сайт на основе этого шаблона

Визуальная настройка веб-сайта

Используйте этот готовый шаблон веб-сайта в качестве отправной точки для вашего проекта и визуально адаптируйте его страницы в Nicepage. Изменяйте контент, изображения, типографику, навигацию, разделы и другие элементы дизайна, сохраняя при этом веб-сайт как единый редактируемый проект.

Управление страницами веб-сайта в одном проекте

Используйте панель Страницы, чтобы открывать, добавлять, дублировать и управлять страницами вашего веб-сайта. Работайте с отдельными страницами, сохраняя при этом доступ к навигации и общей структуре сайта из одного проекта, что упрощает разработку полноценного веб-сайта вместо управления отдельными файлами страниц.

Расширение веб-сайта с помощью подходящих дизайнов

Когда вам понадобятся дополнительные страницы или разделы, используйте Наборы дизайна страниц, чтобы найти дизайны страниц и блоков, созданные в одном визуальном стиле. Наборы дизайна группируют соответствующие дизайны, упрощая расширение веб-сайта новым контентом при сохранении единого стиля на всех страницах и в разделах.

Организация больших многостраничных веб-сайтов

По мере роста веб-сайта используйте папки страниц для организации связанных страниц и упрощения навигации по большим многостраничным проектам в редакторе. Это особенно полезно для веб-сайтов с отдельными страницами услуг, информацией о компании, контактами, целевыми страницами и другими областями контента.

Этот рабочий процесс делает шаблон практичной основой для создания и расширения полноценного веб-сайта, позволяя управлять его страницами, контентом и визуальным дизайном в рамках одного проекта Nicepage.