Сайт на MODX Evolution. Часть 6. Выводим Новости.

1. Опять же во-первых, как и в случае с главным меню, — наполните свой сайт статьями с текстом-рыбой (Lorem Ipsum), чтобы нам было из чего формировать блок новостей. Создайте документ-контейнер (флажок «Контейнер (содержит дочерние ресурсы)», вкладка Настройка страницы), озаглавьте его как-нибудь. Уберите у него Показывать в меню. Ещё снимите галочки напротив Кэшируемый и Доступен для поиска. И понабивайте его материалами. Штук 5-7 будет вполне достаточно.

Не забывайте заполнять аннотации, — последние нам очень пригодятся при формировании новостного блока.

Новости - сайт на MODX Evolution

2. Откройте в админке системы шаблон главной страницы index, который был создан нами ранее. Найдите блок с идентификатором sidebar, и замените его заголовок в теге H2 с Maecenas  lectus на Новости.

Затем для собственно вывода анонсов материалов я буду использовать сниппет под названием Ditto со следующими параметрами:

[[Ditto?
&parents=`7`
&display=`3`
&tpl=`news-excerpt`
]]

Где parents — это идентификатор контейнера, содержащего новости, display — ограничение на количество выводимых анонсов, а tpl — чанк, являющийся шаблоном для одиночной выжимки-цитаты. Замените этой конструкцией все элементы ненумерованного списка с классом CSS style1.

Создайте чанк с именем news-excerpt а-ля плейсхолдер, если не ошибаюсь:

<li>
    <p><a href="[~[+id+]~]">[+introtext+]</a></p>
</li>
  • [~[+id+]~] — ссылка на полное содержимое статьи;
  • [+introtext+] — анонс статьи.

Плейсхолдер цитат для Ditto MODX Evolution

После описанных действий небольшой правый блок с анонсами «оживет»:

Вывод новостей в MODX Evolution

Вы также можете посмотреть содержимое шаблона index на текущем этапе:

Просмотреть
Опубликовано 16-12-2013 в 17:11


Комментариев к записи: 2

  1. Помогите с блоком Меню, оно у меня съехало вниз. А я хочу чтобы оно было как у вас выпирало вверх из блока.
    Смотрите картинки: http://cs616521.vk.me/v616521931/c4a0/WwkQTxocNdg.jpg и http://cs616521.vk.me/v616521931/c4a7/xCgDCDRavOI.jpg

    Как так сделать, что где надо дописать или исправить?

    • Администратор:

      Значит вы исходную HTML-разметку где-то нарушили.
      Скачайте оригинальный шаблон и посмотрите, как там все сделано.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты