Настройка оформления страниц и вывода статей в Textpattern


Пора нам приступать к настройке внешнего вида вашего сайта!

Вам нужно лишь найти подходящий вам свёрстанный макет, или шаблон сайта, которых в интернете огромное количество!

Лично нам больше всего нравятся шаблоны сайтов от ThemeForest за отличное качество, большой выбор шаблонов разной тематики и более чем доступные цены.

Нам подходят шаблоны из рубрики "Site Templates"

Вы выбрали шаблон для своего сайта. Для дальнейшей работы желательны минимальные навыки работы с html. Если их нет - ничего страшного! Справитесь с нашей помощью!

Для начала откроем вкладку Оформление -> Страницы.

Здесь мы видим структуру нашей страницы. И именно сюда мы вставим html шаблон нашей страницы.

Вы наверное уже успели заметить незнакомые для себя теги. Например <txp:page_title />

Тег <txp:page_title /> выводит название текущей страницы. В зависимости от нашего местоположения на сайте выводит заголовок статьи, или название рубрики, или секции.

Подробнее про логику работы тегов, их список и описание можно почитать в рубрике теги

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

Прелесть и отличие Textpattern от многих других CMS заключается в тег-ориентированности. Эта особенность позволяет менять дизайн и оформление сайта, его структуру, логику работы плагинов и наполнение непосредственно из админки сайта, не бродя по куче файлов и не копаясь в обилии кода. Это значительно упрощает и ускоряет работу с Textpattern.

Закачаем файлы скриптов и картинок от нашего шаблона на хостинг. Для удобства мы обычно создаём папку tpl в корне. Это поможет не запутаться потом в принадлежности того, или другого скрипта при смене дизайна, например. Проставим в нашей странице новые прямые пути к скриптам и картинкам. Сохраним результат.

Теперь займёмся CSS. Перейдём для этого во вкладку Оформление -> Стили. Для каждого стиля в шаблоне создадим отдельный стиль. И копируем сюда стили CSS из нашего шаблона.

Сохраним все стили с понятными названиями (называть нужно латиницей!) и вернёмся на нашу страницу default.

Для подключения каждого стиля нам пригодится тег <txp:css format="link" name="default" /> где name="default" - это имя нашего стиля. Менять нужно значение с default на любое нужное нам. Нужно так же проставить правильные пути для картинок в стилях!

Мы подключили стили и скрипты. Теперь, перейдя на главную страницу нашего сайта мы должны увидеть наш рабочий шаблон. Естественно, ссылки пока у нас не работают.

Перейдём во вкладку Содержание -> Категории и создадим нужную нам структуру сайта. Например: Новости, О нас, Блог и Контакты. Рубрика новости у нас будет вложена в Блог.

Для удаления "лишних" рубрик и статей, созданных при установке Textpattern перейдите во вкладку Содержание -> Написанное, выделите все материалы и выберите в выпадающем меню - Удалить.

То же самое можно проделать с ненужными нам категориями(рубриками) сайта.

Займёмся выводом категорий сайта. В месте вывода рубрик в нашем шаблоне, вместо проставленных ссылок напишем: <ul><txp:category_list break="li" exclude="novosti" sort="title desc" type="article" /></ul>

В параметрах тега мы указываем, что нам нужно вывести список категорий, категории типа статья(у нас ещё есть категории изображений, файлов и ссылок), отсортировать их по заголовку по-убыванию, и обернуть каждую ссылку в тег <li> ине выводить категорию Новости. Вот, что получилось в html:

<ul>
<li> <a href="http://localhost/category/o-nas/">О нас</a></li>
<li> <a href="http://localhost/category/kontakty/">Контакты</a></li>
<li> <a href="http://localhost/category/blog/">Блог</a> </li>
</ul>

Далее мы настроим вывод статей. Допустим, вывод списка статей в нашем шаблоне выглядит так:

То нам нужно сделать для вывода списка статей форму, назовём её article_listing, следующего вида:

Форма, в данном случае, позволяют нам настроить вывод списка статей. Расшифруем кратко теги.

Парный тег <txp:permlink>Заголовок нашей статьи</txp:permlink> выдаёт нам ссылку на нашу статью. Всё, что находится между открывающим и закрывающим тегом появится в нашей ссылке.

<txp:article_image escape="html" thumbnail="0" /> - выводим картинку к нашей статье, при её наличии.

Тег <txp:title /> выведет заголовок нашей статьи.

Опубликовано: <txp:posted format="%d %B %Y" /> - вывод даты публикации статьи.

<txp:excerpt /> - выдержка(краткое описание) нашей статьи. Его ещё иногда называют Лид(информативный отрывок позволяющий захватить внимание читателя на данном материале. Wiki).

Теперь создадим вывод отдельной статьи. В нашем шаблоне она выглядит так:

Тогда форма вывода статьи (назовём её article_single) будет выглядеть так:

Итак. У нас есть две новые формы для вывода статей. Для вывода списка материалов и для вывода отдельной статьи.

Перейдём обратно в нашу Страницу. Достаточно часто в шаблонах очевидно блок вставки как списка статей, так и самой статьи. Мало того, часто это один и тот же блок. Как и в нашем случае.

Нам нужно написать логику вывода статейного материала списком, или статьёй в зависимости от положения пользователя на сайте. Логично, что если пользователь находится в какой-либо рубрике, ему будет выведен список материалов этой рубрики.

Что у нас получилось:

Не спешите всё это у себя набирать! В конце этой статьи мы даём возможность скачать приведённый в примерах код для вашего удобства.

Разберём логику.

В начале у нас идёт парный тег <txp:if_category> На его примере мы и разберём работу тегов в Textpattern. Он выясняет, выводим ли мы информацию в категории, или же мы где-то ещё.

Обратите внимание на тег <txp:else />. Он даёт возможность продолжить поиск условия.

<txp:if_category>

Мы в категории. Выводим список статей.

<txp:else />

Мы не в категории. Выполняем поиск условий дальше.

</txp:if_category>

Схематично выглядит логика так:

Вот и вся логика вывода материала! Просто?

Вы наверное заметили тег <txp:article form="article_listing" limit="10" listform="article_listing" pageby="10" pgonly="0" searchall="1" searchsticky="1" sort="Posted desc" status="4" time="any" />. Собственно он и вызывает вывод статей в нашу форму. Тут у нас указано выводить 10 статей на страницу, порядок сортировки, статус статьи и время вывода.

Стоит упомянуть про статус статьи. Это важно.

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

Включенная статья выводится в списке статей
Прилепленная статья выводится в категории сразу целиком

Прилепленная статья будет удобна при написании статей типа О нас, Контакты и других, где нам нужно вывести материал сразу!

Для вывода списка статей из какой-либо рубрики мы можем воспользоваться следующим тегом: <txp:article_custom category="novosti" form="news_list" pgonly="0" status="4" limit="10" />

Это может нам пригодится при выводе списка последних новостей.

Собственно говоря вот и всё, что нам нужно для старта! С этим багажом знаний вы уже можете создавать с помощью CMS Textpattern сайты с простой структурой. Например блоги, сайты-визитки и даже информационные сайты.

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

Мы не использовали здесь дополнительные Секции и страницы кроме секции default. С этим мы поможем разобраться чуть позже.