Шанс приходит... ...ждет немного... и уходит!

Лента новостей на MODX

Вопрос создания ленты новостей на сайте достаточно тривиален, но лично я не находил подробного описания по созданию новостей для CMS MODx. Естественно, что наиболее правильным вариантом является использования модуля Ditto, но иногда возникает задача сортировать новости не по дате создания, публикации, положению в меню, а по дате новости. Достаточно часто новости создаются с опозданием и необходимо вставить новость между уже опубликованных новостей или бывает, что дату новости нужно поменять. 

О том, как создать ленту новостей с сортировкой по дате, введенной пользователем и пойдет речь.

Для этого нам потребуется модуль Ditto не ниже 2-ой версии (в нем есть параметры, которые отсутствовали в более ранних версиях).

Шаблон для новостей

Создадим шаблон для вывода подробной новости и присоединим к этому шаблону Template Variable.

Ресурсы -> Управление ресурсами -> Вкладка «Шаблоны» -> Новый шаблон

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

У меня в шаблоне место под подробную новость (контент) выглядит так:

<h2>Новости</h2>

<h5>[*pagetitle*]</h5>

<span></span>

<div class="content_news">

[*#content*]

<br /><br />

<a href="../">Назад к списку новостей</a>

</div>

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

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

Template Variable для даты новости

Переходим:

Ресурсы -> Управление ресурсами -> Вкладка «Параметры (TV)» -> Новый параметр (TV)

В имени параметра обязательно вводим название date, заголовок заполняем по своему вкусу, тип ввода ставим Date (При выборе даты будет отображаться удобное всплывающее окошко для работы с датой), визуальный компонент обязательно ставим Unixtime (по нему мы и будем сортировать в дальнейшем).

TV-параметр для даты новости

Создание папки для хранения новостей

Создадим документ-каталог, в котором будем хранить наши новости: 

Раздел для новости

Осталось последнее действие в этой части, а именно вывод списка новостей. В месте для контента вводим вызов Ditto следующего содержания.



&startID — номер документа, откуда будем брать новости (у нас папка «Новости»)

&tpl — название чанка для вывода одной новости

&sortDir — сортировка по убыванию или возрастанию (у нас по убыванию)

&summarize — количество новостей, выводимых на странице

&sortBy — сортируем по нашему TV date

Создание новостей

А теперь перейдем собственно к созданию новостей. Создаем дочерний документ для только что созданного документа-каталога «Новости». Для этого нажмем правой кнопкой мыши на иконку возле названия каталога и выберем «Дочерний документ».

Добавление новости

В новом созданном документе применим следующие манипуляции:

1. В поле «Заголовок» вводим название новости

2. В поле «Аннотация» вводим краткое содержание новости

3. в поле «Шаблон» выбираем наш шаблон для новостей «Новости»

4. В содержании документа вводим саму новость. Можно добавлять изображения и
всячески оформлять в соответствии со стилями сайта.

5. В дополнительном поле дату новости через кнопку  Как
раз по этому полю и будем сортировать наши новости в списке.

6. Сохраняем наши изменения

Сохраняем новость

По такому алгоритму и будем и создавать все наши новости. Естественно, не будем забывать, наши новости еще нужно и опубликовывать. Либо при нажатии правой кнопкой мыши на иконку рядом с новостью и выбрав в контекстном меню пункт «Опубликовать», либо при редактировании на вкладке «Настройки страницы» задать время публикации (и время снятия с публикации, если это Вам необходимо).

Создание чанка вывода одной новости в списке

Все зависит от верстки вашего сайта, а я приведу пример своего чанка.

Переходим в раздел Ресурсы -> Управление Ресурсами -> Чанки -> Новый чанк

Даем название чанку, к примеру, news_tpl

Содержание у меня такое:

<div class="list_news">

<span class="news_title"><a href="/[~[\+id+\]~]">[+pagetitle+]</a></span><span class="news_date"> </span>

<p>[+introtext+]</p>

</div>

Наибольший интерес здесь, конечно же, представляет строчка  . В ней мы вызываем специально написанный сниппет для конвертации даты в более читабельный вид. Параметром MyDate передаем текущую дату новости в списке новостей.

Создание сниппета для новости

Идем Ресурсы -> Управление Ресурсами -> Сниппеты -> Новый Сниппет

Назовем сниппет convertDate и содержание у него такое:

<?php

$monthes = array('','января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря');

$day = date("j",$MyDate);

$month = $monthes[date("n",$MyDate)];

$year = date("Y",$MyDate);

echo $day.' '.$month.' '.$year.' года';

?>

Простейший PHP-код по преобразованию даты. Создаем массив названий месяцев в родительном падеже, пропуская при этом нулевой элемент. Далее просто выводим дату в виде строки.

Выглядеть это будет примерно так. 

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

Еще можно, а чаще всего даже нужно, создать переход по страницам для вывода новостей, но об этом уже в другой раз.

6 Коментариев из “Blog Post 5”

Ваш комментарий


AJAX поиск по сайту
  


 


Flag Counter