1070601

Идет набор на XIV поток Курса по процессам. Старт 11 октября. Подробности по ссылке.

Статья была полезной?

Заголовок

Блог GetCourse

Стандартный блок в конструкторе страниц

Стандартный блок — это базовый блок в конструкторе страниц GetCourse. В зависимости от ваших задач блок может состоять из различных элементов: текста, изображения, кнопки и т.д.


Стандартный блок можно добавить на страницу, если выбрать любой из следующих блоков в разделе «Текст»:

Помимо текстовых блоков, стандартные блоки представлены на странице в разных категориях:

Обложка
Обложка
Заголовок
Заголовок
Изображения
Изображения
Форма
Форма
Другие
Другие

Любой из этих блоков можно наполнить нужным контентом, в настройках блока убирая и добавляя элементы:


Настроить внешний вид блока можно на вкладке «Стиль»:

<p> <strong>Настройки Стиля</strong> </p>

Настройки Стиля

Отступы слева и справа:

Экран по ширине условно поделён на 12 равных частей, и отступы позволяют выбрать область экрана, в которой будет располагаться текст.


Выравнивание текста:

Можно выровнять текст по левому краю, по центру, по правому краю или по ширине.


Можно задать отступы сверху и снизу, выбрать цвета для фона и текста.

Также можно выбрать обложку для текста (как и для любого другого блока), сделать её статичной или прокручивающейся, добавить фоновое видео.


Контейнер:

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


Расширенное управление параметрами блока доступно по кнопке «Подробные настройки», желающие могут настроить стили с помощью CSS.


Всплывающий блок:

Если поставить галочку в поле «Является всплывающим блоком», этот элемент будет появляться на лендинге при клике на кнопку.

<p> <strong>Подробные настройки</strong> </p>

Подробные настройки

Также вы можете установить цвет фона блока, цвет текста блока или задать цвет ссылок для конкретного блока.

Важно! Не используйте опцию «Добавить обложку», а также «Картинку фона» внутри опции «Показать контейнер» в настройках стиля в виджетах. Из-за ужесточения браузерами политики по межсайтовому взаимодействию корректная работа этого функционала в виджетах не гарантируется.

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

Ссылка на это место страницы: #animation

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


Можно выбрать один из нескольких доступных вариантов анимации:

  • Появление из прозрачности
  • Увеличение из прозрачности
  • Выезд из прозрачности слева
  • и т.д.

Если анимированных элементов несколько, можно настроить порядок их появления:

Ниже вы можете на конкретных примерах увидеть, как отображается анимация:

<p> <strong>Появление из прозрачности</strong> </p>

Появление из прозрачности

<p> <strong>Увеличение из прозрачности</strong> </p>

Увеличение из прозрачности

<p> <strong>Выезд из прозрачности слева</strong> </p>

Выезд из прозрачности слева

<p> <strong>Выезд из прозрачности справа</strong> </p>

Выезд из прозрачности справа

<p> <strong>Выезд из прозрачности сверху</strong> </p>

Выезд из прозрачности сверху

<p> <strong>Выезд из прозрачности снизу</strong> </p>

Выезд из прозрачности снизу

Ссылка на это место страницы: #round

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

<p> <strong>Изображение и кнопка с тенью и скругленными углами</strong> </p>

Изображение и кнопка с тенью и скругленными углами

Для кнопок есть возможность задать размер — small, medium, large:



Для того чтобы оставить комментарий —
авторизуйтесь
{"signature":"7889f54e5e7affef3615b314ac5f64e6","accountUserId":-1,"values":{"object_type_id":10,"object_id":302448411,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Добрый день!Подскажите как вокруг блока сделать рамочку?
или отменить редактирование
Вт 12 Окт 2021 • Ответить
{"signature":"6530739b5fc32e1271c590a0bcf15aa0","accountUserId":-1,"values":{"object_type_id":10,"object_id":302646514,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Карина, здравствуйте. Уточните, пожалуйста, о блоке на какой странице идет речь? Пришлите, пожалуйста ссылку на страницу и скриншот блока к нам в техническую поддержку https://getcourse.ru/contacts
Также пришлите, пожалуйста, изображение/скриншот с примером блока с рамкой, которую вы хотели бы установить на свой блок.
или отменить редактирование
Вт 12 Окт 2021
{"signature":"2d0a20df71c877348ba84115d34b2546","accountUserId":-1,"values":{"object_type_id":10,"object_id":290480600,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Добрый день, как сделать анимацию на блок иконка-заголовок-текст?
или отменить редактирование
Вт 14 Сен 2021 • Ответить
{"signature":"98e637a51cf996d5f2c6f913670df738","accountUserId":-1,"values":{"object_type_id":10,"object_id":290812227,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Ева, здравствуйте.
Напишите нам, пожалуйста, в техническую поддержку по контактам https://getcourse.ru/contacts. Опишите, пожалуйста, какой вы видите анимацию блока. Если есть примеры такой реализации, то пришлите, пожалуйста, ссылки и на такие страницы.
или отменить редактирование
Вт 14 Сен 2021
{"signature":"d54c74a875406fbc20a94301e0214675","accountUserId":-1,"values":{"object_type_id":10,"object_id":219792786,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
GetCourse Club. I ступень.Партнер удалить
Добрый День, скажите как наййти этот стандартный блок
или отменить редактирование
Чт 25 Мар 2021 • Ответить
{"signature":"d9f924b0596c9f56e26a0930175b47a1","accountUserId":-1,"values":{"object_type_id":10,"object_id":221836427,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Юлия, здравствуйте!
Стандартным блоком являются текстовые блоки. Добавить такой блок на страницу можно, выбрав "Все блоки" http://joxi.ru/DmBEB98tJazVGr и далее в категории "Текст" один из отмеченных блоков http://joxi.ru/82Q79wBIwoyQer. Такой блок и будет стандартным http://joxi.ru/Vm6bBNZF4ljgwm.
В уроке типа "Визуальный конструктор" к списку блоков можно перейти по кнопке "Показать все блоки" http://joxi.ru/52aQ6wgSEobLG2 и далее аналогично к разделу "Текст" http://joxi.ru/KAx5l1BHZl1dVr.
Если ваш вопрос заключается в ином, напишите нам в поддержку, https://getcourse.ru/contacts , приложите ссылку на страницу и опишите решаемую задачу детальнее.
или отменить редактирование
Вс 28 Мар 2021
{"signature":"732ff3482ded5bae0e363c27e0a87203","accountUserId":-1,"values":{"object_type_id":10,"object_id":83553101,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Добрый день! Подскажите пожалуйста при создании обложки лендинга как настроить чтобы заголовок, подзаголовок, кнопка были слева экрана, так как на фоновой фотографии справа лицо девушки, при помощи отступов не получилось, текст встал левее но столбиком
или отменить редактирование
Пн 10 Фев 2020 • Ответить
{"signature":"5a10b873eede0cbbcb02236d30a99709","accountUserId":-1,"values":{"object_type_id":10,"object_id":83567510,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false}}
удалить
Радима, здравствуйте!

Напишите, пожалуйста, обращение в рамках технической поддержки https://getcourse.ru/contacts. В обращении укажите, пожалуйста, ссылку на страницу лендинга, о которой идет речь.
или отменить редактирование
Пн 10 Фев 2020

Связанные статьи