Добавление собственной реализации в файлы шаблона макета
Оба выше порожденных 1_3_columns.tpl и 1_3_columns.wap.tpl файлы пустые. 1_3_columns.png по умолчанию изображение, которое не представляет фактическое шаблон макета, мы должны создать. Следующие шаги, чтобы добавить свои коды на два файла шаблона.
Открытое 1_3_columns.tpl файл в выбранной редактор, добавьте следующие коды, а затем сохранить его.
$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")
|
Пожалуйста, обратите внимание, что этот шаблон макета в два ряда: первый ряд имеет только одну колонку и второй ряд состоит из трех одинаково широкий столбцов. Каждая клетка определяется строк и столбцов имеет уникальный идентификатор, например, колонка-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-.war на ${liferay.bundles.home}/deploy папку для горячего развертывания в Liferay.
Теперь войти в систему как администратор портала и убедитесь, вновь созданный шаблон макета, который был зарегистрирован в Liferay портал, как показано на Manage | Page Layout страницы:
Следующим шагом является создание Test Page с именем пробной страницы, применять вновь созданный шаблон макета на этой странице, и добавить несколько примеров портлетов в каждой ячейке строки и столбца. Вы можете видеть, что этот новый макет был успешно создан, развернутых в применении к тестовой странице, как показано на следующем скриншоте:
Достарыңызбен бөлісу: |