WSO2 API Cloud documentation is getting a whole new look at cloud.docs.wso2.com.
Try WSO2 Cloud for Free
Sign in

All docs This doc

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

A theme  consists consists of UI elements such as logos, images, landing page text, background colors etc. WSO2 color scheme, layout, style elements and so on, which contribute towards the overall look and feel of a website. Therefore, a theme directly reflects your brand identity and represent who you are to your partners and customers. WSO2 API Store comes with a default theme named Fancy. The easiest way to change the user interface of the API Store is to customize the default themenamed Fancy, which defines the basic look and feel of the API Store. Since the capability to customize an API portal with your own corporate logos and styles is an important requirement when it comes to APIs, WSO2 API Cloud allows you to customize the look and feel of the API Store depending on your preference

Panel
bgColor#d3d3d3

In this tutorial, you learn how to apply the most common customizations to the default API Store theme.

...

You can either take a look at the following video tutorial or go through the step-by-step instructions given  below.

Widget Connector
width900
urlhttps://www.youtube.com/watch?v=6CNYs5aAk44
height600

Here's a step-by-step walk-though of the steps you can follow depending on the customizations you want to apply:

Anchor
walkthrough
walkthrough

...

  1. Go to the <THEME_HOME> folder, select all the files/folders inside it, then (Ctrl+A) and right click to archive all the selected files and folders together.

    Tip

    Tip: Be sure to select all the files/folders (Ctrl+A) and right click on all the selected artifacts to create the archive file.

  2. Rename the archive file to  ancient.zip.
  3. Sign in to WSO2 API Cloud. This takes you to the API Publisher Web application.
  4. Click Admin Dashboard under the Configure menu. This opens the Admin Dashboard.
  5. Click SETTINGS and then click UPLOAD TENANT THEME
  6. Upload your zip file (e.g., ancient.zip).
  7. Open the API Store to take a look at the customizations that are applied.

    Tip

    Tip: It can take up to 15 minutes for a new theme to be applied to the API Store.


    Similarly, open the sign up page to take a look at the customizations applied there.

In this tutorial, you have tried applying a few selected UI changes to customize Now you have succesfully applied the most common customizations to the API Store.