MODx Revolution — первые "чанки"
Главная Статьи и Медиа WEB технологии MODx Revolution MODx Revolution — первые "чанки"
MODx Revolution — первые "чанки"

MODx Revolution по шагам — шаг четвёртый

Попробуем навести первую "красоту" на наш тестовый сайт. Поговорим о базовом шаблоне.



Тэги (метки): MODx, WEB, технологии, сайт

На предыдущий шаг...

Тестовый (учебный) сайт располжен по адресу: http://test.grandikos.com

Конечно, на первом месте по важности для любого сайта находится контент — интересное и нужное целевой аудитории наполнение. Однако, если Вы задумались о своём собственном сайте, то контент-то у вас, наверняка, имеется в заначке, и наполнять им хотелось бы уже "совсем настоящий сайт", то есть сайт с дизайном.

Как я уже говорил, всё относительно просто. Введите в окне поиска браузера словосочетание "бесплатные XHTML CSS шаблоны" и выбирайте. Понравившийся вам шаблон послужит "канвой" на которой Вы и будете "ваять" свой эксклюзив. Можно, конечно, начать с нуля, но это в том случае, когда Вы уже чувствуете себя достаточно подготовленными в области дизайна и вёрстки.

После недолгих поисков я выбрал достаточно "навороченный" и "современный" HTML5 шаблон со слайдером и jQuery примочками.

Ознакомиться с этим шаблоном и скачать его можно по адресу: http://test.grandikos.com/assets/templates/nova/index.html

Папку с файлами шаблона, как Вы видите выше, я поместил на сервер (путь: Корневая папка MODx/assets/templates/)

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

  1. шапки с логотипом, поиском и главным меню
  2. основной части с контентом
  3. подвала с дополнительной информацией и копирайтом

 

Наша задача, на данном этапе, состоит в том, чтобы правильно перенести всю эту красоту в раздел "элементы" нашего сайта в виде HTML кода базового шаблона и чанков с кодами составных частей. Чтобы не запутаться, сразу же создадим категорию "Шаблон NOVA", куда будем "складывать" все элементы, относящиеся к дизайну.

Картинки ниже являются иллюстрациями. Их можно увеличить шелчком мышки...

Добавление "категорииquot; в раздел "элементы" сайта

Первый "чанк" нашего сайта

В первый чанк HEADER, мы вставим кусок HTML кода с любой страницы шаблона-первоисточника (но не главной!), включающий в себя всю верхнюю часть до тэга, завершающего "название страницы (область "<!-- title -->")" в области кода, помеченной  "<!-- MAIN -->!"  (включив в область выделения и комментарий <!-- ENDS title -->, чтобы потом не путаться). После этого тэга уже начинается, непосредственно,  основная часть с контентом, которая относится к ресурсам и на каждой странице будет меняться. Собственно, меняться будут и некоторые элементы шапки и, естественно, название страницы, поэтому вставим в нужные места чанка  "управляющие тэги MODx Revolution". Не следует забывать и о адресах (URL) подключаемых файлов, в которые нужно добавить правильный для нашего сайта путь...

Первый "чанк" нашего сайта

С подвалом страницы произведём аналогичную манипуляцию...

чанк подвала сайта

... тут ВАЖНО не забыть подставить завершающие тэги основной части (области кода, помеченной "<!-- MAIN -->"). Смотри ниже...

чанк подвала сайта

Теперь, можно "скомпоновать" наш новый базовый шаблон, состоящий из трёх управляющих тэгов MODx Revolution

Базовый шаблон сайта с чанками

Проверим его в действии...

Базовый шаблон сайта - начало работы

Из всего, что мы имеем, наше, пока только, название страницы и контент ("Привет мир"). О меню, поиске, хлебных крошках и других наворотах — далее, поэтому...

... продолжение следует...

GRANDIKOS


Grandikos Если Вам нравится сайт, а главное, статьи и обучающие материалы, на нём представленные... Вы можете стимулировать автора, бросив на его счёт любую "символическую" сумму, что, неизбежно, подвигнет его на дальнейшее проявление здорового альтруизма...
Кстати, если Вы, к тому же, вместе с "пожертвованием" оставите и комментарий, содержащий ВАШИ пожелания на будущее, то автор непременно учтёт их при планировании своей работы...


Счет на "Яндекс деньги": 41001131476679

Кошельки "WEB money":

Z148021440215
R515650544848


GRANDIKOS

2007—2017 © ТМИП | Все права защищены

К началу