Modx Evolution Лабораторный практикум
|
Скачать 1.84 Mb.
|
|
прописываем следующее: Так как вложенность папок изменилась при интеграции дизайна в систему управления, то для всех путей нам необходимо добавить следующую конструкцию. /assets/templates/site/ Добавляйте аккуратно, ничего не пропустите, чтобы не возвращаться к этому снова и снова, нужно изменить все пути, в которых встречаются styles, scripts и images. Для примера, вот как выглядит путь подключения CSS стилей в оригинале: А вот так уже после изменения: Если файлы шаблона у вас лежат в папке с другим названием, то вместо site, вставьте свое название при изменении путей. После того как вы скрупулезно просмотрите весь код шаблона или найдете все места, где нужно вносить изменения путем поиска слов images, styles, scripts на странице (для поиска по странице нажмите Ctrl+F) можете смело сохранять ваш шаблон и опять следовать на главную страницу, чтобы посмотреть что получилось. Для этого следуйте по вкладкам Сайт → Просмотр или наберите в браузере URL вашего сайта. И что мы видим? Если вы ничего не пропустили, вы должны увидеть отличный шаблон без ошибок, прям как на демонстрационной странице, только вместо изображений пока стоят изображения-заглушки с цифрами. 3.3. Итоги Отлично, с задачей мы справились превосходно. На этом интеграция дизайна главной страницы закончена, осталась только дополнительная настройка. Скажите, знаете ли вы какую-нибудь систему управления, в которую дизайн встраивается так быстро? Я такие CMS еще не встречал. На следующем уроке мы научимся создавать динамические меню и познакомимся с основными принципами работы с дизайном в MODx. Вы узнаете, что такое чанки и как с ними работать. 3.4. Контрольные вопросы
Задание 4 Настройка шаблона, разбиение на чанки цели занятия
Форма организации занятия Фронтальная. Студент должен знать
Студент должен уметь
Обеспеченность
Практическое задание Теперь мы приступаем к следующему уроку из курса. Если вы помните, мы уже интегрировали шаблон главной страницы в систему, теперь неплохо было бы его настроить и научиться управлять из системы нашим шаблоном. 4.1. основные блоки шаблона главной страницы Итак, для начала давайте проанализируем, из каких блоков состоит наш шаблон главной страницы, на какие логические части его можно разбить
 Рис. 4.1 В нашем случае шапка сайта идет совместно с логотипом и главным меню навигации
 Рис. 4.2 Тут все просто, так как блок галереи располагается на всю ширину шаблона.
 Рис. 4.3 Этот блок по идее должен будет заполняться автоматически, то есть правки при редактировании главной страницы тут вноситься не будут.
 Рис. 4.4 В этот блок мы выделяем содержимое, которое находится внизу страницы, а именно блок с различной контактной информацией и блок с указанием авторских прав. Ну вот, мы уже для себя решили, из каких кирпичиков состоит шаблон главной страницы. И прежде чем мы начнем на уровне разметки разбивать код шаблона на составные кусочки, приведу немножко терминологии. А именно, я познакомлю вас с термином, который запугивает новичков MODx неизвестным для многих названием, но в котором нет ничего сложного. Этот термин — чанк. Вы часто будете встречаться с ним при работе с системой. 4.2. чанк Чанк — это не что иное, как простой кусок HTML кода. Например, у вас есть шаблон, в котором какая-то часть HTML кода повторяется более одного раза, но вы хотите вносить изменения сразу везде, где встречается этот повторяемый код. Для этого в системе управления создаете чанк с именем, например, Повторяемая_часть, а в качестве содержимого чанка используете этот кусок повторяемого кода. После чего, в разметке шаблона вы можете вместо этих повторяемых блоков, вставить следующую конструкцию: {{Повторяемая_часть}} которую MODx при выводе страницы автоматически заменит на содержимое этого чанка. Таким образом, при необходимости внести какие-нибудь изменения в повторяемые блоки, вы просто редактируете созданный вами чанк. Обратите внимание, что вызов чанка осуществляется по его имени, помещенном в двойные фигурные скобки. 4.3. разбивка шаблона на чанки Теперь, когда вы уже познакомились с терминологией мы начнем разбивать содержимое нашего шаблона на чанки. Вы можете задать резонный вопрос: зачем это нужно, ведь у нас на странице нет повторяемых блоков? Но вы не должны забывать, что большинство сайтов одним шаблоном не ограничиваются. В пределах одного сайта шаблонов может быть гораздо больше, и все они имеют некоторые одинаковые элементы, которые логично будет вынести в отдельный чанк, чтобы вносить при необходимости изменения во все шаблоны сразу из одного места, а именно при редактировании чанка. В нашем примере у сайта, который мы с вами пытаемся сделать есть три вида шаблонов, о которых речь шла на предыдущем уроке (главная страница, страница с дополнительной навигацией и страница с одной колонкой на всю ширину). Пока мы разбираем с вами только шаблон главной страницы, но если отвлечься и посмотреть на все три варианта шаблона, то можно увидеть что у них есть общие части, такие как Шапка сайта и Футер, рис. 4.5.    Рис. 4.5 Согласитесь, не очень удобно при изменении информации расположенной в футере сайта или при внесении изменений в шапку сайта, редактировать каждый шаблон по отдельности. Ведь их может быть гораздо больше трех, при этом помимо потраченного времени увеличивается вероятность того, что вы что-нибудь пропустите. Поэтому, мы с самого начала будем учиться правильно работать с шаблонами и для этого первое, что мы делаем, это разбиваем HTML-код на чанки. Для того, чтобы попасть на страницу редактирования шаблона главной страницы проследуем по следующим вкладкам: Элементы → Управление элементами → Шаблоны → Главная страница. Для начала я хочу посоветовать вам вынести в отдельный чанк тег |
Похожие:
 |
Инструкция по установке и настройке модуля oos для modx evolution... Для корректной работы модуля oos для modx evolution необходимо установить программный модуль Shopkeeper |
 |
Эксплуатационные материалы лабораторный практикум Эксплуатационные материалы: лабораторный практикум / А. Д. Синегибская. – Братск: БрГУ, 2011. – 65 с |
|
Устанавливаем modx Revolution X В первую очередь, необходимо скачать modx Revolution X. У вас есть возможность сскачать прямо с сайта разработчика |
|
Инструментарий веб-разработчика: Apache, php, Mysql, phpMyAdmin Лабораторный... Инструментарий веб-разработчика: Apache, php, Mysql, phpMyAdmin: Лабораторный практикум по дисциплине «Сети ЭВМ и телекоммуникации»... |
|
Электронных ресурсов Басангова Е. О. Лабораторный практикум “Компьютерная анимация в среде Macromedia Flash” |
|
Название Ссылка Лабораторный практикум по биологии гоу впо уральского Государственного лесотехнического университета |
|
Лекция 1 Молчанов А. Ю. Системное программное обеспечение. Лабораторный практикум: – спб.: Питер, 2005. – 284 с |
|
Среднетехнический факультет Лабораторный практикум составлен для проведения лабораторных работ по дисциплине «Технохимический контроль производства» |
|
Руководство по работе с административной панелью modx Для работы с системой управления modx не требуется знаний и опыта работы с html-кодом веб-сайтов. Исключение составляет заполнение... |
|
Руководство по работе с административной панелью modx Для работы с системой управления modx не требуется знаний и опыта работы с html-кодом веб-сайтов. Исключение составляет заполнение... |
|
Лабораторный практикум по дисциплине Лабораторные работы должны выполняться в той последовательности, в которой они приводятся в данной разработке |
|
Методические указания по выполнению практических работ для студентов специальности 09. 02. 04 Лабораторный практикум / Ханты-Мансийский технолого-педагогический колледж; Сост |
|
В. К. Никишев «Лабораторный практикум по современным языкам программирования Visual Studio » Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования |
|
Энзимология Энзимология : Лабораторный практикум /[Текст] / сост. Н. М. Титова, Т. Н. Субботина. – Красноярск: Сиб федер ун-т, 2012. – 60 с |
|
Кафедра товароведения и товарной экспертизы лабораторный практикум... Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования |
|
Российской Федерации Федеральное государственное бюджетное образовательное... Лабораторный практикум по дисциплине «Операционные системы» / Уфимск гос авиац техн ун-т; Сост. О. Д. Лянцев, А. В. Казанцев. – Уфа,... |