Нужно изменить стили шаблона в Liferay

Question

Я хочу изменить внешний вид liferay с помощью css. я очень новичок в жизни. Может ли кто-нибудь дать мне идею сделать изменения. Заранее спасибо

Answer 1

Шаг за шагом кажется сложным, но это не так уж плохо .....

1a) скачайте и распакуйте плагины sdk для версии liferay, которую вы хотите использовать. Все загрузки находятся на странице sf http://lportal.sourceforge.net/

1b) убедитесь, что у вас установлена ​​последняя версия ant и JDK, соответствующая вашей версии liferay (1.5.x или 1.6.x)

2) в комплекте несколько основных папок. Перейдите в папку "themes" и запустите там скрипт создания в этом формате (в Linux или Mac вам нужно сделать исполняемые файлы .sh)

c: \ liferay \ plugins \ themes> создайте мое имя "My Theme Description" linux / mac $> ./ create.sh my-name "My Theme Description"

Это создаст скелетную тему в папке my-name-theme и в папке _diff.

Сделайте любые изменения, которые вы хотите, В _Diff ПАПКА. (кроме изменений в файле свойств в WEB-INF)

Как только вы внесли изменения, запустите "ant compile" из папки my-name-theme, и sdk пробежит по его шагам и выплеснет файл .war в папку "dist" в корне sdk. Вы можете загрузить это на сайт с помощью установщика плагина

ИЛИ ... если вы сконфигурировали sdk, чтобы узнать, где находится ваш сервер разработки, вы можете запустить "ant deploy" из папки темы и позволить магии autodeploy в liferay сделать всю работу.

После установки темы просто назначьте ее, используя вкладку «Внешний вид» в инструменте «Управление страницами».

СОВЕТ: внесите большинство изменений в файл custom.css .... упростите обновление.

СОВЕТ: Разработка действительно медленная для CSS, если вы делаете это для каждого изменения .... поэтому, если вы используете dev-сервер, добавьте тег стиля непосредственно перед концом заголовочного тега, который указывает на ваши _diffs / css папка. HREF = "Файл: ///...../_diffs/custom.css". Таким образом, все сделанные вами изменения будут скомпилированы в следующую версию войны и переопределят текущую установленную версию без повторной загрузки. убедитесь, что удалили ссылку, прежде чем поместить ее на действующий сервер.

Документация на liferay.com великолепна, и есть «руководство для пользователя», я не могу найти ссылку, по которой я сейчас начал.

Answer 2

Разработка темы IMO для liferay может начаться довольно медленно. Я нашел два разных подхода весьма полезными. Это работает для меня, может работать и для вас.

1. Если вы редактируете файлы в папке _diff AFAIK, вы должны развертывать каждый второй раз увидеть изменения, которые могут быть довольно неприятно для фронтенд-разработчики. Подход может редактировать файл CSS напрямую в папке tomcat / themename. Копировать измененные каждые пару часов или так в папке _diff и развернуть. В моем случае CSS остается в C: \ Liferay-портал-6.1.0 \-7.0.23 кот \ WebApps \\ CSS \
2. Также, если вам известно, что LifeRay теперь поддерживает Sass . Так что, если вы пишете Sass, «развертывание» может быть наиболее вероятным вариантом. Но я также нашел способ ускорить этот процесс. Установите ruby ​​ (если вы находитесь в Windows, в Mac он предварительно установлен)> Установите Компас > и создайте пустой проект компаса. Запустите «Компас смотреть». Откройте файл Bothe Scss и скомпилированный файл CSS в вашей IDE. "compass watch" будет запрашивать изменения в вашем файле scss и помещать скомпилированный вывод в файл css. Каждый раз вы можете скопировать вывод CSS в файл CSS в папке темы или непосредственно в Firebug или в веб-инспекторе в Chrome / Safari.

Я обнаружил, что это более быстрая практика разработки, чем развертывание каждый раз или полная разработка на firebug / web-inspector.

Также, если кто-то знает лучший метод, особенно такие, как развертывание только CSS / JS (или, если на то пошло, простая копия, если вы не пишете Scss), сообщите нам.

Answer 3

Мы выполнили ряд настроек LifeRay для различных компаний, но ваш вопрос слишком расплывчат, чтобы мы могли на него ответить. Если вы просто хотите изменить несколько цветов и шрифтов, тогда редактирование CSS - это хорошо, но если вы хотите полностью изменить макет, вам нужно углубиться в файлы шаблона и начать работать с XHTML.

Укажите более подробную информацию, и мы сможем подтолкнуть вас в правильном направлении: D

Answer 4

Вы можете

mvn archetype:generate

затем выберите «liferay-theme-archetype (предоставляет архетип для создания тем Liferay.)» * и вуаля, вы готовы настроить свою тему.

В соответствии с рекомендациями рекомендуется создавать все пользовательские темы, используя только файл custom.css, и не заменять шаблоны без крайней необходимости. Это значительно упростит будущие обновления, поскольку вам не нужно будет вручную изменять шаблоны для добавления поддержки новых функций Liferay.

Развернуть вновь созданную тему, используя

mvn clean package liferay:deploy

Answer 5

Вы можете создать свой собственный стиль с помощью плагинов liferay sdk, которые можно найти здесь: http://www.liferay.com/downloads/liferay-portal/additional-files

Включена папка тем, в которой можно создать новую тему.Liferay создает здесь базовую тему в виде шаблона, который затем можно настроить и развернуть в своей установке Liferay.