Главная → Статьи → Преподавание → Использование ИКТ
Екатерина Пашкова, 24.10.2013 2

Как установить на сайте uCoz ленту публикаций Pedsovet.su, Вектор-успеха.рф или любую другую RSS-ленту

Многие новостные и контентные сайты «отдают» свои публикации в формате RSS: их можно читать с помощью специальных программ на компьютере и мобильных устройствах, в онлайн-сервисах (например, Яндекс.Лента), а можно выводить RSS-ленту на своем сайте. В этой статье я расскажу, как выводить ленту на сайте uCoz, в частности, как вывести публикации Pedsovet.su и Вектор-успеха.рф

Обсудить статью (уже 2 коммент.) Опубликовать свой материал
Говоря простым языком, RSS – формат представления новостей, анонсов статей, когда сайт «отдает» список последних публикаций в виде заголовков и ссылок, перейдя по которым можно попасть на страницу с полным текстом статьи.

На uCoz можно получить RSS публикаций любого модуля, для этого нужно дописать /rss к главной странице модуля (напомним, что модули в uCoz это статьи, файлы, форум, фотоальбом, новости и т.д.). Например, для Pedsovet.su доступны следующие RSS-каналы:
  На RSS могут подписываться любые желающие, также и устанавливать на своем сайте можно любые RSS сторонних ресурсов, специальное разрешение и уведомление владельца сайта для этого не требуется.

Как установить RSS стороннего сайта на сайте uCoz?

В Панели управления сайтом перейдите на страницу Инструменты – RSS импорт.
 

Нажмите кнопку Создать RSS транслятор
 

Введите полный адрес RSS-ленты, начиная с http и заканчивая rss, установите количество выводимых материалов и количество колонок. Для размещения ленты новостей в узких колонках лучше ставить 1 колонку. Если вы берете RSS Pedsovet.su, то нужно иметь ввиду, что в ленте могут выводиться меньшее число материалов или вообще временно не отображаться материалы – это означает, что в данный момент новых материалов нет.
 

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

Чтобы вывести ленту на страницах сайта вставьте код $RSSIT_№$ в нужное место на странице своего сайта.
 
 

Как изменить дизайн RSS-ленты на uCoz?

Перейдите на страницу Управление шаблоном и внесите нужные изменения.
  • $CATEGORY$ - вывод категории материала
  • $GUID$ - пользователь-автор материала
  • $TITLE$ - название материала
  • $LINK$ - ссылка на материал
  • $DESCRIPTION$ - краткое описание материала
  • $PUBDATE$ - дата публикации
 

Если вы хотите, чтобы у вас просто выводился список публикаций со ссылками, как на скриншоте, используйте код
 
 
<table style="width:100%;border:0;" id="rss_style "><tr><td align="left" style="font-size:8pt;text-align:left;"><a href="$LINK$">- $TITLE$</a></td></tr></tr></table>

При этом в CSS файле  стилей установите свои настройки цветов (чтобы открыть таблицу стилей, нажмите Управление дизайном – Таблица стилей CSS):
 
# rss_style a {
/* color:7C7E7C; */
 color:black;
 font-size:10pt;
 text-decoration:none;
}
# rss_style a:hover {
 text-decoration:underline;
}

Можно просто скопировать эти стили в вашу таблицу в любое место и сохранить.

Если вы хотите что-то интереснее, например, такой вариант, то используйте код:
 
 
<div class="rss_style2"><ul><li><a href='$LINK$'><b>$DC_CREATOR$</b>: $TITLE$</a></ul>

В файл стилей запишите:

.rss_style2 a {color: #000000; font-size: 12px;line-height:20px;}
.rss_style2 ul li{list-style-image: url(/design/article_ico.jpg);}
.rss_style2 {width:300px;}
.rss_style2 p {padding-left:25px; color: #000000; font-size: 12px;line-height:10px;}

В качестве маркера пункта меню вы можете взять любое изображение, для этого загрузите через Файловый менеджер изображение и приведите на него ссылку вместо «/design/article_ico.jpg»

Чтобы использовать нашего изображение, можно написать http://xn----8sbemb2a2ajhlhp3a.xn--p1ai/design/article_ico.jpg

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

Если у вас есть какие-то вопросы или что-то не получилось, пожалуйста, напишите в комментариях к заметке.

Эту заметку вы можете разместить на своем сайте, указав автора и ссылку на статью.

Наши RSS-ленты для ваших сайтов (Педсовет и Вектор-успеха.рф):
 
Источники фото: http://tods-blog.com.ua/web-development/rss-import/

Спасибо за Вашу оценку. Если хотите, чтобы Ваше имя
стало известно автору, войдите на сайт как пользователь
и нажмите Спасибо еще раз. Ваше имя появится на этой стрнице.
Комментировать Поделиться Разместить на своем сайте
Ошибка в тексте?

Читайте также
Войдите: Войти на сайт с паролем Анонимно
avatar
Комментарии:
avatar
Поддерживаю комментарйи0Не согласен с высказываниемСпам
1 маргаритка3898 • 17:31, 30.06.2014
Спасибо,Екатерина! Установила у себя на сайте ленту новостей с вашего сайта благодаря инструкциям в статье. Спасибо за пошаговую рекомендацию.
[Материал]
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
2 Екатерина_Пашкова • 12:21, 01.07.2014
Большое спасибо за поддержку нашего проекта!
[Материал]