Главная » MODx Evolution » Урок 9. TV параметры в MODx – мощный инструмент для вебмастера

Урок 9. TV параметры в MODx – мощный инструмент для вебмастера

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

На базе этого инструмента мы усовершенствуем вывод наших новостей, добавив к ним небольшие миниатюры.

Для начала нам нужно научиться их создавать. Для этого переходим в раздел «Элементы» — «Управление элементами» — Вкладка «Параметры (TV)».

Создаем новый параметр.

tv1

Заполняем поля.

Вкладка «Общие».

tv2

Имя параметра – вводите без пробелов на английском языке. Я для примера введу img_blog.

Заголовок – это подпись поля в админке. Я введу «Картинка для новостей и портфолио».

Описание – в этом поле указывается дополнительная информация, например размер картинки. Я введу «Картинка размером 150 на 150 пикселей».

Тип ввода – в нашем случае это будет image.

Вкладка «Свойства».

tv3

Доступ шаблонов – здесь нужно галочками указать для каких шаблонов нужно применять этот параметр. В нашем случае нужно поставить галочку напротив «Внутренняя страница сайта».

Жмем сохранить.

Теперь переходим во вкладку «Чанки» и редактируем чанк – «novosti». Там должен быть код:

<div id="news">
<h2><a href="[~[+id+]~]" title="[+pagetitle+]">[+pagetitle+]</a></h2>
<div class="introtext"> [+img_blog+] <span class="date">[+date+]</span> [+introtext+] </div>
<div class="readmore" ><a href="[~[+id+]~]">Читать дальше →</a></div>
</div>
<div style="clear:both;"></div>

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

tv4

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

tv5

Это действие нужно повторить для всех новостей.

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

tv6

На этом сегодня все. Если у вас есть вопросы, задавайте их в комментариях.

1 комментарий

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

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

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