Создание собственного блока

Урок 253 из 329
Автор: Ольга Пичужкина
Сложность урока:
4 уровень - сложно, требуется сосредоточится, внимание деталям и точному следованию инструкции.
4 из 5
Просмотров: 7386

Блоки модуля Сайты 24 - это детали конструктора, из которых можно собрать практически любой сайт. И таких деталей в модуле более 200. Мы постарались обеспечить все потребности создателей сайтов готовыми решениями. Но если всё же вам не хватает какой-то возможности, вы всегда можете создать собственный функционал - просто добавьте блок с html-кодом.

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


Создание собственного блока

Важное примечание! В курсе Контент-менеджер не ставится задача полностью описать создание самостоятельного независимого блока, пригодного для тиражирования. Эта процедура включает в себя, кроме написания собственно html-кода блока, еще создание файла манифеста Файл манифеста сопровождает каждый блок и описывает редактируемые части блока, а также содержит его название, описание, файлы JS/CSS. , обрамление блока в специальную обертку Обертка - строка кода вида
<div id="anchor" class="block-wrapper block-code">...</div>
и регистрацию блока Методы регистрации шаблонов дают возможность добавить свой шаблон в мастер создания сайта или страницы. . Это задача для программиста. Вся необходимая информация приведена в разделах REST- и API-документации Сущность Блоки, Файл манифеста, Партнерские шаблоны и Сайты24:Блоки, а также в видео-лекции Разработка для "Битрикс24.Сайтов" и "Сайтов24". Антон Долганин.

Посмотрите видео-ролик о создании собственного блока:

Чтобы добавить собственный блок, выберите из перечня доступных блоков Другое:

drugoe1.png

Затем при редактировании блока введите в окно нужный html-код drugoe2.png
.

Обратите внимание! Вы не увидите сразу на странице, как отрабатывает html-код. Результаты его работы будут видны только после публикации страницы.

Например, мы добавили в блок такой html-код:

<html>
<br>
<br>

<h1 style="padding-left: 50px">Таблица</h1>
<body style="padding-left: 50px">
<table border="3" cellspacing="0" cellpadding="15" width="70%" height="130">
<tr>
<td>столбец 1, ряд 1</td>
<td style="background-color:#ffccff">столбец 2, ряд 1</td>
<td>столбец 3, ряд 1 </td>
</tr>
<tr>
<td>столбец 1, ряд 2</td>
<td style="background-color:#fcccfc">столбец 2, ряд 2</td>
<td>столбец 3, ряд 2</td>
</tr>
</table>
</body>
<br>
<br>

</html>

и вот что получилось в результате после публикации страницы:


tabl.png


Заключение

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


Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны Вам за помощь в улучшении документации.

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