Информеры

Информеры
Материал добавлен: 27 Июня 2016
Материал обновлен: 01 Декабря 2019

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

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

Данная инструкция включает в себя следующие разделы:

  1. Создание и настройка информера
  2. Настройка внешнего вида информера
  3. Размещение информера на сайте
  4. Размещение информера на стороннем сайте

Создание и настройка информера

В панели управления сайтом перейдите в раздел «Инструменты». В меню слева выберите «Информеры» и на открывшейся странице нажмите на кнопку «Добавить»:

Откроется страница с настройками информера:

В блоке «Основное» можно настроить опции:

  1. Введите название информера. Оно будет отображаться в списке информеров, и по нему администратор сможет различать информеры.
  2. Выберите раздел, информацию из которого хотите показать на сайте.
  3. Укажите тип подгружаемых данных (материалы или категории). Данная настройка доступна не для всех разделов сайта.
  4. Выберите тип сортировки материалов внутри информера.
  5. В поле «Количество материалов» укажите их максимальное значение (от 1 до 50).
  6. Укажите количество столбцов для отображения материалов (от 1 до 20).>В поле «Количество материалов» укажите их максимальное значение (от 1 до 50).
  7. Можно выбрать период, за который будут отображаться материалы (День/Месяц/Год)

В блоке«Расширенные настройки» указываются ID категорий и материалов, которые нужно вывести, а также максимальная длина заголовков. Оставьте поля пустыми, если не хотите ничего менять:

Настройка внешнего вида информера

Чтобы настроить внешний вид канала, потребуются базовые знания HTML. Если вы сомневаетесь в своих силах, обратитесь за помощью. Если не планируете менять внешний вид материалов, нажмите на кнопку «Добавить» и переходите к пункту «Размещение информера на сайте».

На вкладке «Шаблон» вы можете задавать индивидуальный способ отображения материалов, который впишется в дизайн сайта:

Используя приведенные ниже $коды$ и HTML, добейтесь желаемого результата. Когда будет готово, нажмите на кнопку «Сохранить». Информер будет добавлен в список:

Чтобы перейти к следующему шагу, скопируйте код информера (код выделится, если кликнуть по информеру в таблице). В нашем примере это $MYINF_1$ или же код вызова: 

<script type="text/javascript" src="//sitename.ucoz.ru/informer/1"></script> 

который можно получить нажав на кнопку Код вызова напротив созданного информера.

Размещение информера на сайте

Перейдите на сайт и выполните вход в учетную запись администратора. В панели инструментов включите конструктор:

Добавьте новый блок:

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

Нажмите на изображение синей шестеренки:

Перейдите на вкладку HTML (1) и вставьте скопированный ранее код (2). Нажмите на кнопку «Сохранить»:

Сохраните внесенные через конструктор изменения:

Установка завершена:

Размещение информера на стороннем сайте

Чтобы информер работал на стороннем сайте, размещать информер нужно с помощью кода вызова который можно получить нажав на кнопку "Код вызова":

Далее на нужном вам сайте установить скрипт с окна:

Так же в данной ситуации чтобы в информере на стороннем сайте отображались корректно фото с вашего сайта, отредактируйте шаблон информера, найдите код вида:

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>

или

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" /></a><?endif?>

код вывода фото:

<img src="$IMG_SMALL_URL1$" alt="$TITLE$" />
<img src="$IMG_URL1$" alt="$TITLE$" />

нужно заменить на:

<img src="http://site.ucoz.ru$IMG_SMALL_URL1$" alt="$TITLE$" />
<img src="http://site.ucoz.ru$IMG_URL1$" alt="$TITLE$" />

где вместо http://site.ucoz.ru нужно прописать ссылку на ваш сайт. Нужно это для того, чтобы на стороннем сайте фото работали корректно, в ином случае если этого не сделать, фото не будут отображаться так как в корне стороннего сайта этих фото нет и информер их не отобразит, задав ссылку напрямую на ваш сайт, мы гарантированно решаем эту проблему.

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

$ENTRY_URL$ на http://site.ucoz.ru$ENTRY_URL$

вот так просто решается проблема установки информера на стороннем сайта.

Информеры