MODx — как создать свой шаблон для сайта. Часть 2

MODx — как создать свой шаблон для сайта. Часть 2

Опубликованно: 15.05 2019 | Написал: Алексей | Комментариев: 0

 

Не так давно я в блоге  затронул тему выбора CMS и рассказал о серьезной и одновременно бесплатной системе MODx. В первой части я рассказал про установку на сервер, сегодня же перейду к следующей части мануала по MODx — работа с шаблонами, это, пожалуй, самая сложная часть работы над сайтом. Сложно только на первый взгляд, и узнав поближе эту ЦМС, поймете, насколько она логична и удобна в работе.
Я ярый противник WordPress, считаю ее подходящей лишь для ознакомления, а для профессиональной работы в seo, нужен более серьезный подход.

 

Приступим


0461c373

Сразу определимся со структурой сайта или сателлита. Обычно это:
«Главная страница»
«Список статей»
«Статья»


Для каждой создадим свой шаблон. Для этого заходим: Ресурсы\ Управление ресурсами\ Новый шаблон. Советую сразу дать интуитивно понятное название шаблону.

Код шаблона (html): сюда вставьте сверстанную html-страницу. В нее будем добавлять коды MODx.

Внимание! Ниже приведен код, в котором необходимо заменить символы — "{" и "}" на "[" и "]" соответственно.


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

После тега <head>:
<base href="{(site_url)}" /> — название домена мы пропишем в настройках, помните, тут только код, а не сам адрес сайта.
<meta name="keywords" content="{*keys*}"> — в MODx мне не нравится работать со стандартными средствами по добавлению ключевиков, поэтому пользуюсь иным подходом. Пока вставьте этот код, а ниже расскажу, что еще добавить для комфортной работы с ключевиками.

<title>{*pagetitle*}</title> — тайтлы, уверен, что тут все понятно.


В том месте, где будет контент страницы:
{!Dittо? &tpl=`dittо_index` &sortBy=`createdon` &parents=`!!!!!!` &summarize=`6` &dateFormat=`%d.%m.%Y` &truncText=`>>` &paginate=1!}
Вместо «!!!!!!» — номера всех папок которые необходимо выводить. Смотрите слева в админке. Там же можно создавать новые документы и папки. Для любого документа можно создать дочерние документы, тогда он станет папкой.
{+рrevious+} {+рages+} {+neхt+} — для перехода по страницам сайта.
Сохраните шаблон. Главная готова.

 

Создайте еще два пустых шаблона «Список статей» и «Статья».
Зайдите в Параметры(TV)\ Новый параметр(TV):
Название: keys
Тип ввода:  Text
Доступ шаблонов: «Главная страница», «Статья полная», «Список статей».
Этим мы сделали специальное текстовое поле, в которое будем записывать ключевые слова.


Теперь скопируем весь шаблон из «Главной страницы» в «Список статей», изменив ту часть, которая выводит контент страницы, на:
{!Dittо? &tpl=`dittо_index` &sortBy=`createdon` &summarize=`10` &dateFormat=`%d.%m.%Y` &truncText=`>>` &paginate=1!}

 

Теперь создадим  новый чанк «ditto_index», он представляет собой вид блока статьи на странице:
<h1><a href="{(base_url)}{~{+id+}~}">{+pagetitle+}</a></h1>
{+#cоntent+}


Можно еще использовать дополнительную команду:
{+date+} — дата публикации.


Последний этап, создание шаблона «Статья». Скопируйте шаблон «Главной страницы», заменив блок контента на:
<h1>{*#lоngtitle*}</h1
<li>{*#cоntent*}</li>


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

 

Постовой:

Мечтаете заработать? Можете узнать про заработок в интернете, прочитать посты и многому научиться.

Вот тоже неплохой интернет-магазин пылесосов, почему надо отказывать себе в чистоте? Скажем нет пыли ;)

Компания по организации праздников в Москве займется вашим праздником и проведет его на высочайшем уровне, такого точно еще никто не предлагал.

 


К сожалению комментарии отключены.

Буду рад пообщаться посредством почты. Спасибо.