Skip to main content

How to download and install a uSkinned Site Builder Theme with NuGet

Latest compatible version: Umbraco 11.0.0 uSkinned Site Builder 4.0.0

Step 1 — A

If you would like to install each theme individually, continue with Step 1 — A, alternatively, if you would like to install all themes in one go then jump to Step 1 — B.

Open the command line in the root directory of where you have installed Umbraco CMS and uSkinned Site Builder. Now, run the following command:

dotnet add package uSkinnedSiteBuilder.Theme.Arran

The above command will Install Arran Theme, however, you can install any of our themes in this way. Here's the command for each theme:

Download Arran Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Arran

Download Barra Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Barra

Download Bute Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Bute

Download Cara Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Cara

Download Fair Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Fair

Download Fara Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Fara

Download Harris Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Harris

Download Hoy Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Hoy

Download Iona Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Iona

Download Islay Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Islay

Download Jura Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Jura

Download Kilda Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Kilda

Download Lewis Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Lewis

Download Lismore Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Lismore

Download Mull Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Mull

Download Orkney Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Orkney

Download Rona Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Rona

Download Skye Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Skye

Download Staffa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Staffa

Download Stroma Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Stroma

Download Texa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Texa

Download Tiree Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Tiree

Download Torsa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Torsa

Download Vallay Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Vallay

Download Westray Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Westray

Download Yell Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Yell

Step 1 — B

Alternatively, you can install all themes at once.

dotnet add package uSkinnedSiteBuilder.Theme.Arran
dotnet add package uSkinnedSiteBuilder.Theme.Barra
dotnet add package uSkinnedSiteBuilder.Theme.Bute
dotnet add package uSkinnedSiteBuilder.Theme.Cara
dotnet add package uSkinnedSiteBuilder.Theme.Fair
dotnet add package uSkinnedSiteBuilder.Theme.Fara
dotnet add package uSkinnedSiteBuilder.Theme.Harris
dotnet add package uSkinnedSiteBuilder.Theme.Hoy
dotnet add package uSkinnedSiteBuilder.Theme.Iona
dotnet add package uSkinnedSiteBuilder.Theme.Islay
dotnet add package uSkinnedSiteBuilder.Theme.Jura
dotnet add package uSkinnedSiteBuilder.Theme.Kilda
dotnet add package uSkinnedSiteBuilder.Theme.Lewis
dotnet add package uSkinnedSiteBuilder.Theme.Lismore
dotnet add package uSkinnedSiteBuilder.Theme.Mull
dotnet add package uSkinnedSiteBuilder.Theme.Orkney
dotnet add package uSkinnedSiteBuilder.Theme.Rona
dotnet add package uSkinnedSiteBuilder.Theme.Skye
dotnet add package uSkinnedSiteBuilder.Theme.Staffa
dotnet add package uSkinnedSiteBuilder.Theme.Stroma
dotnet add package uSkinnedSiteBuilder.Theme.Texa
dotnet add package uSkinnedSiteBuilder.Theme.Tiree

Step 2

Please wait while each Theme package you require is installed. The command line will run through each part of the process.

Step 3

Now restart your website with the following command:

dotnet run

Step 4

Navigate to the local URL provided by the command line.

The console will output a message similar to: 

[10:57:39 INF] Now listening on: https://localhost:44388

The URL will be similar to: 

https://localhost:44388

Step 5

Open your preferred browser, navigate to the local URL and log in to the CMS.

Step 6

On the left-hand side tree menu, you can see that your new Theme content page has been installed as a child page of the Home.

New theme content installed with uSkinned for Umbraco.

Now click on the Design node. On the right-hand side you will see that your new Theme Design has also been successfully installed.

New theme design installed with uSkinned for Umbraco CMS.

uSkinned Site Builder for Umbraco 9 with each of your chosen Themes installed will now be running.

#h5yr