|
$processor.processColumn("column-1", "portlet-column-content portlet-column-content-only") |
||
|
$processor.processColumn("column-2", "portlet-column-content portlet-column-content-first") |
$processor.processColumn("column-3", "portlet-column-content") |
$processor.processColumn("column-4", "portlet-column-content portlet-column-content-last") |
Макеты Шаблонов Liferay
Добавление собственной реализации в файлы шаблона макета
жүктеу/скачать 236 Kb.
|
Макеты Шаблонов Liferay
Стилизация страницы Liferay, Макеты Шаблонов Liferay
- Бұл бет үшін навигация:
- $processor.processColumn("column-1", "portlet-column-content portlet-column-content-only")
- $processor.processColumn("column-3", "portlet-column-content")
- Строительство и регистрации шаблон макета
- Manage | Page Layout
- Test Page
Добавление собственной реализации в файлы шаблона макета Оба выше порожденных 1_3_columns.tpl и 1_3_columns.wap.tpl файлы пустые. 1_3_columns.png по умолчанию изображение, которое не представляет фактическое шаблон макета, мы должны создать. Следующие шаги, чтобы добавить свои коды на два файла шаблона. Открытое 1_3_columns.tpl файл в выбранной редактор, добавьте следующие коды, а затем сохранить его.
Пожалуйста, обратите внимание, что этот шаблон макета в два ряда: первый ряд имеет только одну колонку и второй ряд состоит из трех одинаково широкий столбцов. Каждая клетка определяется строк и столбцов имеет уникальный идентификатор, например, колонка-1, колонка-2, колонка-3, а в графе-4. Этот уникальный идентификатор важно для придания этому праву портлетов (ы) в нужное место на странице портала, где этот шаблон макета был применен. Теперь мы копируем и тот же код из 1_3_columns.tpl к 1_3_columns.wap.tpl файл. Вы можете изменить 1_3_columns.wap.tpl файл, как вы хотите, чтобы освежить дизайн шаблон макета для мобильных устройств. В-третьих, мы должны сделать, заключается в использовании программа для работы с изображениями, таких как GIMP или Adobe Photoshop для создания 1_3_columns.png, что выглядит так, как шаблон макета должно выглядеть.
Теперь у нас есть все необходимые файлы на месте. Откройте командную строку, перейдите в каталог ${liferay.plugins.sdk.home}/layouttpl/1_3_columns-layouttpl папку, а затем запустить ant у для построения пользовательских шаблонов макета в WAR-файл, который будет скопирован в ${liferay.plugins.sdk.home}/dist папку. ant команда также скопировать сгенерированный 1_3_columns-layouttpl- Теперь войти в систему как администратор портала и убедитесь, вновь созданный шаблон макета, который был зарегистрирован в Liferay портал, как показано на Manage | Page Layout страницы: 
Следующим шагом является создание Test Page с именем пробной страницы, применять вновь созданный шаблон макета на этой странице, и добавить несколько примеров портлетов в каждой ячейке строки и столбца. Вы можете видеть, что этот новый макет был успешно создан, развернутых в применении к тестовой странице, как показано на следующем скриншоте: 
жүктеу/скачать 236 Kb. Достарыңызбен бөлісу:
|