;

Голягин Алексей


Саранск
Мои контакты:
https://alex87.ru/kontaktyi
+7(953)031-55-55;
web-revenue@yandex.ru;
alex87.ru;
ok.ru;
www.facebook.com;
Следите за новостями здесь
twitter.com/alex87_ru;
plus.google.com;
www.youtube.com;
stackoverflow.com;

Создание блога при помощи Tickets

Создание блога на MODX Revo при помощи Tickets MODX Revo

Последнее изменение поста: 22 октября 2018 в 20:38

Для того чтобы создать полноценный блог на MODX нам как минимум понадобятся следующие пакеты: PdoTools, Tickets, DateAgo и hybridauth (последнее не обязательно, но желательно чтобы комментировать могли только авторизованные пользователи), установите их если они еще не установлены, так же рекомендую установить основные пакеты.

Создание ресурсов блога

Перед тем как создавать ресурсы, нам нужно подготовить 2 шаблона, 1й для категорий, 2й для записей, про работу с шаблонами писал здесь, углубляться в верстку не буду.

Буду считать что 2 шаблона вы подготовили.

Создание раздела блога и постов

Открываем вкладку «Ресурсы» (находится в левой панели), щелкаем по «Website» правой кнопкой мыши (или папке с любой вложенностью) и выбираем Создать -> Раздел с тикетами и заполняем поля: как минимум Заголовок (например блог) и Шаблон (для категории) и переходим в Настройки.

Создание разделас тикетами

Во вкладке Основные, убираем галку Использовать HTML-редактор.

Отключаем html редактор

На вкладке Дочерние тикеты: указываем шаблон для тикетов, в Формирование URI указываем %alias и сохраняем, так же рекомендую отключить jelyx и разрешить выполнение тегов (если с фронт энда пользователи ни могут не чего писать).

Настройка дочерних тикетов

Снова идем в настройки раздела — основные и вставляем вот такую базовую конструкцию (HTML редактор должен быть отключен)

 

    и сохраняем.

    вставляем базовый вывод тикета

    Создание нескольких статей в блоге

    Открываем созданный ранее раздел — «Блог» и выполняем следующее действия:

    На вкладке «Раздел», нажимаем на кнопку «Создать тикет» чтобы создать стать;
    Заполняете все основные поля и опубликуйте

    создание поста

    Точно таким же образом создайте еще пару статей

     

    Далее если вы сделали шаблоны правильно, то перейдя на на страницу блога увидите

    вывод статей

    Выводиться все содержимое и это не есть хорошо, давайте это исправим, для этого сделаем копию чанка tpl.Tickets.list.row и назовем ее tpl.Tickets.list.row.custom, откроем его допишем к значению модификатор эллипсис :

     

    Он будет обрезать текст, так же к примеру здесь используется шрифт глипсон которого у меня нет, поэтому я перепишу его под фонт авесоме, в итоге у меня получилось:

    <div class="tickets-row">
        <h3 class="title"><a href=""></a></h3>
        <div class="content">
            <br/>
            <a href="" class="btn btn-default ticket-read-more">ticket_read_more</a>
        </div>
        <div class="ticket-meta row" data-id="">
            <span class="col-md-2">
                <i class="far fa-calendar-alt"></i> 
            </span>
            <span class="col-md-2">
                <i class="far fa-user"></i> 
            </span>
            <span class="col-md-2"><i class="far fa-folder-open"></i> <a href=""></a></span>
            <span class="col-md-3">
                <span class="ticket-star"> <span
                            class="ticket-star-count"></span></span>
                &nbsp;&nbsp;
                <i class="fas fa-eye"></i> 
                &nbsp;&nbsp;
                <i class="far fa-comment"></i>   
            </span>
            <span class="col-md-2 pull-right ticket-rating">
                <span class="vote plus" title="ticket_like"><i class="far fa-thumbs-up"></i></span>
                
                <span class="vote minus" title="ticket_dislike"><i class="far fa-thumbs-down"></i>
            </span>
        </div>
    </div>
    <!--tickets_can_vote <span class="vote rating" title="ticket_refrain"><i class="fas fa-minus"></i></span>-->
    <!--tickets_cant_vote <span class="rating" title="ticket_rating_total : ↑ ticket_rating_and ↓"></span>-->
    <!--tickets_new_comments <span class="ticket-new-comments">+</span>-->
    <!--tickets_active  active-->
    <!--tickets_inactive  inactive-->
    <!--tickets_voted_plus  voted-->
    <!--tickets_voted_minus  voted-->
    <!--tickets_rating_positive  positive-->
    <!--tickets_rating_negative  negative-->
    <!--tickets_can_star  active-->
    <!--tickets_stared <i class="far fa-star stared star"></i>-->
    <!--tickets_unstared <i class="far fa-star unstared star"></i>-->

    Теперь укажем в выводе новый чанк

     

      После сохранения получим.

      Новый вывод статей

      Уже норм, а если перейти на статью

      вывод статьи

      Пока не очень красиво все (если вы используете стандартный bootstrap3 шаблон, будут иконки по умолчанию), но в следующих уроках мы это исправим. И начнем пожалуй с вывода мета информации о статье внутри нее.



      github - github.com/web-revenue,
      email - web-revenue@yandex.ru

      Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.