Liferay自定义主题

编译出主题默认文件

使用开发工具新建theme模块
点击theme模块对应gradle或maven的build
进入${theme项目}/build/buildTheme目录查看主题默认编译出的所有问题

定制自己的主题（以全局添加bootstrap为例）

注意下述目录不存在可新建，可参照${theme项目}/build/buildTheme/中目录结构
将bootstrap.css（网上下载）文件复制到src/main/webapp/css目录
将bootstrap.js（网上下载）文件复制到src/main/webapp/js目录
将${theme项目}/build/buildTheme/templates/portal_normal.ftl复制到src/main/webapp/templates目录

修改portal_normal.ftl文件head部分，添加bootstrap.css引用

<link rel="stylesheet"  rel="stylesheet" href="${css_folder}/bootstrap.css" />

修改portal_normal.ftl文件body部分，添加bootstrap.js引用

<script type="text/javascript" src="${javascript_folder}/bootstrap.js"></script>

重新build项目，查看${theme项目}/build/buildTheme/templates/portal_normal.ftl文件已经是定制过的

Liferay自定义主题相关推荐

VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件
1. 下载和官网教程下载地址:https://code.visualstudio.com/ 官方教程:https://code.visualstudio.com/docs 2. 安装插件安装扩展插 ...
【一个诡异的问题】用饿了么的自定义主题之后发现表格顶部的复选框checkbox错位了
上图(做图是原生的主题,有图是自定义的颜色主题) 仔细看才发现右侧的顶部那个复选框靠左了,百思不得其解,尝试了各种骚操作无果于是拿着新的主题样式index.css和老的比对发现他多 ...
ExtJS4.2：自定义主题入门
背景用过 ExtJs 的朋友都有一种趋势:审美疲劳,好在 Ext4.1 之后的版本提供了快速自定义主题的功能,本文的内容主要来自:http://docs.sencha.com/extjs/4.2.2 ...
Element-ui自定义主题换肤
在使用Element-ui进行项目开发时,我们会想把那个饿了么的天蓝色换成自己项目的主题色,那如何在自己的项目中实现换肤耶,我这次用的是使用命令行主题工具生成css文件的方式换肤 1. 用vue- ...
Drupal 自定义主题实体 Theming Custom Entities
在自定义主题中输出结果时,有三个部分或更多特殊的函数,如 hook_menu,Page Callback,MODULE_theme 钩子 1.hook_menu 为了使用自定义的实体,像创建.编辑.删 ...
chrome主题_谷歌Chrome将很快允许用户创建自定义主题
站长之家(ChinaZ.com) 7月31日消息:据9to5google报道,虽然用户可以通过Chrome Web Store定制主题,但用户要根据自己的独特喜好定制主题却不是一个简单的事.谷歌正寻 ...
如何在Angular Material中制作自定义主题
by Charlee Li 通过李李如何在Angular Material中制作自定义主题 (How to make a custom theme in Angular Material) Angu ...
Jenkins自定义主题教程
Jenkins自定义主题由于Jenkins自带的样式比较丑陋,所以有很多第三方的样式库,这里针对jenkins-material-theme样式库做一个安装教程. 下载样式库下载连接 Select ...
AllsitePasswd 全站密码访问插件支持自定义主题模板
简介: AllsitePasswd 是一款启用全站密码访问插件,支持自定义主题模板:@呆滞欢迎 fork,start 说明: 插件默认自带一套模板用户可以自定义模板,把你的html模板文件放进th ...

Liferay自定义主题

编译出主题默认文件

定制自己的主题（以全局添加bootstrap为例）

Liferay自定义主题相关推荐

最新文章

热门文章