Now we’re going to work directly on the server to make changes to our site's user interface (UI).
Go to Site Dashboard, select the Dev tab, and then select Code.
Confirm your Connection Mode is set to SFTP.
Log in to your Dev site by clicking the Site Admin button.
Install a new theme (do not activate/enable a theme that came pre-packaged with your site).
Activate/enable the new theme you installed. Now view your site to confirm the theme change.
Return to Site Dashboard and select the Dev tab. The files you just added are highlighted.
You may need to refresh your dashboard to see these files in your Dev environment.
Add a commit message, then click Commit to add these files to your Dev environment.
In the Dev environment, you can’t make a commit without first adding a commit message.
Review your changes in Dev.
Go to your Site Dashboard, select the Test tab, and then select Deploys. As you can see, 1 commit is ready to deploy from the Dev environment.
Check the Pull files and the database from the Live environment box.
Consider creating a backup before proceeding:
Create Backup (optional)
The Backups tab is where you manage all the details for your site's backup. A backup is composed of 3 separate archives for database, files, and code. Let’s create a backup now:
Click Backups on the Dev tab of your Site Dashboard.
Click Create New Backup.
Click Deploys to return to the lesson.
As intended, the following action will overwrite your Test database and files. If you skipped this backup task you will be unable to recover this data hereafter.
Add a Deploy Log Message (optional), then click Deploy Code from Development to Test Environment.
Deploy Commits to Test (optional)
Test is a separate environment from Dev, with its own codebase, database, and media files. When you deploy code from Dev, the platform leverages Git to pull any code changes into your Test environment.
Click Site Admin when the deployment completes to go to your Test site. Here you’ll notice that your theme is installed, but not active/enabled. You’ll also find that your content has been pulled “down” from Live.
Review your Test site.
Review the changes to make sure everything looks correct.
Navigate to your Site Dashboard, select the Live tab, and then click Deploys.
Add a Deploy Log Message (optional), then click Deploy Code from Test to Live Environment.
Congratulations! You just performed on-server development to make changes to your UI. You made changes on your Dev site, reviewed them on your Test site, then deployed them to Live.