101  /  406
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Настройки оформления блога на главной странице

Настроить вид отображения блока можно так, как этого требует ваш проект. Например, выбрать тип, ширину изображения и др. Рассмотрим настройки подробнее.

Общие настройки блока

При любом типе отображения для блока вы можете установить разделитель для указания границы блока и назначить серый фон на весь блок (1). Также можно задать верхние и нижние отступы, которые отделяют блок от соседних (2). Есть возможность выбрать отображение заголовка блока (3) и его позицию (4).


Вот так выглядит блок с разделителем и серым фоном.


Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.


  • верхний блок: 0, нижний: 0;


  • верхний блок: 130, нижний: 130.


Рассмотрим отображение заголовка блока. При выключенном параметре исчезает не только заголовок, но и описание.

  • блок с заголовком;


  • блок без заголовка.


Позиции заголовка блока могут быть следующих видов: обычный; по центру; заголовок слева, описание справа.

  • Обычная позиция заголовка.


  • Позиция заголовка: с большим описанием.


  • Позиция заголовка: заголовок слева, описание справа.


Настройки по типам блока

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


Рассмотрим, чем отличаются широкие и неширокие статьи из блога, с отступами и без отступов:

  • неширокие статьи из блога;


  • широкие статьи из блога;


  • статьи с отступами;


  • статьи без отступов.


Для первого типа отображения блока можно установить 3 или 4 элемента в одной строке:

  • количество элементов в строке: 3;


  • количество элементов в строке: 4.


Любому типу можно назначить отображение 1-3 строк или установить под статьями кнопку «Загрузить еще» для вызова строк вручную.

  • количество строк: 1;


  • количество строк: 2;


  • кнопка «Загрузить еще».