Changing Your Site’s Appearance¶
Changing the site logo, favicon, and theme are some of first look and feel areas you may want to change. Themes are used to set the overall look and feel for your Site. A Site’s Pages can be configured to use any theme that has been deployed to your DXP instance.
The DXP Docker image has the Classic theme available by default. In this example, we deploy a new simple theme and then show you how to switch from one theme to another.
Changing Your Site’s Theme¶
Deploy a New Theme¶
Start a new Liferay instance by running
docker run -it -m 8g -p 8080:8080 liferay/portal:220.127.116.11-ga29
Sign in to Liferay at http://localhost:8080. Use the email address firstname.lastname@example.org and the password test. When prompted, change the password to learn.
Then, follow these steps:
Download the WAR containing the Acme Sample Blue Theme:
curl https://learn.liferay.com/dxp/latest/en/getting-started/changing-your-sites-appearance/liferay-5b2v-theme.war -O
Deploy the WAR containing the theme:
docker cp liferay-5b2v-theme.war docker-container:path-to-deploy-folder
This will load the sample theme into your DXP instance. You can check your console for the following message to confirm that the theme successfully deployed:
2020-03-11 17:06:35.601 INFO [fileinstall-/opt/liferay/osgi/war][BundleStartStopLogger:39] STARTED liferay-5b2v-theme_1.0.0 
Change Your Site’s Theme¶
Configure the Pages for your Site to use the deployed theme:
Open your browser to
https://localhost:8080and login as an administrator.
In the Site Menu on the left side of the screen, navigate to Site Builder → Pages.
Click the Actions button () in the Application Bar and select Configuration.
Scroll down and click the Change Current Theme button:
Select the deployed sample theme, Acme Sample Blue Theme.
Navigate back to the home page for your Site to confirm that the theme has changed. The background for the content section of your Site is now blue.
Your Site’s theme has been updated.