How to download and install a uSkinned Site Builder Theme with NuGet
Latest compatible version: Umbraco 13.3.0 uSkinned Site Builder 6.1.1
This guide is for uSkinned Site Builder 2.x (and up) with Umbraco 9.x (and up).
It is very important that you do not continue unless you have already installed Umbraco and uSkinned Site Builder and then run your website. Running the website for the first time installs demo content which must be in place before you install a theme.
Before you continue, please make sure you have completed the following steps:
— How to download and install the latest version of Umbraco CMS (9 +).
— How to download and install uSkinned Site Builder with Nuget.
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.
Now click on the Design node. On the right-hand side you will see that your new Theme Design has also been successfully installed.
uSkinned Site Builder for Umbraco 9 with each of your chosen Themes installed will now be running.
#h5yr
Related guides
