Блоки

Раздел «Блоки» предназначен для создания блоков, которые будут отображаться на станицах сайта, а также для создания футера и шапки сайта.


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

Для создания блока нажмите кнопку «Создать», выберете тип блока, укажите названия блока, выберете расположение, порядок и страницу, на которой он должен отображаться.

  • Тип блока – можно выбрать уже кастомный блок или создать самим в html.
  • Название – указывается для админки, на сайте его не будет.
  • Расположение (в шаблоне) – помимо футера и шапки есть стандартные: «Страница - над контентом» и «Страница под контентом». Они обозначают будет ли блок появляться над текстом, который можно заполнить в разделе «Страницы» или под ним.
  • Порядок – выбираем порядок блока, относительно других блоков на странице. Если он должен быть в самом начале страницы - пишем цифру меньшую, чем у других. Рекомендуется для начала писать числа, кратные 10. Это поможет в будущем легко добавить блок на страницу между уже существующими, не меняя порядок у всех уже созданных.
  • Активен – чтобы блок стал активен, переключаем свитч в режим ON.
  • Страницы – выбираем страницы, на которых должен отображаться блок. По умолчанию блок будет отображаться на всех страницах. Нажимаем сохранить.


Типы блоков

HTML блок

HTML блок можно использовать для блока с текстом либо создать блок, используя html разметку.

Если просто использовать как текстовой блок, выглядит на сайте так:


Шапка сайта

Блок «Шапка сайта» должен быть на всех страницах сайта. В расположении выбираем «Шапка», порядок лучше поставить «1», активировать его и оставить на всех страницах сайта (как по умолчанию).

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

В общих настройках устанавливаем цвет фона, текста, заголовка и текста при наведении на меню.

Контент

Колонка 1 – заливаем логотип, можно указать заголовок и подзаголовок сайта.

Колонка 2 – можно включить еще одну колонку, куда залить картинку, включить поиск на сайте или создать колонку в html, выбрав соответствующую настройку

Колонка 3 – в третьей колонке можно добавить номер телефона. Лучше добавить только номер телефона без текста, колонка устроена так, что при нажатии на номер телефона, например с мобильного, устройство предлагает позвонить.

Меню

В меню добавляются разделы. При добавлении раздела указываем его имя и ссылку на него. Если это внутренняя ссылка, можно указывать url без начала, например просто afisha. Если в меню добавляете «Главная», поле с url можно оставить пустым.

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

Также можно отобразить кнопку «Купить билет» и указать ссылку, куда она ведет без указания домена, например kupit-bilety

После того, как все настроили, получаем нашу шапку:


Футер сайта

Блок «Футер сайта» должен быть на всех страницах сайта. В расположении выбираем «Футер», порядок можно поставить «1», активировать его и оставить на всех страницах сайта (как по умолчанию).

Блок футера состоит из четырех колонок, текста про авторские права, иконок соц сетей и настроек цвета.

Колонки
  • Активна – switcher для включения или отключения отображения всей колонки
  • Заголовок – заполняем заголовок колонки
  • Тип – можно выбрать «Текст» или «Меню». При выборе типа «Текст» появится html-редкатор, где можно самим создать html-верстку колонки. При выборе типа «Меню»: добавляем пункты меню, указываем из название, url и типа открытия ссылки (в новом окне или в том же). Если ставиться url на внешний ресурс – прописывается полностью, внутреннюю ссылку достаточно указать без домена, начиная со слэша, например /about

В этом разделе пишем информацию о юридическом лице. Для SEO хорошо, если указать, что это официальный сайт. Как пример: 2012 - 2020 © ООО «Театр Глобус» • Официальный сайт

Отображается в самом низу, выравнивается по левому краю

Соц сети

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

Настройки цвета

Цвет фона, текста и заголовков верх – речь идет о колонках Цвет фона и текста низ – речь идет о юридической информации и плашки с соц сетями

После того, как все настроили, получаем футер:


Фрейм Ticketland.ru

Блок «Фрейм Ticketland.ru» используется для установки простого iframe ticketland на сайт.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать».

В startUrl указываем тот url в фрейме, с которого необходимо открывать. Например, страница репертуара организатора /organizers/organizator-name/. URL можно посмотреть на сайте Ticketland.ru оставив все, кроме домена.


Слайдер с отзывами

Блок «Слайдер с отзывами» можно использовать для отображения отзывов зрителей о мероприятии или организаторе в целом.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать».

Заполняем заголовок блока (отображается на сайте) и добавляем отзывы с помощью кнопки «+». У отзыва есть автор и текст. Рекомендуется использовать не слишком длинные отзывы. Сохраняем.

После того, как все настроили, получаем блок с отзывами:


Форма отправки отзывов

Блок «Форма отправки отзывов» можно использовать для сбора обратной связи от зрителей. То, что пользователи напишут, отобразится в разделе Отзывы.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать».

Заполняем заголовок блока (отображается на сайте)

После того, как все настроили, получаем блок с формой обратной связи. От ботов есть защита – капча.


Yotube видео

Блок «Yotube видео» можно использовать для публикации видео на сайте. Заранее добавьте ролик на Yotube.

В расположении выбираем «Страница над контентом» или «Страница под контентом», указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть видео и сохраняем, нажав на кнопку «Создать».

Заполняем заголовок блока (отображается на сайте), video ID, размеры встраиваемого блока. Видео можно сделать автовоспроизводимым, если сдвинуть свитчер. Сохраняем.

Video ID – на Yotube под видео нажимаем на кнопку «Поделиться» и копируем код без домена youtu.be. Например, там будет ссылка вида https://youtu.be/udL4UO_kVUg, нам нужно только udL4UO_kVUg – это и есть video ID.

После того, как все настроили, получаем блок с видео.


Яндекс.карта

Блок «Яндекс.карта» можно использовать для отображения карты с выбранным адресом, например, для страницы контактов.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать».

Заполняем ширину и высоту блока (в пикселях), а также координаты точки на карте, которую хотим показать. Сохраняем.

Координаты можно посмотреть на Яндекс.Картах.

После того, как все настроили, получаем блок с картой.


Картинка + текст

Блок «Картинка + текст» используется для контента формата картинка справа/слева и текст.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать».

Заполняем поля:

  • Картинка – загружаем новую или выбираем из ранее загруженных
  • Ссылка (необязательно) – ссылка, куда будет вести картинка при клике. Не обязательно заполнять
  • Заголовок – заголовок блока, отображается на сайте
  • Текст – текст сообщения
  • Картинка слева – с помощью свитчера можно регулировать будет ли картинка слева или справа от текста
  • Размер колонок – можно установить пропорции картинки к тексту

Сохраняем

После того, как все настроили, получаем блок с картинкой и текстом.


Колонки картинка + текст снизу

Блок «Колонки картинка + текст снизу» используется для контента, когда нужно поставить четыре небольшие картинок с подписями под ними в ряд.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать».

Заполняем заголовок - отображается перед блоком.

Заполняем поля в каждой колонке:

  • Картинка – загружаем новую или выбираем из ранее загруженных (здесь лучше использовать квадратные картинки и все одного размера)
  • Ссылка (необязательно) – если хотите, чтобы картинка куда-то вела
  • Текст – текст, который будет под картинкой

Сохраняем.

После того, как все настроили, получаем блок с колонками картинок с подписей.


Картинки

Блок «Картинки» используется для создания одной или нескольких картинок (в том числе для фотогалереи)

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать».

Одна картинка в строке – в случае, если не поставить этот пункт изображения будут по 2 в строке. Если нужно по одному, передвигаем свитчер.

Чтобы загрузить картинку, нажимаем на «+»

Заполняем:

  • Картинка – загружаем нужную картинку
  • Alt описание для SEO – заполняется для сео, лучше писать то, что действительно отображается на картинке. Этот параментр также учитывается, если пользователь ищет в поисковиках в разделах «Поиск картинок»
  • Ссылка (необязательно) – заполняется, если вы хотите, чтобы картинка куда-то вела.

Чтобы добавить следующую картинку, так же нажимаем на «+» и заполняем поля для нее. Сохраняем.

После того, как все настроили, получаем блок с картинками.

В админке есть еще настройка «Одна картинка в строке».

Если передвинуть свитчер в состояние ON, картинки выстроятся одна под одной.


Репертуар

Блок «Репертуар» используется для создания репертуара. Он строится автоматически из тех страничек, которые созданы в разделе «Шоу». Ближайшее мероприятие встает выше.

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

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать».

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

После того, как все настроили, получаем блок с репертуаром.


Главный слайдер

Блок «Главный слайдер» используется для создания слайдера с нескольким шоу, на которые хочется обратить внимание. Например, для премьер.

В расположении выбираем «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать».

Выбираем https://doc.ticketland.ru/sitemanager:7-general#cveta фона главного слайдера. После этого нажимаем на «+» для добавления первого слайда.

Заполняем:

  • Картинка – выбираем или загружаем изображение, пропорции 3:2.
  • Ссылка «Купить билет» – выбираем ссылку, куда будет вести банер. Если оставить поле пустым, кнопки «Купить билет» не будет и слайд будет исключительно информационным. Если это внутренняя ссылка, лучше писать без указания домена, но начать с слэша.
  • Заголовок – заголовок слайда, пишется слева от картинки.
  • Аннотация – маленький текст под заголовком, пишется слева от картинки.

Для добавления следующего слайда нажимаем на «+» и заполняем. Сохраняем.

После того, как все настроили, получаем слайдер.


sitemanager/2-sozdanie-blokov.txt · Последнее изменение: 2020/11/19 20:54 — d.shiligina