Новинка! 70+ новых шаблонов для создания сайта! >

Подробнее

Как правильно наполнить контентом страницу

В этом уроке мы покажем вам как правильно наполнить шаблон страницы контентом.

Давайте вместе наполним несколько блоков контентом. Переходим в раздел Все страницы, нажимаем по ссылке Редактировать с помощью Brizy.

Изменим текст

Открылся конструктор страниц. Выбираем текстовый элемент который хотим отредактировать.

Выделяем текст, печатаем свой текст.

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

Изменим размер шрифта

Теперь давайте правильно изменим размер шрифта для заголовка. Например текущий размер заголовка слишком велик, мы хотим уменьшить размер заголовка.

Для изменения размера заголовка, выбираем заголовок который хотим изменить, заходим в настройки текстового элемента. Здесь мы видим что выбран стиль Heading 1 (Заголовок 1).

Если нам нужно уменьшить размер шрифта для заголовка. Нам нужно выбрать один из готовых стилей для Заголовков. Давайте выберем Heading 2 (Заголовок 2).

На всех веб сайтах всегда используется шесть стилей типографики для заголовков, Heading 1 самый большой заголовок, а Heading 6 самый маленький заголовок.

ПримечаниеЕсли мы будем менять любые параметры типографики для данного заголовка, вместо Heading 1 мы увидим надпись Пользовательский. Делать заголовок с Пользовательским стилем не рекомендуется, так как вам придется редактировать стили каждого заголовка отдельно.

Глобальная типографика

Если мы хотим изменить стиль для Heading 2 (Заголовок 2) нам нужно перейти в настройки глобальной типографики.

После изменении стиля для заголовка Heading 2, изменятся все заголовки которые используют этот стиль, этот подход используется на всех веб сайтах, так как это очень удобно. Вы будете изменять стили вашей типографики только в одном месте, вам не придется вручную менять стиль для каждого текстового элемента.

Меняем фотографию

Давайте изменим фотографию. Выбираем фотографию, заходим в настройки элемента Картинка. Удаляем текущую картинку.

Выбираем новую картинку из библиотеке медиафайлов.

СоветДля того чтобы ваши страницы открывались быстро, загружайте на сайт фотографии в формате WebP, это позволит существенно увеличить скорость загрузки страницы. Формат WebP разработан компанией Google для сжатия изображений. Сегодня WebP поддерживается всеми популярными браузерами. Если у вас есть фотографии в формате Jpeg или PNG, конвертируйте фотографии в WebP с помощью бесплатных сервисов.

Добавляем готовые блоки на страницу

Если необходимо добавить дополнительный блок на страницу, вставьте на страницу один из 250 готовых блоков.

Для добавления нового блока на страницу нажмите на значок плюса между блоками.

В открывшемся окне выберите готовый блок.

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

Еще вы можете сохранять блоки с других страниц и добавлять эти блоки на любую страницу.

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

Для настройки дизайна страницы для Планшетов, нажмите "Планшет", при необходимости внесите изменения.