A 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.
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.
Here's a step-by-step walk-though of the steps you can follow depending on the customizations you want to apply:
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: Be sure to select all the files/folders (Ctrl+A) and right click on all the selected artifacts to create the archive file.
- Rename the archive file to
- Sign in to WSO2 API Cloud. This takes you to the API Publisher Web application.
- Click Admin Dashboard under the Configure menu. This opens the Admin Dashboard.
- Click SETTINGS and then click UPLOAD TENANT THEME.
- Upload your zip file (e.g., ancient.zip).
Open the API Store to take a look at the customizations that are applied.
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.