Как я могу настроить макет страницы?

Я создал страницу в liferay 7 с изображением, отображаемым во всю ширину. Под изображением я хочу макет из 3 столбцов. Как я могу этого добиться? Я просто добавляю некоторый WebContent с каким-то пользовательским css?

Я создал новый шаблон здесь:

C:\Users\me\Documents\workspace\my-workspace\bundles\tomcat-8.0.32\webapps\ROOT\layouttpl\custom\1_column
blade gw build
blade gw deploy

columns.tpl

Тпл выглядит так:

<div class="portlet-layout row">
    This is the full width row
</div>
<div class="columns-3" id="main-content" role="main">
    <div class="portlet-layout row">
        <div class="col-md-4 portlet-column portlet-column-first" id="column-1">
            $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
        </div>

        <div class="col-md-4 portlet-column" id="column-2">
            $processor.processColumn("column-2", "portlet-column-content")
        </div>

        <div class="col-md-4 portlet-column portlet-column-last" id="column-3">
            $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
        </div>
    </div>
</div>

Я не уверен, как это развернуть, потому что, когда я смотрю настройки для случайной страницы, я не вижу этого «нового» макета (файл называется 1_column

blade gw build
blade gw deploy
columns.tpl): введите здесь описание изображения

Я не уверен, правильно ли я развернул это. Из командной строки я запустил:

blade gw build
blade gw deploy

Как я могу развернуть/создать этот новый макет .tpl для своего сайта?


liferay liferay-7
person bier hier    schedule 27.10.2017    source источник
comment
Будет код для пива   -  person Tomm    schedule 27.10.2017

Ответы (1)


arrow_upward
2
arrow_downward

Если вы хотите добавить приложения в 3 столбца под картинкой, лучше всего будет создать макет.

Должно быть 5 мин работы. Лучше всего скопировать столбец OOTB 3 один и добавить одну строку поверх трех столбцов.

https://dev.liferay.com/develop/tutorials/-/knowledge_base/7-0/layout-templates-intro

РЕДАКТИРОВАТЬ:

Если вы используете блейд-инструмент для развертывания, посмотрите на https://dev.liferay.com/develop/tutorials/-/knowledge_base/7-0/blade-cli.

Если вы запустите команду then deploy, вы должны увидеть сообщение в журнале tomcat, указывающее, что макет был развернут и запущен. В качестве альтернативы просто скомпилируйте код ./gradlew build, а затем скопируйте сборку формы файла войны в LIFERAY_HOME/deploy/.

А не к Шаблону. Если вы хотите разместить портлеты в верхней строке, вам нужно поместить туда код-заполнитель с уникальным индикатором.

<div class="portlet-layout row">
    $processor.processColumn("column-0", "portlet-column-content")
</div>

И, может быть, просто чтобы убрать вещи, я бы пошел с.

<div class="columns-1-3" id="main-content" role="main">
<div class="portlet-layout row">
    $processor.processColumn("column-0", "portlet-column-content")
</div>

<div class="portlet-layout row">
    <div class="col-md-4 portlet-column portlet-column-first" id="column-1">
        $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
    </div>

    <div class="col-md-4 portlet-column" id="column-2">
        $processor.processColumn("column-2", "portlet-column-content")
    </div>

    <div class="col-md-4 portlet-column portlet-column-last" id="column-3">
        $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
    </div>
</div>

Also, check your layout-template.xml file if you are pointing to the right files.

person Miroslav Ligas    schedule 27.10.2017
comment
Как создать макет? - person bier hier; 28.10.2017
comment
Добавил ссылку на ответ - person Miroslav Ligas; 28.10.2017
comment
Я попробовал это, но после этого новый макет не отображается в конфигурации? - person bier hier; 28.10.2017
comment
Вы уверены, что плагин развернут правильно? Вы видите его активным в оболочке gogo? - person Miroslav Ligas; 28.10.2017
comment
Дружище, я новичок, какой гого шелл? - person bier hier; 28.10.2017
comment
консоль OSGi. вы можете получить к нему доступ через telnet localhost 11311 . Также, когда вы копируете подключаемый модуль шаблона макета в папку развертывания, вы должны увидеть в журнале сообщение о том, что он развернут. - person Miroslav Ligas; 28.10.2017
comment
Как скопировать столбец OOTB 3? - person bier hier; 30.10.2017
comment
у вас установлен телнет? вы выполняете его на локальном хосте? Это не должно потерпеть неудачу. - person Miroslav Ligas; 30.10.2017