Developing themes and skins
You can create themes using modules to contribute to separate
areas of pages to provide flexibility, enhance the user experience,
and maximize performance. To optimize themes on your website, use
the theme optimization module framework. The framework separates feature-specific
logic and capabilities from the theme code.
Roadmap: Creating and customizing themes
Get to know Themes
Create a new theme
Customize your new theme
Edit your static theme files
Getting started with Themes
Before you begin to develop themes, learn about the resources and the tools you can
leverage to create and customize them.
The module framework
The module framework allows extensions to contribute to
different areas of a page to provide flexibility, enhance the user
experience, and maximize performance.
Understanding the Simple Theme
With the Simple Theme, you can create, copy, and customize themes in minutes with just a
few clicks and far fewer files than the Portal 8.5 theme.
Understanding the Portal Version 8.5 modularized theme
Modern websites and browsers enable incredible new capabilities
that can greatly enhance your user's web experiences. However, these
capabilities are not without cost in terms of large page sizes and
more processing in the browser when each page is rendered. These
capabilities are worth it when you need them, but removing them for
an entire site or including them only on pages that take advantage
of these capabilities provides for more flexibility.
Customizing the theme
The module framework
allows themes to be customized in
order to provide flexibility, enhance the user experience, and maximize
performance.
Developing themes for a production portal
Use the theme artifacts to package a theme for staging to production.
Device classes
Device classes are used in IBM WebSphere Portal as an
abstraction for common properties for the device of a client. For instance, tablet computers can be
grouped into a device class tablets , since they share a form factor
and possibly other traits such as touch interface, or additional hardware sensors.
Responsive Web Design
Responsive Web Design provides content parity between mobile
devices and desktop channels, which enhances user experience and brand
consistency. Seamless changes in screen size, from small to large,
are now possible while the order of the content is maintained. Content
maintenance is simplified by having one site that is represented by
one set of assets.