===== Блоки ===== Раздел «Блоки» предназначен для создания блоков, которые будут отображаться на станицах сайта, а также для создания футера и шапки сайта. {{ :sitemanager:sozdanie_blokov7.jpg?nolink |}} ---- ==== Создание блоков ==== Для создания блока нажмите кнопку «Создать», выберете тип блока, укажите названия блока, выберете расположение, порядок и страницу, на которой он должен отображаться. * **Тип блока** – можно выбрать уже кастомный блок или создать самим в html. * **Название** – указывается для админки, на сайте его не будет. * **Расположение (в шаблоне)** – помимо футера и шапки есть стандартные: «Страница - над контентом» и «Страница под контентом». Они обозначают будет ли блок появляться над текстом, который можно заполнить в разделе «Страницы» или под ним. * **Порядок** – выбираем порядок блока, относительно других блоков на странице. Если он должен быть в самом начале страницы - пишем цифру меньшую, чем у других. Рекомендуется для начала писать числа, кратные 10. Это поможет в будущем легко добавить блок на страницу между уже существующими, не меняя порядок у всех уже созданных. * **Активен** – чтобы блок стал активен, переключаем свитч в режим ON. * **Страницы** – выбираем страницы, на которых должен отображаться блок. По умолчанию блок будет отображаться на всех страницах. Нажимаем сохранить. {{ :sitemanager:sozdanie_blokov8.jpg?nolink |}} ---- ==== Типы блоков ==== На данный момент доступны следующие виды блоков: * [[sitemanager:2-sozdanie-blokov#html_blok|HTML блок]] * [[sitemanager:2-sozdanie-blokov#shapka_sajta|Шапка сайта]] * [[sitemanager:2-sozdanie-blokov#futer_sajta|Футер сайта]] * [[sitemanager:2-sozdanie-blokov#frejm_ticketlandru|Фрейм Ticketland.ru]] * [[sitemanager:2-sozdanie-blokov#slajder_s_otzyvami|Слайдер с отзывами]] * [[sitemanager:2-sozdanie-blokov#forma_otpravki_otzyvov|Форма отправки отзывов]] * [[sitemanager:2-sozdanie-blokov#yotube_video|Yotube видео]] * [[sitemanager:2-sozdanie-blokov#jandekskarta|Яндекс.карта]] * [[sitemanager:2-sozdanie-blokov#kartinka_tekst|Картинка + текст]] * [[sitemanager:2-sozdanie-blokov#kolonki_kartinka_tekst_snizu|Колонки картинка + текст снизу]] * [[sitemanager:2-sozdanie-blokov#kartinki|Картинки]] * [[sitemanager:2-sozdanie-blokov#repertuar|Репертуар]] * [[sitemanager:2-sozdanie-blokov#glavnyj_slajder|Главный слайдер]] ---- === HTML блок === HTML блок можно использовать для блока с текстом либо создать блок, используя html разметку. {{ :sitemanager:sozdanie_blokov9.jpg?nolink |}} Если просто использовать как текстовой блок, выглядит на сайте так: {{ :sitemanager:sozdanie_blokov10.jpg?nolink |}} ---- === Шапка сайта=== Блок «Шапка сайта» должен быть на всех страницах сайта. В расположении выбираем «Шапка», порядок лучше поставить «1», активировать его и оставить на всех страницах сайта (как по умолчанию). {{ :sitemanager:sozdanie_blokov11.jpg?nolink |}} == Общие настройки == В общих настройках устанавливаем [[sitemanager:7-general#cveta|цвет]] фона, текста, заголовка и текста при наведении на меню. {{ :sitemanager:sozdanie_blokov12.jpg?nolink |}} == Контент == **Колонка 1** – заливаем логотип, можно указать заголовок и подзаголовок сайта. **Колонка 2** – можно включить еще одну колонку, куда залить картинку, включить поиск на сайте или создать колонку в html, выбрав соответствующую настройку **Колонка 3** – в третьей колонке можно добавить номер телефона. Лучше добавить только номер телефона без текста, колонка устроена так, что при нажатии на номер телефона, например с мобильного, устройство предлагает позвонить. {{ :sitemanager:sozdanie_blokov13.jpg?nolink |}} == Меню == В меню добавляются разделы. При добавлении раздела указываем его имя и ссылку на него. Если это внутренняя ссылка, можно указывать url без начала, например просто afisha. Если в меню добавляете «Главная», поле с url можно оставить пустым. По умолчанию меню выравнивается по левому краю, можно выровнять по центру, используя настройку. Можно поменять порядок уже заведенных пунктов меню, просто передвинув местами блок с пунктом меню. Также можно отобразить кнопку «Купить билет» и указать ссылку, куда она ведет без указания домена, например kupit-bilety {{ :sitemanager:sozdanie_blokov14.jpg?nolink |}} После того, как все настроили, получаем нашу шапку: {{ :sitemanager:sozdanie_blokov15.jpg?nolink |}} ---- === Футер сайта === Блок «Футер сайта» должен быть на всех страницах сайта. В расположении выбираем «Футер», порядок можно поставить «1», активировать его и оставить на всех страницах сайта (как по умолчанию). {{ :sitemanager:sozdanie_blokov16.jpg?nolink |}} Блок футера состоит из четырех колонок, текста про авторские права, иконок соц сетей и настроек цвета. == Колонки == * **Активна** – switcher для включения или отключения отображения всей колонки * **Заголовок** – заполняем заголовок колонки * **Тип** – можно выбрать «Текст» или «Меню». При выборе типа «Текст» появится html-редкатор, где можно самим создать html-верстку колонки. При выборе типа «Меню»: добавляем пункты меню, указываем из название, url и типа открытия ссылки (в новом окне или в том же). Если ставиться url на внешний ресурс – прописывается полностью, внутреннюю ссылку достаточно указать без домена, начиная со слэша, например /about {{ :sitemanager:sozdanie_blokov17.jpg?nolink |}} == Copyright == В этом разделе пишем информацию о юридическом лице. Для SEO хорошо, если указать, что это официальный сайт. Как пример: //2012 - 2020 © ООО «Театр Глобус» • Официальный сайт// Отображается в самом низу, выравнивается по левому краю {{ :sitemanager:sozdanie_blokov18.jpg?nolink |}} == Соц сети == Плашка с соц сетями отображается в самом низу, выравнивается по правому краю. Выбираем размер иконок (от очень маленьких до огромных), ставим ссылки в соответствующие поля. Если нет официальной страницы какой-то соц сети - оставляем поле пустым, иконка не появится на сайте. {{ :sitemanager:sozdanie_blokov19.jpg?nolink |}} == Настройки цвета == [[sitemanager:7-general#cveta|Цвет]] фона, текста и заголовков верх – речь идет о колонках [[sitemanager:7-general#cveta|Цвет]] фона и текста низ – речь идет о юридической информации и плашки с соц сетями {{ :sitemanager:sozdanie_blokov20.jpg?nolink |}} После того, как все настроили, получаем футер: {{ :sitemanager:sozdanie_blokov21.jpg?nolink |}} ---- === Фрейм Ticketland.ru === Блок «Фрейм Ticketland.ru» используется для установки простого [[backstage:6-nastroit-prodazhu-biletov-na-sayte-teatra|iframe ticketland]] на сайт. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov22.jpg?nolink |}} В **startUrl** указываем тот url в фрейме, с которого необходимо открывать. Например, страница репертуара организатора /organizers/organizator-name/. URL можно посмотреть на сайте [[https://www.ticketland.ru/|Ticketland.ru]] оставив все, кроме домена. {{ :sitemanager:sozdanie_blokov23.jpg?nolink |}} ---- === Слайдер с отзывами === Блок «Слайдер с отзывами» можно использовать для отображения отзывов зрителей о мероприятии или организаторе в целом. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov24.jpg?nolink |}} Заполняем заголовок блока (отображается на сайте) и добавляем отзывы с помощью кнопки «+». У отзыва есть автор и текст. Рекомендуется использовать не слишком длинные отзывы. Сохраняем. {{ :sitemanager:sozdanie_blokov25.jpg?nolink |}} После того, как все настроили, получаем блок с отзывами: {{ :sitemanager:sozdanie_blokov26.jpg?nolink |}} ---- === Форма отправки отзывов === Блок «Форма отправки отзывов» можно использовать для сбора обратной связи от зрителей. То, что пользователи напишут, отобразится в разделе [[sitemanager:4-reviewes#otzyvy|Отзывы]]. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov27.jpg?nolink |}} Заполняем заголовок блока (отображается на сайте) {{ :sitemanager:sozdanie_blokov28.jpg?nolink |}} После того, как все настроили, получаем блок с формой обратной связи. От ботов есть защита – капча. {{ :sitemanager:sozdanie_blokov29.jpg?nolink |}} ---- === Yotube видео === Блок «Yotube видео» можно использовать для публикации видео на сайте. Заранее [[https://support.google.com/youtube/answer/57407|добавьте]] ролик на [[https://www.youtube.com|Yotube]]. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом», указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть видео и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov30.jpg?nolink |}} Заполняем заголовок блока (отображается на сайте), video ID, размеры встраиваемого блока. Видео можно сделать автовоспроизводимым, если сдвинуть свитчер. Сохраняем. {{ :sitemanager:sozdanie_blokov31.jpg?nolink |}} **Video ID** – на Yotube под видео нажимаем на кнопку «Поделиться» и копируем код без домена youtu.be. Например, там будет ссылка вида https://youtu.be/udL4UO_kVUg, нам нужно только udL4UO_kVUg – это и есть video ID. {{ :sitemanager:sozdanie_blokov32.jpg?nolink |}} После того, как все настроили, получаем блок с видео. {{ :sitemanager:sozdanie_blokov33.jpg?nolink |}} ---- === Яндекс.карта === Блок «Яндекс.карта» можно использовать для отображения карты с выбранным адресом, например, для страницы контактов. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть фрейм и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov34.jpg?nolink |}} Заполняем ширину и высоту блока (в пикселях), а также координаты точки на карте, которую хотим показать. Сохраняем. {{ :sitemanager:sozdanie_blokov36.jpg?nolink |}} Координаты можно посмотреть на [[https://yandex.ru/maps|Яндекс.Картах]]. {{ :sitemanager:sozdanie_blokov35.jpg?nolink |}} После того, как все настроили, получаем блок с картой. {{ :sitemanager:sozdanie_blokov37.jpg?nolink |}} ---- === Картинка + текст === Блок «Картинка + текст» используется для контента формата картинка справа/слева и текст. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov38.jpg?nolink |}} Заполняем поля: * **Картинка** – загружаем новую или выбираем из ранее загруженных * **Ссылка (необязательно)** – ссылка, куда будет вести картинка при клике. Не обязательно заполнять * **Заголовок** – заголовок блока, отображается на сайте * **Текст** – текст сообщения * **Картинка слева** – с помощью свитчера можно регулировать будет ли картинка слева или справа от текста * **Размер колонок** – можно установить пропорции картинки к тексту Сохраняем {{ :sitemanager:sozdanie_blokov39.jpg?nolink |}} После того, как все настроили, получаем блок с картинкой и текстом. {{ :sitemanager:sozdanie_blokov40.jpg?nolink |}} ---- === Колонки картинка + текст снизу === Блок «Колонки картинка + текст снизу» используется для контента, когда нужно поставить четыре небольшие картинок с подписями под ними в ряд. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov41.jpg?nolink |}} Заполняем заголовок - отображается перед блоком. Заполняем поля в каждой колонке: * **Картинка** – загружаем новую или выбираем из ранее загруженных (здесь лучше использовать квадратные картинки и все одного размера) * **Ссылка (необязательно)** – если хотите, чтобы картинка куда-то вела * **Текст** – текст, который будет под картинкой Сохраняем. {{ :sitemanager:sozdanie_blokov42.jpg?nolink |}} После того, как все настроили, получаем блок с колонками картинок с подписей. {{ :sitemanager:sozdanie_blokov43.jpg?nolink |}} ---- === Картинки === Блок «Картинки» используется для создания одной или нескольких картинок (в том числе для фотогалереи) В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov44.jpg?nolink |}} Одна картинка в строке – в случае, если не поставить этот пункт изображения будут по 2 в строке. Если нужно по одному, передвигаем свитчер. Чтобы загрузить картинку, нажимаем на «+» {{ :sitemanager:sozdanie_blokov45.jpg?nolink |}} Заполняем: * **Картинка** – загружаем нужную картинку * **Alt описание для SEO** – заполняется для сео, лучше писать то, что действительно отображается на картинке. Этот параментр также учитывается, если пользователь ищет в поисковиках в разделах «Поиск картинок» * **Ссылка (необязательно**) – заполняется, если вы хотите, чтобы картинка куда-то вела. Чтобы добавить следующую картинку, так же нажимаем на «+» и заполняем поля для нее. Сохраняем. {{ :sitemanager:sozdanie_blokov46.jpg?nolink |}} После того, как все настроили, получаем блок с картинками. {{ :sitemanager:sozdanie_blokov47.jpg?nolink |}} В админке есть еще настройка «Одна картинка в строке». {{ :sitemanager:sozdanie_blokov48.jpg?nolink |}} Если передвинуть свитчер в состояние ON, картинки выстроятся одна под одной. {{ :sitemanager:sozdanie_blokov49.jpg?nolink |}} ---- === Репертуар === Блок «Репертуар» используется для создания репертуара. Он строится автоматически из тех страничек, которые созданы в разделе «Шоу». Ближайшее мероприятие встает выше. Блок «Репертуар» можно использовать как на отдельной страницы репертуара, а можно, например, на главной страницы сайта после слайдера и других блоков. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov52.jpg?nolink |}} В блоке можно оставить показ всех шоу по умолчанию, а можно выбрать конкретные. Например, если блок используется на главной странице сайта и хочется акцентировать внимание именно на них. Для этого используется настройка «Список шоу», где можно выбрать несколько шоу из доступных. {{ :sitemanager:sozdanie_blokov53.jpg?nolink |}} После того, как все настроили, получаем блок с репертуаром. {{ :sitemanager:sozdanie_blokov54.jpg?nolink |}} ---- === Главный слайдер === Блок «Главный слайдер» используется для создания слайдера с нескольким шоу, на которые хочется обратить внимание. Например, для премьер. В расположении [[sitemanager:7-general#raspolozhenie_v_shablone|выбираем]] «Страница над контентом» или «Страница под контентом» , указывает расположение (лучше в числах, кратных 10), выбираем страницу, где хотим видеть блок и сохраняем, нажав на кнопку «Создать». {{ :sitemanager:sozdanie_blokov55.jpg?nolink |}} Выбираем [[https://doc.ticketland.ru/sitemanager:7-general#cveta]] фона главного слайдера. После этого нажимаем на «+» для добавления первого слайда. {{ :sitemanager:sozdanie_blokov56.jpg?nolink |}} Заполняем: * **Картинка** – выбираем или загружаем изображение, пропорции 3:2. * **Ссылка "Купить билет"** – выбираем ссылку, куда будет вести банер. Если оставить поле пустым, кнопки «Купить билет» не будет и слайд будет исключительно информационным. Если это внутренняя ссылка, лучше писать без указания домена, но начать с слэша. * **Заголовок** – заголовок слайда, пишется слева от картинки. * **Аннотация** – маленький текст под заголовком, пишется слева от картинки. Для добавления следующего слайда нажимаем на «+» и заполняем. Сохраняем. {{ :sitemanager:sozdanie_blokov57.jpg?nolink |}} После того, как все настроили, получаем слайдер. {{ :sitemanager:sozdanie_blokov58.jpg?nolink |}}