{"id":621,"date":"2020-07-06T06:00:00","date_gmt":"2020-07-06T11:00:00","guid":{"rendered":"https:\/\/yorkcs.com\/?p=621"},"modified":"2020-07-06T06:00:00","modified_gmt":"2020-07-06T11:00:00","slug":"how-to-create-a-wordpress-sandbox-with-siteground","status":"publish","type":"post","link":"https:\/\/yorkcs.com\/how-to-create-a-wordpress-sandbox-with-siteground\/","title":{"rendered":"How to Create a WordPress Sandbox with SiteGround"},"content":{"rendered":"\n

If you’re anything like me, and need to test out some tweaks to a website or plugin, you’d prefer a dedicated website to tinker with. In this guide, I will walk through how to create a WordPress sandbox with SiteGround. Sandbox environments are perfect for testing themes, plugins, and configurations. I’m going to assume you have a SiteGround account ready to go. If not, head over to SiteGround’s website<\/a> to learn how to setup a SiteGround hosting account.<\/p>\n\n\n\n

Setting up a Temporary Site Within Siteground<\/h2>\n\n\n\n

If you’re not logged into SiteGround already, please do so. Once you have, you should see the following screen:<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Now, click on the Websites<\/em> tab on the navigation bar. You will then see a grid of all the websites you’ve created. If you already have sites shown here, you probably know the usual way to create a new website. However, we’re not creating the usual run-of-the-mill website. You want to create a sort of sandbox website to be able to tinker with, right? The next step is standard, click the orange New Website<\/em> button. After you’re finished creating the WordPress sandbox with SiteGround, you will see the website appear in this list of websites.<\/p>\n\n\n\n

\"List<\/figure>\n\n\n\n

If you’ve added websites to SiteGround before, you’re probably familiar with the following screen.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

On the Add New Website<\/em> screen, click the Select<\/em> button under the Temporary Domain<\/em> card. Once you have that selected, you can see that SiteGround will setup a free subdomain for you (which they label a temporary domain name). I already created six temporary websites in the past, so this will be my seventh temporary site (hence, jaredy7.sg-host.com<\/em>).<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Once you’ve verified that everything looks good, you can click the Continue<\/em> button.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

After clicking Continue<\/em>, you will then see this new screen prompting about whether you want to start a new website, migrate an existing website, or skip and create an empty site. I always click Skip & Create Empty Site<\/em>, however you can choose the option you prefer. For this guide, we will click Skip & Create Empty Site<\/em>.<\/p>\n\n\n\n

\"Last<\/figure>\n\n\n\n

You can click finish and you’re all set now! SiteGround will create your new temporary website. As SiteGround says, this process should take less than two minutes to complete. Feel free to take a coffee break.<\/p>\n\n\n\n

\"Create<\/figure>\n\n\n\n

Once SiteGround is done setting up your website, you should see the following screen.<\/p>\n\n\n\n

\"Success<\/figure>\n\n\n\n

From this screen, you can click the Manage Site<\/em> button under Go to Site Tools<\/em>. <\/p>\n\n\n\n

\"Site<\/figure>\n\n\n\n

Configuring Your Sandbox Website On SiteGround<\/h2>\n\n\n\n

Installing an SSL Certificate<\/h3>\n\n\n\n

When you are creating a WordPress sandbox with SiteGround, you will want to install an SSL certificate. SiteGround makes this very easy. Go to the SSL Manager<\/em> tab under the Security<\/em> category on the left sidebar.<\/p>\n\n\n\n

\"SSL<\/figure>\n\n\n\n

Then, click the Select SSL<\/em> dropdown and select the Let’s Encrypt<\/em> certificate type. Finally, click Get<\/em> and SiteGround will install your free SSL certificate.<\/p>\n\n\n\n

\"Install<\/figure>\n\n\n\n

It will take a few minutes for SiteGround to setup your new Let’s Encrypt SSL certificate. Take a coffee break in the meantime.<\/p>\n\n\n\n

\"Installing<\/figure>\n\n\n\n

Once SiteGround is finished installing and configuring your SSL certificate, you will see a notice that your Let’s Encrypt certificate has been installed.<\/p>\n\n\n\n

\"Let's<\/figure>\n\n\n\n

To add and configure a database for our new website, click the MySQL<\/em> tab under the Site<\/em> drop-down of the left sidebar. <\/p>\n\n\n\n

Configuring the Database<\/h3>\n\n\n\n

As you create a WordPress sandbox with SiteGround, you will need to create a database for WordPress. The process is relatively trivial, there’s just some information you will need to keep track of along the way.<\/p>\n\n\n\n

First, click the MySQL<\/em> tab under the Site<\/em> category on the left sidebar.<\/p>\n\n\n\n

\"MySQL<\/figure>\n\n\n\n

A new page should appear with the heading MySQL Manager<\/em>.<\/p>\n\n\n\n

\"MySQL<\/figure>\n\n\n\n

The next step is to click the Create Database<\/em> button. No further action is needed. SiteGround will provide you the database name. We will need this for installing WordPress.<\/p>\n\n\n\n

\"Database<\/figure>\n\n\n\n

Next, click the Create User<\/em> button under the creation notification. This will automatically generate a user with a username\/password combo.<\/p>\n\n\n\n

\"Database<\/figure>\n\n\n\n

Be sure to write down the password as you will need this later.<\/p>\n\n\n\n

Next, click on the Manage Access<\/em> button. A popup will display labeled, Add Database for User<\/em>. The All Privileges<\/em> radio button should be selected. Then, click Confirm<\/em>. The prompt gives the newly created user all privileges to manipulate the new database we created.<\/p>\n\n\n\n

\"Set<\/figure>\n\n\n\n

After clicking Confirm<\/em>, we should see a success notification that the user access is good to go.<\/p>\n\n\n\n

\"Success<\/figure>\n\n\n\n

Configuring SFTP<\/h3>\n\n\n\n

In addition to creating a database, you will also need a way to transfer the WordPress files to your hosting account. We can harness a technology called SSH File Transfer Protocol, more commonly abbreviated SFTP. SFTP works by using SSH (Secure Shell or Secure Socket Shell) to encrypt the transferring of files to the FTP (File Transfer Protocol) server.<\/p>\n\n\n\n

To get started configuring SFTP within SiteGround, head over to the SSH Keys Manager<\/em> page. On the sidebar on the left, find the Devs<\/em> tab, click it, then click on SSH Keys Manager<\/em>.<\/p>\n\n\n\n

\"SSH<\/figure>\n\n\n\n

You will need to generate a new SSH key. It’s very easy, all you have to do is enter a key name and password. Do so, then click the Create<\/em> button.<\/p>\n\n\n\n

\"New<\/figure>\n\n\n\n

There’s some information you will need about your newly created SSH key for later on. Click the three dots next to the SSH key, and select the SSH Credentials<\/em> option in the drop-down.<\/p>\n\n\n\n

\"View<\/figure>\n\n\n\n
\"Popup<\/figure>\n\n\n\n

The information you will need will appear in a popup window like the one above.<\/p>\n\n\n\n

Be sure you write down your hostname, username, password, and port. You will need this when you copy over WordPress below.<\/p>\n\n\n\n

You will also need to copy the private key of the SSH key you created. Click the three dots next to the key. On the drop-down, click the Private Key<\/em> option.<\/p>\n\n\n\n

\"View<\/figure>\n\n\n\n
\"Popup<\/figure>\n\n\n\n

A dialog will appear with the text of the private key. You will need to copy that text. Conveniently, there is a Copy to Clipboard<\/em> button which will take care of this for you. At this point, you are ready to continue following the steps below.<\/p>\n\n\n\n

Copying WordPress Files via SFTP<\/h2>\n\n\n\n

The next step to setup a WordPress sandbox with SiteGround is to copy all of the WordPress files to our new website. We will utilize SFTP (File Transfer Protocol) for this. SFTP allows you to add, remove, and edit the files of your website. First, you will need an FTP client in order to harness this protocol. Most FTP clients will be compatible with SFTP.<\/p>\n\n\n\n

FileZilla<\/h3>\n\n\n\n

If you’re looking for an FTP client, I would recommend FileZilla<\/a>. FileZilla is a popular free and open source FTP client. For this guide, I will be using FileZilla. If you’re using it too, I will be walking through how to use it when copying the WordPress files.<\/p>\n\n\n\n

The first step you need to take is creating a file in a safe place to paste our private key into. Feel free to name this file anything, however it should have a .ppk<\/em> extension. Next, you will need paste all of the text in the private key box from the last step into the new file.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

You should see a prompt appear asking if you would like to convert the key file to a supported format.<\/p>\n\n\n\n

\"FileZilla<\/figure>\n\n\n\n
\"Password<\/figure>\n\n\n\n
\"Save<\/figure>\n\n\n\n

Save this new key file (compatible with FileZilla) in a safe location. I stored mine with my existing key file that I made earlier.<\/p>\n\n\n\n

\"FileZilla<\/figure>\n\n\n\n

Your key file is now registered in FileZilla. Be sure to click the OK<\/em> button under the left sidebar of the settings window to save changes.<\/p>\n\n\n\n

Find the Site Manager button and click it. It should be in the top left corner of the main FileZilla window.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n
\"The<\/figure>\n\n\n\n

Once Site Manager opens, click the New Site<\/em> button on the left. This will create a new entry for the newly setup SiteGround site. You will be able to easily connect to your website via FTP without typing in the credentials every time by adding this entry.<\/p>\n\n\n\n

You will need to enter the host, port, SSH key user name, and SSH key user password that you’ve gathered previously. The fields are relatively self explanatory, just put the corresponding value in each of the fields. Ensure the Logon Type<\/em> is set to Normal<\/em>.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Once you’ve added the connection details for the site, you can click OK<\/em> to save them.<\/p>\n\n\n\n

Feel free to rename your Site Manager<\/em> entry. You can do so by double-clicking the New Site<\/em> entry in the sidebar and entering a new name. When you’re all set, just press enter to save the new name. <\/p>\n\n\n\n

At this point, you should be ready to connect to your website via SFTP.<\/p>\n\n\n\n

You will be prompted to enter the password for the SSH key before you can connect to your website.<\/p>\n\n\n\n

\"Another<\/figure>\n\n\n\n

Once validated, FileZilla will be connected to your website!<\/p>\n\n\n\n

\"Connection<\/figure>\n\n\n\n

Next, click the Add Key File<\/em> button. A file browser will open, then navigate to where you saved the private key file. Once you select the file and open it, you will probably receive a dialog asking if you would like to convert the file to a supported format. Select Yes<\/em>, and another file dialog will appear.<\/p>\n\n\n\n

Downloading WordPress<\/h3>\n\n\n\n

Next, the files for WordPress need to be downloaded. Head over to WordPress.org<\/a> and click the blue Download WordPress <current version number><\/em> button. As of the time of writing this, WordPress is on version 5.4.2.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Once the WordPress ZIP folder has downloaded, extract it. The easiest way to transfer the WordPress files at this point is to move a file browser window next to FileZilla. Reconnect to your website by clicking the down arrow next to the Site Manager button, then click your Site Manager entry. After a few seconds, you should see the root directory of your site appear on the right side of FileZilla.<\/p>\n\n\n\n

\"Extracted<\/figure>\n\n\n\n

You can’t just drop the WordPress files anywhere though. First, double click the www<\/em> directory, then you should see another folder with the name of your domain. Double-click this folder.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Then you should see three more folders appear. Double-click the public_html<\/em> folder. This is the actual folder where your website files are stored.<\/p>\n\n\n\n

\"List<\/figure>\n\n\n\n

Now you should just see a single file, Default.html<\/em>. You will want to delete this file, it’s just a default placeholder. We will be dumping the WordPress files here instead.<\/p>\n\n\n\n

\"File<\/figure>\n\n\n\n

Select all of the WordPress files from the extracted folder and click and drag the files to the right side of FileZilla where it says Empty directory listing<\/em>.<\/p>\n\n\n\n

\"All<\/figure>\n\n\n\n

You will know that the WordPress files have finished transferring once you see no queued files. If everything went smoothly, there shouldn’t be any failed transfers.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

No matter if you are setting up a WordPress sandbox with SiteGround or another host, the next step is to install WordPress. Open your browser and navigate to your temporary domain, but make sure it’s prefixed with https:\/\/<\/em>. Be sure that you see a green lock next to the website address to make sure the installation process is secure.<\/p>\n\n\n\n

If you’re using Chrome, you should see the website address look like the following:<\/p>\n\n\n\n

\"SSL<\/figure>\n\n\n\n

Or if you’re using Firefox, it should look very similar:
<\/p>\n\n\n\n

\"SSL<\/figure>\n\n\n\n

Once you’ve checked for the green lock, ensure that you’re seeing the same page as the one below. If you are, select your language and click Continue<\/em>.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

The next screen is just informing you that you need your database credentials before proceeding. You should have these from the steps you’ve taken earlier. After you have your database credentials on hand, click Let’s go!<\/em>.<\/p>\n\n\n\n

\"WordPress<\/figure>\n\n\n\n

You will see a screen prompting you for your database credentials. Enter them for each of the fields and click Submit<\/em>.<\/p>\n\n\n\n

\"Next<\/figure>\n\n\n\n

If all of the credentials were accepted, you should see the following notice that WordPress is ready to be installed. Click the Run the installation<\/em> button. There is still some information WordPress still needs such as your website name and the username and password for your administrator account.<\/p>\n\n\n\n

\"WordPress<\/figure>\n\n\n\n

You should now see the following screen prompting for your website title and username, password, and email for your administrator account. I would recommend enabling the Discourage search engines from indexing this site<\/em> checkbox since this website will be a sandbox for you.<\/p>\n\n\n\n

\"Final<\/figure>\n\n\n\n

After you filled in all the information, click Install WordPress<\/em>. The installation is very quick, it only takes a few seconds. WordPress will then inform you that the installation was successful. Click the Log In<\/em> button to log in to your new WordPress site!<\/p>\n\n\n\n

\"Installation<\/figure>\n\n\n\n

Enter the username and password you just entered above to log into your site, then click the Log In<\/em> button.<\/p>\n\n\n\n

\"Login<\/figure>\n\n\n\n

If your credentials are correct, the WordPress dashboard for your sandbox site should appear!<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Final Thoughts<\/h2>\n\n\n\n

You now have created a WordPress sandbox with SiteGround, perfect for testing themes, plugins, and configurations. Whether you’re a website designer or developer, it’s useful to know how to setup a test website on a live environment. Do you still need help creating a WordPress sandbox with SiteGround? Please contact us<\/a> and we would be glad to consult with you to help setup the perfect testing environment.<\/p>\n","protected":false},"excerpt":{"rendered":"

If you’re anything like me, and need to test out some tweaks to a website or plugin, you’d prefer a dedicated website to tinker with. In this guide, I will walk through how to create a WordPress sandbox with SiteGround. Sandbox environments are perfect for testing themes, plugins, and configurations. I’m going to assume you […]<\/p>\n","protected":false},"author":1,"featured_media":707,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"Learn to create a WordPress sandbox with SiteGround and create the perfect environment to test themes, plugins, and configurations.","_seopress_robots_index":"","_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[11],"tags":[28,29,30,31,32],"_links":{"self":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts\/621"}],"collection":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":0,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/media\/707"}],"wp:attachment":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/tags?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}