Upgrade Themes from 5.2.x to 6.0.x
Alternative Languages: 日本語
If you try to load your Liferay 5.2.x themes into 6.0, you'll find that a lot of things break. The reason for this is that with a new UI, we've changed a lot of ID tags and the like. There is a systematic process, however that allows you to convert your 5.2.x themes into 6.0.x compatible themes. It will take some CSS work, along with a few hours of your time.
The Theme Upgrade Process #
- Copy your theme's custom.css into custom.css.bak. This is very important because we will be overwriting your custom.css with a clean skeleton CSS file.
- Download custom.css. It's a specially commented and designed CSS file that gives exactly where each element of your old theme needs to go.
- Copy the new custom.css over your old custom.css. MAKE SURE YOU HAVE YOUR BACKUP (custom.css.bak) IN PLACE -- DO NOT OVERWRITE THAT!
- Copy each element's CSS from custom.css.bak into the appropriate places of your new custom.css -- there are code comments to help you know where to put each thing. You will see the broken theme improve incrementally as you copy more of your CSS over. You will probably need to make some tweaks here and there, but overall this process will be relatively mechanical.
At the end, your theme should be functional in 6.0 -- ultimately it's just a matter of changed ID tags and the like.