更改主题徽标

您可以更改主题徽标以定制门户网站站点，并重新对其进行品牌标记以反映您的业务。

关于此任务

条幅中显示的缺省徽标为空白占位符图像。以下代码块显示了空白占位符图像：
<span class="wpthemeBranding">
     <img alt="IBM Logo" src="/wps/themeModules/themes/html/dynamicSpots/icons/blank.gif">
     <span class="wpthemeAltText">IBM Logo</span>
</span>

通过 CSS 样式类向主题提供徽标，以便可以通过定制架上封装的样式来修改或覆盖此徽标。并且，选择新样式时，将更新徽标。您无需修改主题模板。

您可以在 fs-type1:themes\Your_custom_theme \css\default\default_view.css 和 fs-type1:themes\Your_custom_theme \css\default\default_view.css.uncompressed.css 的 .wpthemeLogo 中更改主题徽标：

过程

  1. 从样式类中除去 display 属性。
  2. 为 background-image 属性定义新的图像路径。
  3. 修改高度和宽度。

您还可以更改标题文本以使徽标显示在导航旁边。

  1. 应用定制架上的白色样式。
  2. 在 fs-type1:themes\Your_custom_theme\nls\theme_locale.html 中，输入以下代码块，其中 IBM WebSphere Portal 是您门户网站站点的名称： 
    <div class="wpthemeLogo wpthemeLeft">
     <span class="wpthemeAltText">IBM WebSphere Portal</span>
</div>
    注： 没有用于显示徽标的 HTML 图像元素。与品牌的第一个区域相同，徽标通过 CSS 样式类提供给主题。您无需修改主题模板。

下一步做什么

另外，您还可以创建自己的定制样式，以便与 fs-type1:themes\Your_custom_theme\system\styles.json 中定义的定制主题配合使用。如果您执行了此操作，那么可以在定制样式 css 文件（例如 fs-type1:themes\Your_custom_theme \css\Your_custom_style \Your_custom_style.css）中覆盖这些样式。