ShowTable of Contents
Before you begin
You must migrate your WebSphere® Portal® 6.1x-based theme to a WebSphere Portal server before you complete these steps.
Migrate your theme to a WebSphere Portal server and verify that the theme is functional.
Make a copy of the WebSphere Portal theme. See Create a copy of the theme for information.
Map your theme markup to the new static theme template, nls\theme_xx.html. Use divs to prepare your theme to be responsive. Determine the logical chunks to become dynamic content spots in the template, and move that markup into content spot jsps. Some of the 6.1x jspf files map one-to-one to the default content spots, such as footers.
If your theme loaded any CSS and js resource files, move them to the CSS and js folders in WebDAV that correspond to your new theme.
Modify the theme.json file in the contributions folder to load them as CSS and js type subcontributions to the main module for your theme.
Apply your new theme to a page with the lightweight or deferred profile. Test the theme and note any items that do not work. Add modules to be loaded at view time to fix any problems and create your own custom profile to load the necessary modules.
If you had a custom skin, map its markup to the new custom skin template of your theme in the nls\skin_xx.html file in WebDAV skinlist.
For more detail and help with these steps, see the developerWorks article in the Related links section.
Related links: Create a copy of the theme
Moving your WebSphere Portal theme to mobile, Part 1: Make your WebSphere Portal 6.1.x or 7.x theme modular