Информеры. Создание и настройка информеров

Инфо́рмер (англ. informer - «осведомитель, доносчик») - автоматически обновляющийся специальный блок, который устанавливается на сайте пользователя для предоставления посетителям дополнительной оперативной информации какой-то области.

Информеры — это просто чудо! Правда правда. Сайт с инофмерами становится динамичнее и интереснее. Главное не переборщить. Информер выводит заданную Вами информацию в любом месте Вашего сайта и эта информация обновляется автоматически.

Как создать информер?

Создать информер для сайт uCoz проще простого.
Для этого переходите в Панель управления — Информеры.

В правом верхнем углу нажимаете «Создать информер» (Выделено красным на рисунке) и заполняете необходимые поля.
Раздел — выбираете модуль в рамках которого будет создан информер.
Тип данных — чаще всего выводить Вам нужно материалы (статьи, фотографии, файлы и т.д.)
Способ сортировки — самый важный момент при создании информера. От его выбора и будет зависеть что именно и в каком порядке будет выводиться. Выбор достотчно большой и в принципе все понятно, но самая частая путаница возникает с буквами А и D .
Проще говоря: А — это наименьшее, D — наибольшее.
Получается: Дата добавления материала А — материалы будут выводится так, что первым будет тот, который добавлен раньше всего, то есть имеет наименьшую дату. Дата добавления материала D — первым будет самый последний материал.
Или: Количество просмотров А — первым будет материал, который менее всего был просмотрен, D — первым будет материал, который просмотрен больше всего раз.
Количество материалов — Количество статей, фото, файлов и т.д., которые будут выводится на странице этим информером.
Количество колонок — Материалы информера выводятся на странице сверху вниз. Но можно сделать так, чтобы было несколько колонок. Например, задав в пункте количество материалов — 15, и сделав 3 колонки, получим информер, который выглядит как 3 колонки по 5 материалов в каждой.

Когда все поля заполнены нажимаете кнопку «Создать».

Вы создали информер.

Как разместить информер на странице сайта

1. Код вызова информера — код заключенный в теги, с помощью которого можно вставить информер в любое место на своем сайте, а также на любом другом сайте. Просто нажмите на название информера (1), скопируйте код полностью и вставьте его в режиме html в любой шаблон сайте uCoz, или на любую страницу, или даже на любой сайт.
2. Шаблон информера — как и все страницы сайта uCoz, информер тоже имеет свой шаблон. Что такое шаблон Вы можете узнать из статьи «Управление шаблоном uCoz — первое знакомство «. Как изменить внешний вид информера читайте ниже.
3. Код вызова информера для шаблонов системы — скопировав этот код $MYINF…$, вы можете вывести информер в любом месте, НО только на данном сайте.
4. Изменить информер (редактировать) — тут можно что-то изменить в уже созданном информере, например порядок сортировки.

Как отредактировать шаблон информера

Когда Вы нажимаете на «Шаблон информера» перед Вами открывается окошко где расположен HTML код информера и системные коды, которые можно употреблять в данном информеры. Скорее всего другие системные коды работать в данном информеры не будут, поэтому при редактировании шаблона информера проверяйте системные коды.

Шаблон информера -это шаблон только одного материала (ссылки) данного информера.

Это значит что редактируете Вы только вид одного материала, а если шаблон должен выводить их больше чем один, то ВСЕ материалы будут такие же.

По умолчанию, вид информера не очень привлекательный (ИМХО). Это простая таблица, в которую помещены нужные ссылки, и такой информер полностью выбивается с общего стиля сайта. Вот пример стандартного информера моего сайта для материалов Каталога статей:

Мне такой вид информера совсем не по душе. Для того чтобы самостоятельно создать вид информера, который Вам нравится, нужно все-таки разбираться в тегах HTML. Тогда Вам достаточно изменить шаблон, который представляет собой небольшую таблицу в одну ячейку.
Я же в свою очередь представляю Вашему вниманию код информера для Модуля Каталог статей, который по-моему личному мнению является универсальным, и Вы можете его легко отредактировать.
Вот так будут выглядеть Ваши материалы:

Что бы ваш информер так выглядел — удалите весь HTML код с шаблона Вашего информера и вставьте следующий код:

$TITLE$ [$DATE$]

< table style = "margin: 1px" border = "2" bordercolor = "#0033CC" cellspacing = "3" width = "100%" height = "50" >

< tr >

< td >

Доброго времени суток, друзья! Сегодня мы с вами начнем изучать инструмент «Информеры для сайта Ucoz«.

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

Итак, приступим.

Создаем информеры для сайта Ucoz

Щелкните на главной странице панели управления сайта по ссылке „Информеры“. Откроется страница этого инструмента.

Эта страница должна отображать список имеющихся информеров Ucoz. Поскольку у нас их пока еще нет, список пуст.

Приступим к созданию информера для сайта Ucoz.

1. Нажмите кнопку „Создать информер“, появится окно с инструментами создания информера.

2. Введите в поле „Название информера“ имя создаваемого информера, например „Мой информер“.

3. В раскрывающемся списке „Раздел“ выберите один из разделов, для которого создается информер.

4. Выберите, например, пункт „Пользователи“. При этом появится следующее окно настройки параметров создаваемого информера Ucoz.

5. Выберите в поле „Способ сортировки“ пункт „Кол. сообщений в форуме“ и нажмите кнопку „Создать“, чтобы создать информер для Ucoz.

Пользуясь инструментами раздела „Информеры“, можно удалить информер, нажав кнопку „Удалить“ (1), или настроить параметры, нажав кнопку „Изменить“ (2) и отобразив тем самым окно „Редактирование информера“.

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

Как вы помните, ID групп пользователей отображается в разделе „Пользователи“ панели управления в списке „Группы пользователей“.

Введите в это поле значения для „Проверенных“ (ID равно 2), „Модераторов“ (ID равно 3) и „Администраторов“ (ID равно 4). Далее нажмите кнопку „Сохранить“, чтобы сохранить настройки.

После этого щелкните на кнопке „Управление дизайном информера“ (3), откроется окно „Настройка шаблона информера“.

Это окно содержит HTML-код информера и набор переменных кода uCoz системы для отображения в информере нужной вам информации.
Тег

  • в языке HTML применяется для создания списка, а тег - гиперссылки.

    Переменная $USERNAME$ отображает входное имя (логин) пользователя, a $PROFILE_URL$ - адрес страницы с параметрами профиля пользователя.
    Таким образом, информер Ucoz содержит список логинов пользователей сайта, снабженных ссылками на страницы с их профилями.

    Вы можете добавить какие-то свои переменные, например $RANK_ICON$ , чтобы отобразить справа от логина иконку ранга данного пользователя. Отредактируем строку следующим образом:

  • $USERNAME$:$RANK_ICON$
  • Для редактирования шаблона информера Ucoz можно также воспользоваться визуальным редактором или загрузить нужные данные с помощью файлового менеджера.

    Допустим, нам потребуется поместить в информер ссылку на какой-то рисунок, например на логотип сайта. Для этого нажмите кнопку «Файловый менеджер», откроется одноименное окно.

    В списке загруженных файлов содержится загруженный файл . Нажмите кнопку «Ссылка к файлу», откроется окно со ссылкой на этот файл.

    Сохраните полученный адрес в буфер обмена и поместите его в ссылку на источник изображения внутри тега .

    Нажмите кнопку «Визуальный редактор», чтобы просмотреть результат.

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

    Например, уменьшите его размеры и внешний вид, сделав следующее.

    1 . Выделите логотип щелчком кнопкой мыши. Нажмите кнопку «Изображение» на панели инструментов редактора. Откроется окно «Изображение».

    2. Установите в полях группы «Отступ значения» - 5.

    3. Введите «Мой логотип» в поле «Название».

    4. Нажмите кнопку «Стиль рамки» и задайте рельефный стиль рамки.

    5. Уменьшите размеры рисунка примерно вдвое, установив соответствующие значения в поля «Ширина и Высота».

    Если результат вас устраивает, нажмите кнопку «Сохранить», чтобы сохранить результат.

    Теперь поместим созданный информер на страницу .

    1. Отобразите страницу сайта и включите режим «Конструктор».

    2. Поместите на страницу сайта в правую колонку новый блок и откройте окно свойств блока в разделе informers (информеры).

    Теперь здесь содержится созданный нами информер для сайта Ucoz.

    3. Щелкните на строке «Мой информер». Он отобразится в добавленном блоке.

    4. Измените название блока на «Пользователи».

    5. Выберите на админ-панели команду «Конструктор > Сохранить изменения», чтобы сохранить результаты и отобразить страницу с информером.

    Как видно из скриншота выше, информер содержит всего одного пользователя, имеющего, судя по знакам отличия, ранг 1.

    Щелчок на его имени отображает окно профиля пользователя, которого я зарегистрировал в сети uNet в качестве примера.

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

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

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

    Как раз эту задачу превосходно выполняет отличный инструмент от uCoz – информеры для своего сайта. Я как раз достаточно выложил новостей, фотографий, статей и файлов, чтобы обеспечить их информерами.

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

    Если в двух словах, информер – эта ваша собственная рекламка, динамично рекламирующая ваш контент.

    Перейдём к делу.

    Открываем Панель Управления своим сайтом, кликаем на Инструменты, и затем на Информеры.

    Жмём на кнопку «Создать информер».

    Обращу ваше внимание на весьма интересный вид информера – «Случайные данные» (он виден в списке на картинке выше). Изюминка этого информера в том, что он показывает не выложенные на сайте материалы, а вложенные в сам информер какие-нибудь тексты (цитаты, пословицы, афоризмы, анекдоты и так далее) либо картинки.

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

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

    Дата добавления материала А - по возрастанию. Будут видны самые старые;
    Дата добавления материала D - по убыванию. Будут видны самые новые (A и D - от английских слов ascending (возрастание) и descending (убывание);
    Рейтинг материала - вывод материала с самым высоким или самым
    низким рейтингом;
    Количество просмотров - самые просматриваемые или непросматриваемые
    материалы;
    Комментарии к материалу - самые комментируемые или некомментируемые
    материалы;
    В случайном порядке - материалы выводятся случайно (для меня самый интересный вариант, его я и выбрал);
    Название материала - материал выводится по алфавиту.

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

    Определяем количество материала, которое будет показываться в информере, и количество колонок. Я выбрал 10 материалов на одну колонку.

    Суть этих примечательных опций, предоставляющих раздолье для творчества в создании информеров, ясна из текста на картинке выше. Поясню лишь, что это за ID такой, и где его найти.

    Каждая категория и каждый материал на сайте имеет свой номер или, по-другому, ID. Он указывается слева от каждой категории либо материала. Вот эти ID’ы нужных материалов либо категорий мы и отмечаем при надобности в Дополнительных опциях.

    Теперь устанавливаем этот информер туда, куда нужно. Можно вписать его в какую-нибудь страницу, а можно добавить к постоянным боковым блокам сайта, что я и сделаю далее.

    В той же Панели управления кликаем на Управление дизайном и выбираем среди Глобальных блоков Первый либо Второй контейнер (в моём случае дизайн сайта двухблочный, значит, у меня только один боковой, Первый, контейнер).

    Для чего они нам? Можно ведь просто вписать код информера ниже всех блоков? Можно-то можно, но получится совсем некрасиво, и придётся тогда помучиться с кодом информера, чтобы он гармонично вписался в общий дизайн сайта. Я поступлю намного проще – просто скопирую один из блоков и подставлю вместо исходных кодов свои код информера и название блока.

    Стандартные блоки (к каким модулям они относятся, видно из названия блока) поначалу выглядят так:

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

    Код моего информера новостей:

    200?"200px":""+(this.scrollHeight+5)+"px");">

    [$DATE$]
    $TITLE$

    Код моего информера статей:

    200?"200px":""+(this.scrollHeight+5)+"px");">

    $TITLE$

    Код моего информера фотоальбома:

    200?"200px":""+(this.scrollHeight+5)+"px");">$PHOTO$[$PHOTO_NAME$]

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

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

    Порадовала меня и новость о том, что готовый информер со своего сайта можно вставить на любой другой. Для этого, как пишут, нужно просто навести мышку на информер, и выявленную ссылку вписать на другом сайте вот в таком коде:

    200?"200px":""+(this.scrollHeight+5)+"px");">

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

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

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

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

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

    Появится окно с настройками информера:

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

  • Введите название информера. Оно будет отображаться в списке информеров, и по нему администратор сможет различать информеры.
  • Выберите раздел, информацию из которого хотите показать на сайте.
  • Укажите тип подгружаемых данных (материалы или категории). Данная настройка доступна не для всех разделов сайта.
  • Выберите тип сортировки материалов внутри информера.
  • В поле «Количество материалов» укажите их максимальное значение (от 1 до 50).
  • Укажите количество столбцов для отображения материалов (от 1 до 20).
  • На вкладке «Расширенные настройки» указываются ID категорий и материалов, которые нужно вывести, а также максимальная длина заголовков. Оставьте поля пустыми, если не хотите ничего менять:

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

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

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

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

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

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

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

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

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

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

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

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

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