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

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

Итак, приступим. Для начала заходим в нашу панель управления (ПУ) через админ-бар сайта Общее — Вход в панель управления. В ПУ выбираем раздел "Информеры", нажимаем кнопку "Создать информер". Называем информер любым удобным словом или словосочетанием. Название информера нигде видно не будет, он называется только для вас.

Далее выбираем раздел "Каталог статей". Тип данных – Материалы, поскольку мы хотим сообщить нашим посетителям именно с новыми статьями на нашем сайте. Способ сортировки можете указывать любой, но раз уж мы хотим выводить последние опубликованные статьи, то мы выбираем "Дата добавления материала D", т.е. последний добавленный материал.

В "Количество материалов" указываем, сколько анонсов статей должно быть в информере. Например, мы создадим горизонтальный блок с тремя материалами. Тогда мы указываем количество -3, количество колонок тоже 3. Если вы хотите создать вертикальный блок для сайдбара, то указывайте количество материала 3 (или 4, или 5 и т.д.), а количество колонок -1.

В дополнительных опциях вы можете настроить конкретные категории Каталога статей, указав их ID (только номер,без знака ID). Посмотреть ID можно в Каталог статей — Управление категориями, для каждой категории назначен свой ID (например, [ID:1]).

Далее сохраняем и получаем код вызова информера вида $MYINF_2$. Мы уже учились вставлять вертикальные информеры, поэтому сегодня покажу как вставить горизонтальный информер на главной странице.

Открываем главную страницу сайта "Новости сайта", видим две кнопки редактирования страницы под новостями сайта, вот такие:

Нажимаем не визуальный редактор, а редактор HTML, откроется страница редактирования содержимого страницы. Находим строки
<?if($ADD_ENTRY_LINK$)?><div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div&gt;<?endif?>$LAST_NEWS$

И перед $LAST_NEWS$ вставляем наш код вызова информера $MYINF_2$ ( у вас может быть не второй, а пятый, десятый и т.д.). Вот, что у вас должно получиться НАД всеми новостями главной страницы (клините для увеличения рисунка):


А теперь мы настроим информер так, чтобы он у нас был информативный и красивый! Для этого заходим в ПУ в список наших информеров, напротив этого информера нажимаем "Управление дизайном информера" (иконка с разноцветными квадратиками). Видим такой код:

<table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr> <td width="50%" style="font:7pt">[$DATE$]</td> <td nowrap align="$right" style="font:7pt"><?if($CATEGORY_NAME$)?>[<a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>]<?endif?></td></tr> <tr><td class="infTitle" colspan="2"><a href="$ENTRY_URL$">$TITLE$</a> <span title="Comments">(<a href="$COMMENTS_URL$"><b>$COMMENTS_NUM$</b></a>)</span></td></tr></table>
Теперь будем его редактировать. Мне, например, не нужна дата появления материала и категория, в которую материал относится, поэтому эти данные я просто удаляю:

<td width="50%" style="font:7pt">[$DATE$]</td>
это данные о дате;
<td nowrap align="$right" style="font:7pt"><?if($CATEGORY_NAME$)?>[<a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>]<?endif?></td></tr>
это данные о категории.

Теперь у нас останется только название материала, а в скобках количество комментариев. Количество комментариев тоже убираем:

<span title="Comments">(<a href="$COMMENTS_URL$"><b>$COMMENTS_NUM<span title="Comments">(<a href="$COMMENTS_URL$"><b>$COMMENTS_NUM$</b></a>)</span>

У нас остается только анкор с названием материала:
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr> <tr><td class="infTitle" colspan="2"><a href="$ENTRY_URL$">$TITLE$</a> </td></tr></table>

Теперь добавим анонс с картинкой к информеру. Для этого в конце просто добавляем код вызова краткого описания статьи $MESSAGE$. Получим такой код:
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr> <tr><td class="infTitle" colspan="2"><a href="$ENTRY_URL$">$TITLE$</a> </td></tr></table>$MESSAGE$

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

При добавлении нового материала обязательно пишите краткое описание и вставляйте маленькие картинки в это описание, тогда у вас будет получаться такой информер. Без картинок будет только текст.

Надеюсь, что эта тема была интересна. если будут вопросы, то вы можете написать их в комментариях. Чем могу, помогу.

This entry was posted on Четверг, Октябрь 8th, 2009 at 3:02 пп and is filed under uCoz. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

15 Responses to “Создание информеров с кратким описанием”

  1. al1979:

    Отличная задумка в области рекламы будет. Всё чётко и в одном месте. Нужно только будет нужные картинки подобрать для такой новостной ленты.

  2. Elli:

    Spasibo!

  3. Алексей:

    Рад помочь!

  4. unona07:

    Спасибо огромное ! Очень доходчиво,пригодилось !Разобралась даже блондинка :) )))))))

  5. Алексей:

    Мне очень приятно, когда я могу чем-то помочь!

  6. ivan:

    Спасибо!

  7. freddy:

    А как сделать, чтобы информер появлялся в самой статье? Подскажите пожалуйста

  8. Алексей:

    Если вот как здесь, например, то сделайте следующее:Зайдите в ПУ сайта, выберите Каталог статей — Управление дизайном модуля.Дальше выберите Страница материалов и комментариев к нему. Когда откроется код страницы, после строки <?if($AUTHOR_NAME$)?> |……………..</a><?endif?> вставьте код информера и сохраните.Не забудьте разделить тегом новой строки <br> или линией <hr>

  9. Федя:

    ага понятно спасибо. не ожидал что так быстро)

  10. Ирина:

    Милейший! Огромнейшее Вам СПАСИБО!!! Вы понятия не имеете как Вы мне помогли. Я уже две недели пытаюсь сделать этот информер. Среди моря сайтов с претензией на профессиональность Вы единственный, кто смог нормальным человеческим языком объяснить как это делается. Буду советовать Ваш сайт всем подряд))).

  11. Ирина:

    Кстати, я тоже блондинка)))))))).

  12. Виктория:

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

  13. Виктория:

    Кстати по ходу дела вопрос, как раз о том же информере. Если в кратком описании статьи количество символов разное. т.е. где-то два предложения, где-то три. Каждый раз отсчитывать одинаковое количество слов или знако неудобно. Вот как-бы сделать так чтобы размер графы каждого описания отражаемый в информере, зафиксировать? Например, более 50 символов и далее будет автоматически видно слово "Читать далее…"?
    А то сейчас у меня в информере две колонки, и графы по высоте отличаются как раз из-за разного количества символов в описании…

  14. Дмитрий:

    Жму руку! Перепробовал кучу вариантов, и сам экспериментировал, получалась всякая ерунда, а тут за пару мину решил проблему по всему сайту! Благодарю! Всех благ Вам!

  15. killrock1:

    большое спасибо но есть один вопрос а можно ли убрать описание полностью чтоб была одна картинка

Прокомментировать запись: