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

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

 

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

 

Приступим

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


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

Код шаблона (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.

 

Постовой:

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

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

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

 

Оставить комментарий

  • Обязательные поля обозначены *.

If you have trouble reading the code, click on the code itself to generate a new random code.
Security Code:
 
Андрей
Comment
Re: MODx — как создать свой шаблон для сайта. Часть 2
22, 2010, 14:16:17
прикол :) у меня в прошлом комментарии не про печатался текст c id :)
читать нужно так:
"при работе с ditto не проще ли использовать в параметре &parents просто [ * id * ]?
"
id конечно пишем без пробелов - просто иначе система "съедала" этот текст.
Андрей
Comment
www.modx-t.ru
22, 2010, 14:13:30
при работе с ditto не проще ли использовать в параметре &parents просто ? Ведь если создаем шаблон - то зачем нам цифры категорий прописывать? а с таким параметром будет выводится список статей текущей категории.

Кстати по шаблонам есть русскоязычный ресурс www.modx-t.ru Там можно скачать пару шаблонов и посмотреть как все устроено. Для новичков очень неплохой вариант в процессе изучения
Андрей
Comment
Re: MODx — как создать свой шаблон для сайта. Часть 2
16, 2010, 21:48:27
Мне тоже нравиться MODx - уже много сайтов реализовал на ней. Кстати, для тех кто начинает с ней работать вот ссылка на рускоязычный сайт с готовыми шаблонами для MODx www.modx-t.ru
Platon
Comment
http://russbazar.ru/
01, 2009, 09:38:50
WP гораздо удобней
автору ремпект
sbseo
Comment
http://sbseo.ru
24, 2009, 19:25:15
Я вот ищу CMS которая бы подхватывала контент из файлов и не требовала права на запись, т.е. контент обновлялся бы по ФТП. Не подскажите такую?
Neo
Comment
Re: MODx — как создать свой шаблон для сайта. Часть 2
22, 2009, 13:38:17
А вот бы еще про вставку комментариев на сайте узнать, я блог делаю на модиксе, ток с этим проблемка
Макс
Comment
http://theref.ru
21, 2009, 19:02:01
Автору респект!, за подробный мануал. Действительно гораздо удобнее WP . Есть конечно пару вопросов, постараюсь сам разобраться, но если потребуется помощь постучу Вам. Жду продолжения.
Maniak
Comment
Re: MODx — как создать свой шаблон для сайта. Часть 2
17, 2009, 22:03:59
MODx реально рулит, как ЦМС. Перешел с WordPress и понял как много потерял времени.
Жду продолжения