Блог modx: Как сделать блог на MODX Revo: 3 актуальных способа

Leave a Comment / Разное / By /

Содержание

Как сделать блог на MODX Revo: 3 актуальных способа

Главная » MODX Revo

MODX Revo

Автор Алексей На чтение 3 мин Просмотров 902 Опубликовано Обновлено

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

Содержание

  1. На каких компонентах лучше всего делать MODX блог?
  2. Актуальные варианты создания блога на MODX
  3. 1. Создание блога на базе Tickets
  4. 2. Создание блога на базе ресурсов
  5. 3. Создание блога на базе Minishop2

В данном уроке разберемся с вопросом: как сделать блог на MODX, причем разберем 3 актуальных способа.

Если сейчас посмотреть статью Создание блога из официальной документации, то увидите перечень устаревших дополнений для создания блога:

Все эти дополнения до сих пор работают тот же GetPage — который последний раз обновлялся в 2014 г.!!! И подобных устаревших статей множество — на этом останавливаться не буду. Лучше сразу поговорим как сделать правильно блог в 2022 году.

На каких компонентах лучше всего делать MODX блог?

Правильный ответ на данный вопрос следующий: на тех компонентах которые регулярно обновляются (поддерживаются). Основным компонентом будет PdoTools — это так сказать улучшенная замена выше попадающихся компонентов: GetResourses, GetPage, Breadcrumb и не только! Ещё в рамках конкретного урока (если учесть ссылки на отдельные уроки про то как сделать отдельные элементы), также используются следующие пакеты:

SimpleSearch — реализация поиска (кто на чистом феном делает — то могут обойтись и без него).

pthumb — обрезка изображений (если не важна скорость загрузки, его можно не использовать).

xLike — реализация системы лайков.

Tickets — реализация комментирования и не только (не нужны комментарии — можно не устанавливать), либо вообще воспользоваться сторонними формами комментирования.

Актуальные варианты создания блога на MODX

1. Создание блога на базе Tickets

Довольно неплохой и рабочий вариант блога, особенно, если нужна форма комментирования, которая сохраняет комментарии в базу. До недавнего времени я использовал именно этот вариант, пока в один прекрасный момент один из клиентов которому я разрабатывал сайт с таким блогом не попросил меня внедрить и настроить скрипт: AntiBot Cloud, после чего Tickets начало колбасить (перестали сохраняться тикеты). В конечном итоге после суток борьбы с зависаниями (которые я решить не смог) пришлось переделать блог под второй вариант. В общем теперь к нему я больше склоняюсь.

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

По факту это более гибкий вариант, чем вышеприведенный, тут мы можем использовать все что угодно: любые компоненты, хоть тот же Tickets и здесь мы к нему уже не жестко привязаны и всегда его можем заменить.

3. Создание блога на базе Minishop2

Minishop2 — это дополнение для создания интернет-магазинов, но на нем можно запилить и полноценный блог. Если я бы сейчас создавал чисто блог (где не планируется внедрения интернет-магазина, как в данном случае), то я бы сделал его на базе Minishop2. И сейчас расскажу почему — во первых у нас из коробки есть галерея изображений, тегирование, завязка комментариев от Tickets прямо на страницах товаров (статей), мультикатегорийность — т.е. одну и туже статью можно выводить сразу в нескольких категориях (аля wordpress) и прочие фишки.

В следующем уроке уроке изучим компонент tickets и затем начнем создавать блог: разберу как его слетать при помощи ресурсов и прям на чистом tickets.

Поделиться с друзьями

Оцените автора

( Пока оценок нет )

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

Автор Алексей На чтение 11 мин Просмотров 4. 9к. Опубликовано Обновлено

Содержание

  1. Видео уроки по созданию блога на Tickets
  2. Создание шаблонов для блога
  3. Создание шаблона для категории блога.
  4. Создание шаблона для статей.
  5. TicketMeta — Выводим информацию о текущей статье в MODX
  6. TicketMeta на Fenom
  7. Контент
  8. Кнопки поделится
  9. Блок автора
  10. Комментарии
  11. ДЗ — наполнение блога контентом
  12. Создание раздела блога и постов

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

Видео уроки по созданию блога на Tickets

https://youtube.com/watch?v=YYlQWPfxnsgVideo can’t be loaded because JavaScript is disabled: Создание блога на MODX Revo — Начало (https://youtube.com/watch?v=YYlQWPfxnsg)

https://youtube.com/watch?v=D-W_Px5jg-IVideo can’t be loaded because JavaScript is disabled: Создание блога на MODX. Часть 2. Продолжаем работать с шаблоном (https://youtube.com/watch?v=D-W_Px5jg-I)

https://youtube.com/watch?v=OmnWIENf2lIVideo can’t be loaded because JavaScript is disabled: Создание блога на MODX. Часть 3. Работа с Tickets и PdoTools (https://youtube.com/watch?v=OmnWIENf2lI)

Как я говорил ранее я все же склоняюсь к созданию блога на базе ресурсов, поэтому ниже я опишу оба варианта.

Создание шаблонов для блога

Нам нужно подготовить 2 шаблона:

  1. для категорий (за основу возьмем blog-grid-sidebar-right.html),
  2. для записей (за основу возьмем blog-post-sidebar-right.html).

Делать их будем на основе созданного ранее шаблона.

Создание шаблона для категории блога.

Делаем копию имеющегося шаблона «Статика без обвертки» и называем его «Категория блога»;

Таким же образом делаем копию чанка с содержимым шаблона.

Кому не понятно зачем это смотрите уроки: MODX чанки и создание дополнительных шаблонов.

Теперь открываем чанк tpl.4 (где 4 id шаблона) и переносим в него код из blog-grid-sidebar-right.html (без шапки, хлебных крошек, подвала и т.д. — они у нас в чанке tpl — который как раз выведен уже в созданном шаблоне).

Теперь для удобства дальнейшего редактирования давайте вынесем сайтбар (выделил его на скриншоте) в отдельный чанк «sidebar».

и в этом месте вызовем чанк sidebar [[$sidebar]] или на fenom {include 'sidebar'}.

Теперь из контентной части вынесем в отдельный чанк rowPost, вывод одного из поста (выделил его):

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

После данного шага получаем вот такой код шаблона.

<div>
	<div>
                {include 'sidebar'}
		<div>
			<div>
				<div>
                                      {include 'rowPost'}
				</div>
				<div>
					<div>
						<ul>
							<li><a href="#"><i></i></a></li>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#"><i></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

Пока оставляем так как выводить нам пока нечего. Учтите, данный шаблон все еще статичный (мы его пока только разнесли по чанкам) — это мы исправим в одном из следующих уроков.

Создание шаблона для статей.

Создание шаблона для статей идентично созданию шаблона для поста.

Делаем копию шаблона «Категория блога» и называем его «Пост». Затем делаем копию tpl.4 и называем ее tpl.5.

Открываем чанк tpl.5 удаляем все из него и вставляем код контента из html файла blog-post-sidebar-right.html. Сразу на месте сайтбара можно вывести ранее созданный чанк sidebar.

Немного подредактируем его контентную часть (ту которая в не зависимости от выбранного способа — будет выводиться точно также). Начнем по блочно (пойдем сверху в низ):

Вывод изображения

<a href="blog-post.html">
	<img src="img/blog/wide/blog-11.jpg" alt="Создание блога на modx на ресурсах и при помощи Tickets" />
</a>

Здесь советую избавиться от ссылки страницы суму на себя. А по поводу изображения: у нас уже есть ранее созданное TV поле img — будем использовать его, а в атрибут alt выведем заголовок страницы. В конечном итоге получаем:

<img src="[[*img]]" alt="[[*pagetitle]]">
на fenom
<img src="{$_modx->resource. img}" alt="{$_modx->resource.img}">

Вывод даты

<div>
	<span>10</span>
	<span>Jan</span>
</div>

День публикации выводится так: [[*publishedon:date=`%d`]], на феном так: {$_modx->resource.publishedon|date:"d"}.

Месяц публикации так: [[*publishedon:date=`%b`]] на fenom так: {$_modx->resource.publishedon|date_format:"%b"}.

Подробнее про вывод дат можно посмотреть в уроке: Форматирование дат и времени в MODX.

Подзаголовок

<h3><a href="blog-post.html">Class aptent taciti sociosqu ad litora torquent</a></h3>

Здесь предлагаю избавиться от ссылки страницы саму на себя. А сам заголовок (pagetitle, он же h2) — у нас выводится в хлебных крошка. Следовательно в этот давайте тогда выведем «Расширенный заголовок (longtile)» вот такой конструкцией с модификатором:

[[*pagetitle:default=`[[*longtitle]]`]] или {$_modx->resource. longtitle ?: $_modx->resource.pagetitle}

Либо нам нужно превращать этот подзаголовок в h2 выводить в него просто pagetitle, а сами крошки переделывать — удалить из них заголовок. Пока так оставим.

Вывод метаинформации

<div>
	<span><i></i> By <a href="#">John Doe</a> </span>
	<span><i></i> <a href="#">Lifestyle</a>, <a href="#">Design</a> </span>
	<span><i></i> <a href="#">12 Comments</a></span>
</div>

Здесь можно поступить разными способами.

Если вам не нужны комментарии от Tickets и подсчета просмотров, тогда можно сделать вывод так.

<div>
	<span><i></i> <a href="#">[[*createdby:userinfo=`fullname`]]</a> </span>
	<span><i></i> <a href="[[~[[*parent]]]]">[[#[[*parent]].pagetitle]]</a> </span>
</div>
Или так на fenom 
<div>
	<span><i></i> Опубликовал <a href="#">{$_modx->resource. createdby | user : 'fullname'}</a> </span>
	<span><i></i> <a href="{$_modx->resource.parent | url}">{$_modx->resource.parent | resource : 'pagetitle'}</a> </span>
</div>

А вот если будите использовать Tickets, тогда лучше воспользоваться сниппетом TicketMeta.

TicketMeta — Выводим информацию о текущей статье в MODX

По умолчанию TicketMeta имеет разметку bootstrap 3 и если просто вывести сниппет [[TicketMeta]] в шаблоне на 3-м бутстрапе и он у вас сразу выводиться оформленным

Мне к примеру не нравиться стандартный вывод, а и я редко использую шрифты от Glyphicons, так что разберем как это все оформить.

Делаем копию стандартного чанка оформления tpl.Tickets.meta и называем его tpl.Tickets.meta.custom далее открываем новый чанк и меняем под себя, например так:

<div data-id="[[+id]]"> 
    <span> <i></i> <a href="#">[[+fullname]]</a> </span> 
    <span> <i></i> <a href="[[~[[+section. id]]]]">[[+section.pagetitle]]</a> </span> 
    <span> <i></i> [[+views]] </span> 
    <span> <i></i> <a href="[[~[[+id]]]]#comments"><span>[[+total]]</span></a> </span>
</div>

Здесь <a href="[[~[[+section.id]]]]">[[+section.pagetitle]]</a> работает только для тикетов, если у вас блог на ресурсах то нужно заменить на <a href="[[~[[+parent]]]]">[[#[[+parent]].pagetitle]]</a>.

И затем указываем его в выводе:

[[TicketMeta?
	&tplFile=`0`
	&tpl=`tpl.Tickets.meta.custom`
	&getFiles=`0`
]]
TicketMeta на Fenom

чанк tpl.Tickets.meta.custom:

<div data-id="{$id}"> 
    <span> <i></i> <a href="#">{$fullname}</a> </span> 
    <span> <i></i> <a href="{$parent | url}">{$parent | resource : 'pagetitle'}</a> </span> 
    <span> <i></i> {$views} </span> 
    <span> <i></i> <a href="{$uri}#comments"><span>{$total}</span></a> </span>
</div>

И вызов.

{'!TicketMeta' | snippet : [
	'tplFile' => '0',
	'tpl' => 'tpl.Tickets.meta.custom',
	'getFiles' => '0',
]}
Контент

Далее идут абзацы (p) с текстом удаляем их и вместо них выводим [[*content]] или {$_modx->resource.content}.

Для начала достаточно, остальные блоки (лайки, кнопки поделиться, предыдущая-следующая запись, комментарии и т.д.) оставляем как есть. Т.к. у нас пока нет контента их особого смысла делать прямо сейчас нет. Теперь выполните домашнее и потом уже можно начать реализовывать весь остальной функционал.

Кнопки поделится

В принципе кнопки поделится рабочие, там стоит скрипт, при желании вы его можете поменять на любой другой, например на https://yandex.ru/dev/share/ либо вообще создать кастомные кнопки без скриптов.

Блок автора

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

Комментарии

Код самих комментариев и форму можно пока закомментировать <!— здесь код —> и на ним вывести стандартную форму комментирования от tickets.

[[!TicketComments? &allowGuest=`1`]]

получим.

Позже мы ее подгоним под нашу верстку: MODX комментарии или отзывы при помощи Tickets.

ДЗ — наполнение блога контентом

Если у вас есть контент, можете добавить его, если нет, то можно для начала добавить любой. У меня контента нет я создам 2 категории на бум и по 2 статьи в каждой категории, если изобразить в виде структуры, то она будет выглядеть так:

Блог
|--Техническое обслуживание
|----Статья 1
|----Статья 2
|--Полезное
|----Статья 3
|----Статья 4

Блог и под категории блога — шаблоном «Категория блога».

Все статьи — шаблон «Пост».

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

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

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

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

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

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

После того как немного наполните блог, переходите к следующим урокам: MODX комментарии или отзывы при помощи Tickets и pdoPage: параметры, примеры вывода ресурсов с разбивкой на страницы.

Главная | Веб-группа PMACS Блог MODX

Служба веб-сайта самообслуживания: введение

Почему?

На протяжении многих лет наша команда дизайнеров, численность которой колебалась от 4 до 6 человек, столкнулась с огромным спросом на разработку новых сайтов с быстрым выполнением работ, как того требовали наши клиенты. Для сайтов лабораторий преподавателей, сайтов студенческих групп и любых других простых сайтов, которые не требуют широких настраиваемых параметров и , которые необходимо настроить и запустить довольно быстро, наша веб-команда предлагает услугу веб-сайта самообслуживания, реализованную с помощью МОДКС.

Что

…

Подробнее

Создание быстрого списка страниц от А до Я в MODX

Недавно у нас возникла необходимость создать список от А до Я большого количества ресурсов на сайте MODX. В нашем списке требовался раздел вверху со списком ссылок от А до Я на закрепленные разделы от А до Я. Мы попробовали пакет SiteAtoZ Боба Рэя, который был отличным и делал именно то, что нам нужно, пока мы не попытались использовать его с нашими 450 ресурсами. Время загрузки некешированной страницы было слишком медленным…

Подробнее

Элементы навигации с содержимым и дочерними элементами

У нас была повторяющаяся проблема с выпадающими меню навигации. Издатели наших веб-сайтов продолжали настраивать их «неправильно» или, по крайней мере, не так, как мы планировали. Издатели хотят создать два разных типа элементов раскрывающегося меню:

.
  1. Элемент навигации, который ссылается на ресурс (страницу), а также имеет дочерние ресурсы, перечисленные в навигации в качестве элементов подменю
  2. Элемент навигации, который не имеет собственного содержимого и имеет дочерние ресурсы, перечисленные в навигации как…

Подробнее

Редактировать только ресурсы в MODX

Когда мы настраиваем сайты MODX для наших клиентов, мы всегда создаем несколько страниц, которые мы хотим, чтобы издатели сайта никогда не удаляли и не отменяли публикацию. Мы хотим, чтобы эти страницы были «только для редактирования» для издателей, и мы также не хотим, чтобы они их дублировали. Для нас это касается домашней страницы, страницы не найдено, страницы результатов поиска и специального ресурса, который мы используем для общесайтовых конфигураций. Да, у нас были издатели, которые удаляли главную страницу даже…

Подробнее

Создать группу пользователей-издателей в MODX

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

Администратор практически всемогущ, поэтому вы можете назначать эту политику только тем группам пользователей, которым вы…

Подробнее

Введение: нам нравится MODX

Наша команда выбрала MODX в качестве платформы еще в 2013 году во многом из-за ее гибкости. Мы можем создавать шаблоны, используя любую структуру HTML, которую выберем. MODX, как правило, не имеет мнения о представлении контента, и как команда дизайнеров мы очень заботимся об этом.

Примерно за четыре года наш список работающих сайтов MODX вырос до чуть более двухсот. У нас в разработке еще около сотни проектов MODX…

Подробнее

Архивы

  • Апрель 2018 г. (3)
  • Март 2018 г.  (3)

Теги

  • Политики доступа (2)
  • Автоматизация (1)
  • Навигация (1)
  • pdoFetch (1)
  • pdoTools 900 66 (2)
  • Разрешения (2)
  • Группы ресурсов (1)
  • Самообслуживание (1)

Подписка

РСС

© The Trustees of the University of Pennsylvania
Сайт лучше всего просматривать в поддерживаемый браузер.
Сообщить о проблемах со специальными возможностями и получить помощь
Политика конфиденциальности
Дизайн сайта: веб-команда DART.
Фоновое изображение: D Шарон Прюитт

Часто задаваемые вопросы о Yamaha Montage и MODX

Есть достаточно места для хранения ваших собственных исполнений, но если вы хотите их удалить, сделайте следующее: Нажмите [UTILITY] > выберите «Contents» > «Data Utility» > выберите PERFORMANCE папка. Это отобразит все текущие исполнения в памяти. Память пользователя может содержать 640. Вы можете просмотреть их по имени…

от RudyB

В инструкции не написано, но реально можно сделать скриншот дисплея, который потом сохранить на флешку. Вставьте флэш-накопитель USB в разъем USB TO DEVICE на задней панели. Нажмите и удерживайте кнопку A/D INPUT ON/OFF. Нажмите и отпустите кнопку AUDITION. Отпустите A/D…

by RudyB.

Не существует очевидного/интуитивного способа удалить сцену, которая нам больше не нужна. Вы можете просто сохранить в нем новую сцену. Однако, если вы хотите избавиться от сцены, эти шаги сделают свою работу… на самом деле мы сохраняем пустую сцену в слоте. Щелкните СЦЕНА-#…

от RudyB

Синтезаторы Yamaha Montage и MODX имеют три способа записи того, что мы играем: – Song Recorder MIDI .mid – обсуждается в видео 26. – Song Recorder Audio .wav – обсуждается в видео 27. – Pattern Recorder MIDI .mid Все три 16 трековые рекордеры, они записывают не более 16 партий текущего исполнения. Детали могут быть…

от RudyB

Синтезаторы Yamaha Montage и MODX имеют три способа записи того, что мы играем: – Song Recorder MIDI . mid – обсуждалось в предыдущем видео. – Song Recorder Audio .wav – тема этого видео.– Pattern Recorder MIDI .mid Все три способа 16 трековых рекордеров, они записывают до 16 партий текущего исполнения. Запчасти могут…

от RudyB

Синтезаторы Yamaha Montage и MODX имеют три способа записи того, что мы играем: – Устройство записи песен MIDI .mid – Устройство записи песен Audio .wav – Устройство записи паттернов MIDI .mid Все три устройства записи на 16 дорожек, они записывают до 16 партий текущего Производительность. Части могут быть индивидуально включены/выключены. Мы также можем решить…

от RudyB

Исполнение, которое мы создали в предыдущем видео, содержало арпеджио. Исполнение уже звучало великолепно, даже несмотря на то, что мы не выбирали сами, какие арпеджио воспроизводятся, они были стандартными, которые поставлялись с добавленными нами партиями баса и ударных. Что, если нам нравится использовать разные арпеджио? И… можем ли мы изменить арпеджио…

от RudyB

В некоторых предыдущих видеороликах мы использовали «трюк» для копирования партии для достижения определенных эффектов. Таким образом, мы фактически создали «многослойный» звук. Мы можем вывести это на новый уровень, наложив различные инструменты, такие как фортепиано, струнные, бас и барабаны, чтобы сформировать комбинацию. Мы можем использовать разделение клавиатуры, чтобы разделить…

от RudyB

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

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

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